低端的GIF正在复苏,因为随着智能手机使用的不断增加以及有限的带宽用户已经期待几乎即时的加载时间。 您的网页图片越小,您的图片加载速度就会越快,并且您的访问者会越快乐。 另外,许多网站对广告横幅的大小有限制。
GIF图像和网络
GIF图像不能被视为一种适合所有人的解决方案。 GIF图像最多有256种颜色,这意味着如果您不小心,可能会出现严重的图像和颜色退化。 GIF文件格式在很多方面都是传统格式,可以追溯到网络的早期版本。 在推出GIF格式之前,网页图像是黑白色的,并使用RLE格式压缩。它们于1987年首次出现在Compuserve发布该格式作为网页图像解决方案时。 那时,桌面上出现了颜色,网络被连接到电话线的调制解调器访问。 这就需要一种图像格式,使图像足够小,以便通过电话线传送到网络浏览器。
GIF图像非常适合使用有限调色板(如徽标或线条图)的锐边图形。 虽然它们可以用于照片,但缩小的调色板会将图像引入到图像中。 尽管如此,毛刺艺术运动和cinemagraph的兴起也引发了对GIF格式的重新兴趣。
如何减少GIF文件大小以获得更好的网站性能
这些提示将帮助您尽可能缩小GIF。
- 裁剪图像周围的任何额外空间。 减少图像的像素尺寸是减少文件大小的唯一最有效的方法。 如果您使用Photoshop,Trim命令适用于此。
- 准备gif图像时,可能需要减小输出尺寸。
- 减少图像中的颜色数量。
- 对于动画GIF,请减少图像中的帧数。
- 如果您使用Photoshop CC 2017,则可以使用“导出为”菜单项创建GIF文件。 选择“ 文件”>“导出为...”,然后在菜单打开时选择GIF作为文件格式并减小图像的物理尺寸(宽度和高度)。
- 如果您使用Adobe Photoshop Elements 14,请选择文件>保存为网页。 这将打开另存为对话框的对话框,该对话框也在Adobe Photoshop CC 2017的File> Export> Save for Web(Legacy)中找到 。 当它打开时,您可以应用抖动,减少图像的颜色和物理尺寸。
- 避免抖动。 抖动可能会使某些图像看起来更好,但会增加文件大小。 如果您的软件允许,请使用较低级别的抖动来节省额外的字节。
- 某些软件具有用于保存GIF的“有损”选项。 该选项可以显着减小文件大小,但也会降低图像质量。
- 不要使用隔行扫描。 交错通常会增加文件的大小。
- Photoshop和Photoshop Elements都会显示下载时间。 不要理会它。 它基于使用56k调制解调器。 如果您从弹出式菜单中选择一个电缆调制解调器,则会显示一个更有效的号码。
提示:
- 避免无用的动画。 过度的动画不仅会增加网页的下载时间,还会让许多用户感到分心。
- 具有纯色和水平图案的大块GIF图像比具有色阶,柔和阴影和垂直图案的图像压缩得更好。
- 在GIF中减少颜色时,如果将数字颜色设置为这些选项的最小可能值,则会获得最佳压缩:2,4,8,16,32,64,128或256。
由汤姆格林更新