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

0

Ok, busqué este tema en todo el Internet, pero no pude encontrar nada en absoluto y pensé que tal vez este es el lugar adecuado para hacer esa pregunta. Hace poco estuve visitando el sitio de Apple para el iPhone y tengo muchas imágenes en alta resolución allí. ¡Pero cuando escaneo el sitio para ver cuánto MB en realidad cargo me quedé atónito! Todas estas imágenes compusieron solo 1. 4MB lo que es increíble. Por ejemplo, mire esta imagen aquí desde el sitio web de Apple:

enlace

Esta imagen de alta resolución solo tiene 182 KB. No puedo obtener tales resultados en Photoshop al guardar archivos JPEG. Quiero decir, se puede ver claramente que los detalles están un poco manchados, así que supongo que esto no se editó de la forma habitual.

¿Alguien tiene una explicación para esa compresión y quizás un tutorial sobre cómo lograr tamaños tan bajos? Soy un desarrollador web y cuando creo un sitio web con presentaciones de diapositivas donde normalmente utilizo tamaños de imagen como 1920 x 400 o algo similar, nunca obtengo imágenes que tengan menos de 500-800 KB

    
pregunta Hans Ullrich 14.11.2015 - 03:09

1 respuesta

0

Es probable que una explicación completa de la compresión de la imagen sea más adecuada para StackOverflow, pero como la relacionaste con Apple, te daré una descripción general aquí.

La imagen en sí determina el tamaño de su archivo en cierta medida. Con eso, uno puede comprimir algunas 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 tiene una foto con más rojo, es probable que deba mantener la calidad JPEG más alta para no notar una diferencia. Existen otras peculiaridades con diferentes formatos de compresión de imagen que también pueden afectar el tamaño del archivo.

Segundo es cómo guarda el archivo. Photoshop tiene una función Guardar para Web que le permite tener un control más granular sobre la calidad de guardado de la imagen. Puede ajustar el porcentaje de calidad (del original) y ver inmediatamente los efectos en la fotografía. Un comentarista notó que tenía un 58% de calidad de imagen. Eso no significa que sea el 58% del tamaño del archivo original, sino que es el número asociado con el algoritmo. Es probable que solo eso sea menos del 58% del tamaño original de la foto. Puede ver fácilmente lo que describieron al guardar una foto en Photoshop usando Guardar para Web y luego configurarlo en el formato JPEG y establecer la calidad en 58%.

Después de que se haya guardado la foto, todavía se puede realizar otro nivel de compresión, de hecho, hay más de uno. El más simple, quizás, es ejecutarlo a través de un compresor de imagen. Hay muchos por ahí y la única aplicación independiente que viene a la mente es JPEG-Mini. Estos pueden reducir significativamente el tamaño del archivo en algunos casos (aunque no todos). También puede configurar el servidor para proporcionar una versión comprimida de la imagen comprimida que reduce aún más el tamaño. (Puede determinar si la foto se ha comprimido comprimiendo los encabezados de esa solicitud / respuesta).

La compresión de imágenes es extremadamente importante, pero desafortunadamente se pasa por alto con demasiada frecuencia . Aprecio los sitios que muestran que sus desarrolladores han hecho todo lo posible para reducir el tamaño de la imagen para que todos sus usuarios puedan disfrutar de un tiempo de carga más rápido. En ese tema, las imágenes receptivas se están admitiendo rápidamente y seguramente brindarán un UX aún mejor a medida que brindemos a los navegadores contenido más específico.

    
respondido por el bassplayer7 15.11.2015 - 03:35

Lea otras preguntas en las etiquetas