Estudio de caso de un diseñador web

Estudio de caso de un webmaster

Creación de sitios web: ahorre tiempo en la optimización de imágenes

Al crear un sitio web a partir de un archivo de Photoshop, una parte importante del trabajo consiste en encontrar el formato y la compresión óptimos para las imágenes. Encontrar la mejor configuración ayuda a lograr un diseño atractivo, pero al mismo tiempo es necesario exportar imágenes lo más ligeras posible. Dado que Photoshop aplica una compresión global a las imágenes, es bastante complejo obtener imágenes ligeras y de alta calidad.

¡Ahora se acabó, ni lo pienses, trabaja rápido y optimizaremos las imágenes cuando estés trabajando en otra cosa!

Considerando la creación de 30 imágenes por página, incluyendo el contenido y el diseño del tema, ¿cuánto tiempo se tarda en exportar las imágenes? El proceso es bastante largo e implica varios intentos con distintos niveles de compresión.

calidad jpeg

El proceso de exportación como imagen jpg incluye:

  • Vaya al menú "Exportar para la web"
  • Elija el formato Jpeg
  • Elija una compresión/calidad 
  • Seleccione el tamaño
  • Exportar la imagen
  • Envía una imagen a tu sitio web
  • Hacer una prueba final

Análisis de página: 30 imágenes exportadas 3 veces cada una para intentarlo
Tiempo empleado en intentarlo: 1' por intento, es 1 hora por página
Con optimización automática de imágenes: para 5 páginas son 5 horas de trabajo, con una calidad perfecta al final

 

Más pequeño y de alta calidad

Como el algoritmo ImageRecycle no aplica una compresión global a las imágenes, sino que considera el área de color y el nivel de compresión original, puedes exportar todas las imágenes con una calidad del 100 %. Recuerda: cuanto menor sea la compresión de la imagen original, mejor será la optimización y el tamaño. Consulta la prueba a continuación con la imagen nombrada y sus niveles de calidad de Photoshop (60 = 60 % de calidad, 80 = 80 % de calidad, etc.)

optimización de jpg de calidad

La imagen exportada con una calidad del 100 % obtuvo un mejor resultado visual y tamaño. Por lo tanto, solo piense en el aspecto técnico: nos ocupamos del peso de las imágenes.