Como optimizar las imagenes para web

Inicio » Como optimizar las imagenes para web

Comprimir imágenes

Añadir imágenes a Internet puede ser una tarea tediosa, y si se hace de forma incorrecta puedes estar causando más daño a tu sitio, que añadiendo valor. En el siguiente artículo pretendemos cubrir la importancia de la optimización de imágenes para la web, los diferentes formatos de imagen, cómo optimizar tus imágenes con Lightroom, algunos tamaños de imagen recomendados, el SEO de las imágenes, y cómo encontrar imágenes no optimizadas en tu sitio.

La optimización de imágenes es el proceso de entregar las imágenes en el formato, la dimensión, el tamaño, la resolución y la calidad adecuados, manteniendo el archivo de imagen lo más pequeño posible. La optimización de las imágenes debe hacerse antes de subirlas a su sitio web, utilizando herramientas como Lightroom, Photoshop (u otros editores fotográficos profesionales), JPEG Mini y Tinypng.com. También se puede hacer cuando se suben las imágenes directamente a su sitio web, sin embargo, para tenerlas correctamente optimizadas utilizando este método usted querrá utilizar un plugin o servicio de pago que lo haga eficazmente.

Este es un artículo que DEBE LEER cualquiera que se tome su sitio web en serio. Si consigues subir tus imágenes correctamente desde el primer momento, te ahorrarás tiempo, dinero y dolores de cabeza en el futuro. También podría mejorar el rendimiento de su sitio web y la experiencia del usuario, ya que sus páginas se cargarán más rápido.

Optimizador de imágenes

Añadir imágenes a Internet puede ser una tarea tediosa, y si se hace de forma incorrecta puedes estar causando más daño a tu sitio, que añadiendo valor. En el siguiente artículo pretendemos cubrir la importancia de la optimización de imágenes para la web, los diferentes formatos de imagen, cómo optimizar tus imágenes con Lightroom, algunos tamaños de imagen recomendados, el SEO de las imágenes, y cómo encontrar imágenes no optimizadas en tu sitio.

La optimización de imágenes es el proceso de entregar las imágenes en el formato, la dimensión, el tamaño, la resolución y la calidad adecuados, manteniendo el archivo de imagen lo más pequeño posible. La optimización de las imágenes debe hacerse antes de subirlas a su sitio web, utilizando herramientas como Lightroom, Photoshop (u otros editores fotográficos profesionales), JPEG Mini y Tinypng.com. También se puede hacer cuando se suben las imágenes directamente a su sitio web, sin embargo, para tenerlas correctamente optimizadas utilizando este método usted querrá utilizar un plugin o servicio de pago que lo haga eficazmente.

Este es un artículo que DEBE LEER cualquiera que se tome su sitio web en serio. Si consigues subir tus imágenes correctamente desde el primer momento, te ahorrarás tiempo, dinero y dolores de cabeza en el futuro. También podría mejorar el rendimiento de su sitio web y la experiencia del usuario, ya que sus páginas se cargarán más rápido.

Optimizar las imágenes para la velocidad de la página

Quiero usar Acciones para registrar cada comando en este proceso, incluyendo el comando Guardar para la Web y Dispositivos, de modo que pueda procesar mis imágenes por lotes sin tener que abrir cada una de ellas más tarde. Para abrir el Panel de Acciones, vaya a Windows > Acciones (Alt/Opción+F9). Desde el Panel de Acciones, haz clic en el icono Crear nuevo conjunto: ponle nombre a tu nuevo conjunto.

Guarde su imagen para la web y los dispositivos yendo a Archivo > Guardar para la web y los dispositivos (Alt/Opción+Mayúsculas+Ctrl/Comando+S). Deberías ver la ventana de diálogo Guardar para web y dispositivos en tu espacio de trabajo. Voy a mantener mi imagen con una calidad decente, así que voy a utilizar los siguientes ajustes:

Necesito asegurarme de que mi imagen no supera los 600 píxeles de anchura, así que voy a cambiar el tamaño de mi imagen con el interruptor activado (icono de enlace) para conservar las proporciones originales de la imagen. Siéntase libre de hacer lo mismo si necesita cumplir con un determinado requisito de anchura/altura.

Si está satisfecho con su imagen, haga clic en Guardar. Yo he optado por guardar mis imágenes en una carpeta diferente ya que quiero conservar mis imágenes originales con las dimensiones más grandes para su uso futuro (recuerda que redimensiono mis imágenes hasta 600 píxeles de ancho). Cierra tu archivo de imagen desde tu espacio de trabajo.

Compresión png

La optimización adecuada de las imágenes es una de las formas más eficaces de acelerar su sitio web. En este tutorial, aprenderás una forma rápida y sencilla de optimizar tus imágenes con Affinity Photo en pocos pasos.

La respuesta corta, es reducir el tamaño del archivo de una imagen. Cuando una imagen está en su tamaño completo y aún no está optimizada, puede tener un tamaño de archivo de varios MBs. Usemos una imagen de Unsplash, por ejemplo. Cuando se descarga una imagen de Unsplash, lo más probable es que tenga más de 2 MBs. Y eso es demasiado grande para añadirla a tu sitio web. Así que tenemos que optimizarla para hacer ese tamaño de archivo más corto antes de añadirla a tu sitio.

En este artículo, iremos paso a paso en Affinity Photo, y te mostraré una forma rápida y fácil de hacerlo. Una vez que aprendas los pocos pasos que se necesitan, podrás optimizar una imagen en menos de un minuto.

Un sitio web tiene que cargar rápidamente, o de lo contrario perderá visitantes. Alguna vez has intentado visitar un sitio web y tarda una eternidad en cargar. ¿Y qué haces cuando se queda atascado en la carga? Se frustra y se olvida.

Ir arriba