0 votos

Compresión de imágenes del sitio web de Apple

Vale, he buscado este tema por toda la red, pero no he encontrado nada y he pensado que tal vez este sea el lugar adecuado para hacer esta pregunta. Recientemente estuve visitando el sitio de iphone de apple y el hombre que tienen un montón de imágenes en alta resolución allí. ¡Pero al escanear el sitio para ver la cantidad de MB que realmente carga me sorprendió! Todas estas imágenes hicieron sólo 1. 4MB que es increíble. Por ejemplo, mira esta imagen aquí desde el sitio web de Apple:

http://images.apple.com/v/iphone/home/r/home/images/iphone_workshops_6s_xlarge.jpg

Esta imagen de alta resolución sólo tiene 182 KB de tamaño. No puedo obtener estos resultados en Photoshop al guardar jpegs. Quiero decir que se puede ver claramente que los detalles son un poco manchada por lo que estoy adivinando esto no fue editado de la manera normal.

¿Alguien tiene una explicación para esa compresión y tal vez un tutorial de cómo lograr tamaños tan bajos? Soy desarrollador web y cuando creo sitios web con presentaciones de diapositivas donde suelo usar tamaños de imagen como 1920 x 400 o algo similar nunca consigo imágenes que estén por debajo de 500-800 KB

0voto

Simplexion Puntos 41

Una explicación completa de la compresión de imágenes es probablemente más adecuada para StackOverflow, pero ya que lo has relacionado con Apple, voy a dar una visión general aquí.

En realidad, la propia imagen determina hasta cierto punto el tamaño de su archivo. Por ello, se pueden comprimir unas imágenes más que otras sin perder mucha calidad aparente. Por ejemplo, el algoritmo de compresión de imágenes JPEG maneja mal los rojos. En consecuencia, si tienes una foto con más rojos, es probable que tengas que mantener la calidad JPEG más alta para no notar la diferencia. Hay otras peculiaridades de los distintos formatos de compresión de imágenes que también pueden afectar al tamaño del archivo.

La segunda es cómo se guarda el archivo. Photoshop tiene una función de Guardar para la Web que te permite tener un control más granular sobre la calidad de guardado de la imagen. Puedes ajustar el porcentaje de calidad (del original) y ver inmediatamente los efectos en la fotografía. Un comentarista observó que la calidad de la imagen era del 58%. Eso no significa que sea el 58% del tamaño del archivo original, sino que es el número asociado al algoritmo. Es probable que sólo eso sea menos del 58% del tamaño original de la foto. Puedes ver fácilmente lo que han descrito guardando una foto en Photoshop usando Guardar para Web y luego poniéndola en el formato JPEG y ajustando la calidad al 58%.

Después de guardar la foto, todavía hay otro nivel de compresión que se puede hacer - de hecho, hay más de uno. La más sencilla, quizás, es pasarla por un compresor de imágenes. Hay muchos en el mercado y la aplicación independiente que se me ocurre es JPEG-Mini. Estos pueden reducir el tamaño del archivo de forma significativa en algunos casos (aunque no en todos). También se puede configurar el servidor para que proporcione una versión comprimida de la imagen que reduzca aún más el tamaño. (Puede determinar si esa foto fue comprimida con gzip mirando las cabeceras de esa solicitud/respuesta de imagen).

La compresión de imágenes es extremadamente importante, pero desgraciadamente se pasa por alto con demasiada frecuencia . Aprecio los sitios que muestran que sus desarrolladores han hecho lo posible por reducir el tamaño de las imágenes para que todos sus usuarios puedan disfrutar de un tiempo de carga más rápido. En ese sentido, las imágenes responsivas están siendo rápidamente soportadas y seguramente traerán una UX aún mejor a medida que sirvamos a los navegadores un contenido más específico.

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X