Para que las páginas del sitio se abran rápidamente, debe usar imágenes del menor peso posible (tamaño de archivo). Al mismo tiempo, después de la compresión, la calidad de la imagen no debería sufrir mucho.
Para saber qué formato es óptimo, probamos los formatos GIF , JPG , PNG y WEBP , y comparamos los tamaños de los archivos resultantes.
Metodología de prueba
La compresión se llevó a cabo en un sitio de trabajo utilizando dos programas:
• Biblioteca de gráficos GD , integrada en PHP por defecto.
• El programa de terceros ImageMagick y su extensión php Imagick .
Al reducir la configuración de calidad del 100 al 0 por ciento, se encontró un valor en el que la calidad de la imagen seguía siendo aceptable.
Simplemente diga que los programas GD e Imagick dan el mismo resultado con el mismo parámetro de calidad (Q), por lo tanto, todos los ejemplos se dan solo para imágenes obtenidas en el programa GD .
Los tamaños reales para imágenes grandes son 1600x900px, para miniaturas 400x225px - los tamaños visibles pueden variar.
Imagen en miniatura (miniatura) 400x225px
En términos de compresión, el formato WEBP es un líder innegable.
Nota PNG
El formato PNG es prácticamente comprimible por ambos programas y le da al tamaño de un archivo un orden de magnitud mayor que todos los demás formatos. En particular, en esta prueba, los archivos PNG tenían un tamaño de archivo de más de 40 veces mayor que WEBP .
Se podría usar el formato PNG para imágenes con un fondo transparente, sin embargo, el formato WEBP también funciona con el canal alfa y, al mismo tiempo, ofrece un resultado mucho mejor.
, , PNG .
GIF
GIF . GIF , . SVG, GIF ( gif-).
1600x900px
WEBP JPG, 50% .
, WEBP . , , .
WEBP , .
400x225px.
WEBP .
Para los programas GD e Imagick , se recomienda establecer el valor de calidad en 20-30%.