Para que as páginas do site sejam abertas rapidamente, você precisa usar imagens com o menor peso possível (tamanho do arquivo). Ao mesmo tempo, após a compactação, a qualidade da imagem não deve sofrer muito.
Para descobrir qual formato é ideal, testamos os formatos GIF , JPG , PNG e WEBP e comparamos os tamanhos dos arquivos resultantes.
Metodologia de teste
A compactação foi realizada em um local de trabalho usando dois programas:
• Biblioteca de gráficos GD , embutida no PHP por padrão.
• Programa ImageMagick de terceiros e sua extensão php Imagick .
Ao reduzir a configuração de qualidade de 100 para 0%, foi encontrado um valor no qual a qualidade da imagem permaneceu aceitável.
Basta dizer que os programas GD e Imagick dão o mesmo resultado com o mesmo parâmetro de qualidade (Q); portanto, todos os exemplos são dados apenas para imagens obtidas no programa GD .
Os tamanhos reais para imagens grandes são 1600x900px, para miniaturas 400x225px - os tamanhos visíveis podem variar.
Imagem em miniatura (miniatura) 400x225px
Em termos de compactação, o formato WEBP é um líder inegável.
Nota PNG
O formato PNG é praticamente compactável por ambos os programas e fornece ao tamanho de um arquivo uma ordem de magnitude maior que todos os outros formatos. Em particular, nesse teste, os arquivos PNG tinham um tamanho de arquivo mais de 40 vezes maior que o formato WEBP .
Pode-se usar o formato PNG para imagens com fundo transparente; no entanto, o formato WEBP também funciona com o canal alfa e fornece, ao mesmo tempo, um resultado muito melhor.
, , PNG .
GIF
GIF . GIF , . SVG, GIF ( gif-).
1600x900px
WEBP JPG, 50% .
, WEBP . , , .
WEBP , .
400x225px.
WEBP .
Para os programas GD e Imagick , é recomendável definir o valor da qualidade entre 20 e 30%.