作为一名网页设计师,你应当尽量减少HTTP对图像的请求次数,所以要对图片优化有所了解,今天北京汇仁智杰网站推广公司给大家分享一些网页设计中图片优化的技巧。
1、将图片保存成Web所用格式
网页设计师经常犯的一个错误便是使用“另存为”命令,而不是使用“存储为Web所用格式”。“存储为Web所用格式”可以将图像保存成基于网页设计优化过的格式,包括图像质量、图像分辨率、浏览器兼容性和文件大小。
这一命令会有一个对话框,你可以用来微调你的图像。当你调整图像的设置时,它会显示出文件的大小和图像的质量。
相比之下,“另存为”对话框则不具有这么多选择,并且其往往会保存成较大的图像。
2、考虑使用Web安全色
Web安全色在大多数浏览器和显示器上都能够正确显示,这确保了你的网页无论在哪里看起来都有相同的效果。
3、 考虑使用JPG的“逐行扫描”选项
JPG文件格式是摄影和高分辨率图像的理想选择。根据你的目标受众,逐行扫描有时候是个不错的选择。在网站加载时,这种格式的图像会逐渐呈现(即使在现代宽带连接的互联网时代,这种等待时间的类型已不是问题了)。这使用户在图像完全加载之前便可快速预览到,令人感觉网页反应更快。
4、 将图像保存成透明的PNG格式
当你需要透明的图片时,PNG格式是你的最佳选择。
5、 将动态图片保存成GIF格式
GIF图像格式虽然大多数情况下可以被PNG格式所取代,但有一点仍然很有用。虽然这种格式相对PNG和JPG来说显得粗糙,但GIF格式本身有个非常给力的功能,就是支持动画。
6、 请注意“下载时间”这一信息
当你在优化图像时,要时刻关注“下载时间”,这将会显示在“存储为Web所用格式”对话窗口的左下角。
图片优化也可以使用户尽可能的快速打开你的网站,所以我们何乐而不为呢?