Estudio de caso de diseñador web

Webmaster de estudio de caso

Creación de un sitio web: ahorre todo el tiempo perdido en la optimización de imágenes

Cuando creas un sitio web a partir de un archivo de Photoshop, una gran parte del trabajo es encontrar el mejor formato y compresión para aplicar a las imágenes. Encontrar las mejores melodías te ayuda a tener un buen diseño, pero al mismo tiempo debes exportar imágenes lo más claras posible. Como Photoshop aplica una compresión global a las imágenes, es bastante complejo tener imágenes claras y de alta calidad.

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

Teniendo en cuenta la creación de 30 imágenes por página que incluye el contenido y las imágenes de diseño del tema, ¿cuánto tiempo dedica a la exportación de imágenes? El proceso es bastante largo e incluye varios intentos con varios niveles de compresión.

calidad JPEG

Exportar como un proceso de imagen jpg incluye:

  • Vaya al menú "Exportar para la web"
  • Elija el formato Jpeg
  • Elige una compresión / calidad 
  • Selecciona el tamaño
  • Exportar la imagen
  • Enviar imagen en su sitio web
  • Haz una prueba final

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

 

Más pequeño con alta calidad.

Como el algoritmo ImageRecycle no aplica una compresión global a las imágenes, sino que tiene en cuenta el área de color de la imagen y el nivel de compresión original, puede exportar todas las imágenes con una calidad del 100%. Tenga en cuenta: cuanto menos se comprima la imagen original, mejor será la optimización y el tamaño. Consulte la prueba a continuación con la imagen nombrada en sus niveles de calidad de Photoshop (60 = 60% de calidad, 80 = 80% de calidad...)

optimización de calidad jpg

La imagen exportada al 100% de calidad obtuvo el mejor resultado visual y tamaño. Así que piensa en la parte técnica: nos ocupamos del peso de las imágenes.