Cómo guardar imágenes para sitios web

Pongo imágenes HD en mi sitio web y tardan mucho en cargarse. Luego intenté volver a guardarlos usando Photoshop CC como jpeg y eligiendo 1 en la escala de compresión (que va de 1 a 12). Son mucho más ligeros, pero siguen siendo del mismo tamaño. En mi sitio web, noté una pequeña mejora en la velocidad de carga, pero no fue tan drástica como pensaba. ¿Sería mejor volver a escalar las imágenes en lugar de comprimirlas (ya que nunca se muestran en el sitio web en tamaño completo, es decir, algo así como 5000 x 3500 píxeles). ¿Cuál es la mejor solución para que mis imágenes se carguen rápido pero mantengan una gran calidad? ¡¡¡Gracias!!!

Respuestas (2)

Casi siempre debe cambiar el tamaño de las fotos antes de subirlas a un sitio web. El diseñador web debería poder decirle cuáles son las dimensiones óptimas.

Utilice la opción Guardar para web en Photoshop. El nivel de calidad que tienes que elegir depende de la foto. Algunos se pueden comprimir más sin mostrar artefactos de compresión. Elija convertir a sRGB para evitar problemas con los colores.

Después de guardar los archivos, use una aplicación como ImageOptim para Mac para eliminar los datos EXIF ​​y reducir aún más el tamaño del archivo.

También es posible que desee buscar un software web que cambiará de tamaño dinámicamente en función del dispositivo de visualización de destino. Con los navegadores web que se ejecutan desde teléfonos pequeños hasta computadoras de escritorio 4K+, se está llegando a un punto en el que mostrar imágenes de alta calidad ya no puede ser una talla única. No ofrezco esto como respuesta, ya que qué software web usar está más allá del alcance de la pregunta (y de este foro), pero vale la pena que lo revise el OP.
El problema es que imagemagick y gd for php, que son utilizados por la mayoría de los sitios web, no pueden comprimir imágenes tan bien como Photoshop. Por lo tanto, tiene sentido comprimir la versión más grande de la imagen con una herramienta como Photoshop. El diseño web receptivo con imágenes redimensionadas debe ser un hecho y es responsabilidad del diseñador web.

Hay una función 'Exportar para Web' en Photoshop que se encuentra aquí:

Archivo -> Exportar para Web -> (SELECCIONAR FORMATO) -> GUARDAR

Cómo guardar imágenes para sitios web
RespuestasAquíPolítica de privacidad1y, 0v