为了快速打开网站页面,您需要使用尽可能小的重量(文件大小)的图片。同时,压缩后,图像质量不会受到太大影响。
为了找出哪种格式是最佳的,我们测试了GIF,JPG,PNG和WEBP格式,并比较了生成文件的大小。
测试方法
压缩是使用两个程序在一个工作站点上进行的:
• GD图形库,默认情况下内置到PHP中。
•第三方ImageMagick程序及其php扩展名Imagick。
通过将质量设置从100%降低到0%,可以找到一个图像质量保持可接受的值。
只需说GD和Imagick程序都具有相同的质量参数(Q)即可得到相同的结果,因此所有示例仅针对GD程序中获得的图像给出。
大图片的实际尺寸为1600x900px,缩略图为400x225px-可见尺寸可能有所不同。
缩图图片(缩图)400x225px
在压缩方面,WEBP格式是不可否认的领导者。
PNG注意
该PNG格式是由两个程序实际上是压缩,并给出了文件大小幅度比所有其他格式大一个数量级。特别是,在此测试中,PNG文件的文件大小是WEBP格式的40倍以上。
可以将PNG格式用于具有透明背景的图像,但是,WEBP格式也可以用于alpha通道,同时可以提供更好的结果。
, , PNG .
GIF
GIF . GIF , . SVG, GIF ( gif-).
1600x900px
WEBP JPG, 50% .
, WEBP . , , .
WEBP , .
400x225px.
WEBP .
对于GD和Imagick程序,建议将质量值设置为20-30%。