Las opciones de imagen de mi navegador de srcset (que tienen el tamaño correcto por lo que puedo ver) han resaltado que image-webpack-loader podría estar haciendo una compresión bastante agresiva. Realmente no tengo la experiencia para saber si esto es excesivo (aunque mis ojos pueden ver la pixelación, así que...)
El ejemplo era una imagen jpg de 900x393 y 159 KB, que se estaba comprimiendo a 10,8 KB. ¿Eso parece realmente pequeño?
Mi cargador de paquetes web:
{ loader: "image-webpack-loader", options: { mozjpeg: { progressive: true, quality: 65, }, optipng: { enabled: false, }, pngquant: { quality: [0.65, 0.9], speed: 4, }, webp: { quality: 75 }, }, }, No creo que haya sido mi atributo srcset , ya que está eligiendo la imagen de 900 px de ancho aproximadamente en el momento adecuado.
Cualquier ayuda apreciada
** Editar: Creo que lo está comprimiendo demasiado en los lugares que están ligeramente fuera de foco. Extrañamente, eliminar todo el objeto de opciones da como resultado una imagen mucho mejor @ 19k, pero usar
mozjpeg: { quality: 100, },dentro del objeto de opciones, o eliminando la entrada mozjpeg aún comprime la imagen a 10.8k
Bastante confundido para ser honesto. ¿Hay alguna manera de evitar comprimir imágenes específicas?