Caso de estudio de diseñador web

Estudio de caso webmaster

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

Cuando crea 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 en las imágenes. Encontrar las mejores melodías te ayuda a tener un diseño agradable, pero debes exportar imágenes lo más claras posible al mismo tiempo. Como Photoshop está aplicando una compresión global en 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!

Considerando 30 imágenes por creación de página que incluyen el contenido y las imágenes de diseño del tema, ¿cuánto tiempo envías 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:

  • Ir a través del menú "Exportar para la web"
  • Elija el formato JPEG
  • Elige una compresión / calidad 
  • Selecciona la talla
  • Exportar la imagen
  • Enviar imagen en su sitio web
  • Hacer una prueba final

Análisis de página: 30 imágenes exportadas 3 veces cada una para probar
Tiempo invertido en probar: 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 con alta calidad

Como el algoritmo ImageRecycle no aplica una compresión global en 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 al 100% de calidad. Tenga en cuenta: cuanto menos se comprima la imagen original, mejor optimización y tamaño será. Verifique 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 jpg de calidad

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