网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。(2)

时间:2020-10-28 14:59 来源:优设 作者:南辰 阅读:

将颜色转换为Web安全色

在拾色器窗口中点击小方块,可以将任何颜色转换成Web安全色。

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。

3. 考虑使用JPG的“逐行扫描”选项

JPG文件格式是摄影和高分辨率图像的理想选择。根据你的目标受众,逐行扫描有时候是个不错的选择。在网站加载时,这种格式的图像会逐渐呈现(即使在现代宽带连接的互联网时代,这种等待时间的类型已不是问题了)。这使用户在图像完全加载之前便可快速预览到,令人感觉网页反应更快。

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。

4. 将图像保存成透明的PNG格式

当你需要透明的图片时,PNG格式是你的最佳选择。

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。

大部分主流浏览器均会支持透明的PNG格式,如果你不得不迎合IE6时,就需要注意了:PNG格式有些透明部分在IE6中会显示成灰色。也有办法来解决这个问题(如IE PNG修复 Javascript库),但是实现起来会比较麻烦。

5. 将动态图片保存成GIF格式

GIF图像格式虽然大多数情况下可以被PNG格式所取代,但有一点仍然很有用。虽然这种格式相对PNG和JPG来说显得粗糙,但GIF格式本身有个非常给力的功能,就是支持动画。

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。

虽然有一个扩展名为APNG的PNG图片格式(其代表了便携网络图形动画),但很少有浏览器支持这种格式。
如果你需要在PNG和GIF间选择,通常PNG是个更好的选择,除非你需要做成动态图片。

6. 请注意“下载时间”这一信息

确保一个站点快速加载并且看上去很漂亮,这是非常重要的。这也体现了保存和优化图片的重要性。如下图所示,看看在文件保存选项中一个简单的改变可以对图片大小产生怎样的影响。

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。

比较好的方法就是:降低图像质量,直到你发现图像显示质量明显降低。
当你在优化图像时,要时刻关注“下载时间”,这将会显示在“存储为Web所用格式”对话窗口的左下角。像下图那样,你可以看到,在当前设置下,你所保存的图片在DSL网络连接状态下下载时间大约为2秒。

PS网页设计技巧教程:学习网页设计中优化图片的6个小技巧。

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程