服务热线:400-889-1636
业务联系:021-5230 0317
客户服务:021-5230 0319
在线咨询: 
网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
首页 > 关于求创 > 求创博客

网页设计中优化图片小技巧

时间: 2016.07.25 来源:本站
分享到:

用于web端的图形有基于它们自身的相关处理方式。其中一条便是你要时刻注意文件的大小,因为你需要使你的网页加载越快越好。作为一名网页设计师,应当尽量减少HTTP对图像的请求次数——无论通过减少图片的使用数量还是将它们整合成CSS sprite——以及确保你选择了正确的图像格式,使其在图像大小和质量间得以平衡。

Photoshop是平面设计师和网页设计师使用的行业标准工具。以下是你在创建web端使用图像时的一些简单的小技巧。


1. 将图片保存成Web所用格式

 

在网页设计中,你必须确保你的图像大小越小越好。当然,当你想要图片完好显示时可以抛弃这条原则。

 

在Photoshop中创建图像的完美方法便是平衡质量与文件大小。网页设计师经常犯的一个错误便是使用“另存为”命令,而不是使用“存储为Web所用格式”。“存储为Web所用格式”可以将图像保存成基于网页设计优化过的格式,包括图像质量、图像分辨率、浏览器兼容性和文件大小。这一命令会有一个对话框,你可以用来微调你的图像。当你调整图像的设置时,它会显示出文件的大小和图像的质量。相比之下,“另存为”对话框则不具有这么多选择,并且其往往会保存成较大的图像。

 

2. 考虑使用Web安全色


Web安全色在大多数浏览器和显示器上都能够正确显示,这确保了你的网页无论在哪里看起来都有相同的效果。

 

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

 

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

 

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

 

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

 

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

 

GIF图像格式虽然大多数情况下可以被PNG格式所取代,但有一点仍然很有用。虽然这种格式相对PNG和JPG来说显得粗糙,但GIF格式本身有个非常给力的功能,就是支持动画。虽然有一个扩展名为APNG的PNG图片格式(其代表了便携网络图形动画),但很少有浏览器支持这种格式。如果你需要在PNG和GIF间选择,通常PNG是个更好的选择,除非你需要做成动态图片。

 

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

 

确保一个站点快速加载并且看上去很漂亮,这是非常重要的。这也体现了保存和优化图片的重要性。比较好的方法就是:降低图像质量,直到你发现图像显示质量明显降低。当你在优化图像时,要时刻关注“下载时间”,这将会显示在“存储为Web所用格式”对话窗口的左下角。

上一篇文章: 怎样选择微营销平台
下一篇文章: 域名更换Q&A
返回

业务咨询

客户服务

我要留言

节假日咨询电话

136-1188-9500

关于我们

上海求创科技有限公司成立于2001年,是一家专注于为客户提供高端网站策划、网站建设、网页设计、品牌网络营销以及相关的基于互联网应用服务的专业公司。

更多

全国客户服务热线

400-889-1636

网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-微官网 网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-手机网
浙江旭明 | 模板建站 | 微助力 | 域名超市 | 苏州网站优化 | 北京网站建设 | 深圳网站建设 | 济南网站建设 | 北京网站建设公司 | 网站建设 | 邯郸网站建设 | h5建站 | 手机网站建设 | 石家庄网站制作 |
业务热线:021-52300315 021-52300317 业务部:sales@dn.cn 售后服务:service@dn.cn 投诉邮箱:info@dn.cn 域名和主机服务:021-52300319
地址:上海市长宁区延安西路1160号 首信银都大厦2楼 邮政编码:200052
版权所有©上海求创科技有限公司 沪ICP备13005298号-24  网站地图