企业网站建设

如何优化网页中使用的图片

阅读  ·  发布日期 2021-04-19 23:44

网页图像的优化是每一位设计师都关心的问题,我们必须在图像的质量和压缩比之间找到平衡点,进而获得满意的视觉效果。对于网页图像的优化,重点需要处理好以下3个关键点: ❶...

详细信息
网页图像的优化是每一位设计师都关心的问题,我们必须在图像的质量和压缩比之间找到平衡点,进而获得满意的视觉效果。对于网页图像的优化,重点需要处理好以下3个关键点:
❶选择正确的保存格式;
❷文件的分辨率大小;
❸图像包含的颜色数量。
很多时候,我们的图像尺寸太大都是没有处理好以上3个关键点。下面,我们一起分享图像优化的技巧。
01 如果仅仅满足图像浏览的需要,而无需用户下载打印,笔者建议大家可采用GIF格式保存图像,因为GIF格式的图像多采用索引模式显示,最多支持256种颜色,基本上满足了视觉浏览的需要。GIF格式适合那些使用纯色或是有限色彩的图像,如标志、背景、色条等。
02 如果是JPEG格式的图片,在保存时需结合图像的主体对象、背景的色彩灵活选择压缩品质高、中、低下的效果。根据网站的目标浏览者,可在保存图像时勾选“连续”选项。这样在加载图像时,JPEG格式的图像会逐渐呈现,使浏览者在图像完全加载之前便可快速预览到图像的基本面貌,如图所示。
 
03 网页图像的分辨率数值,只可以由大改小,减少图像的大小,而不要想当然地由小改大,这样不仅不会提升图像的质量,还会增加文件的保存大小。
04 必要时,可选择其他专门用来优化网页图像的工具软件,例如,RIOT(基本图像优化工具)、Online Image Optimizer(在线图像优化)。