网站图片怎样优化

AD:

20150313-8

照片的优化一直是博主们最头大的问题,要有好的解析度就得把照片做得大张一点,那就得牺牲网站的速度,要有比较快的浏览速度,就得牺牲照片的解析度,是否有什么方法可以鱼与熊掌都兼得呢?阿肠就来分享一下小步骤让各位照片拥有清晰的解析度又有不会太差的浏览速度。

挑选对的软体编修照片

网路上有许多免费的照片处理软体,博主只要按几个按钮就可以完成自己想要的特效或者缩好尺寸,但是不同的软体对于照片的处理方法还是有差异的,如果真要阿肠推荐的话,Adobe的影像处理软体还真是盛名之下无虚士,一样的照片尺寸Adobe的处理过的照片就是比较清楚,如果你有预算限制的话,阿肠推荐PC版的GIMP、MAC版的Pixelmator,或是PC跟MAC都有支援的Krita也是不错的选择。

照片尺寸并非越大越好

网页上的照片最清楚的尺寸其实是1比1的尺寸,例如你的照片呈现是960*500,那你在缩放照片时请记得缩小到刚刚好960*500,有许多人会故意把大于960 *500的照片上传上到网站上再让网页自动缩小照片,这其实不会让照片变得更清楚。

不要使用优化插件或服务

网路上有许多教学推荐照片上传时可以使用一些网路上的照片优化服务,或者利用一些插件来优化博客上的图片,这些其实都是比较偷懒的方法,虽然在DEMO上似乎都看不出什么差异,但是在好一点的萤幕上还是可以分辨出品质变差的差异,如果妳真的很在意照片的品质,阿肠建议千万不要使用这一类软体或插件。

选择正确的图片格式

不知道从什么时候开始,有越来越多博主喜欢把照片储存成PNG格式,其实这个格式并不会真的让图片变得更加清楚,反而会让图片变得更加肥大并拖慢网页的浏览速度,JPG才是目前照片储存的王道格式(写这篇文章时还没有被取代的可能,所有什么媒体号称的未来格式都还没完全成熟),在储存时请不要选择100%的清晰度,只要选择80%的清晰度即可,因为这最后20%的差异已经差异到微乎其微了。

挑选正确的图片储存空间

最后这一点大家一定要非常注意,不然就算上述的步骤你都注意到了也是前功尽弃,一般把照片上传到自己的网路空间的人比较不会发生这一类的事情,但是还是要注意你使用的网站版型或外挂是否有自动裁切生产图片或自动优化图片的功能(例如痞客邦),或者有的CDN也会有把图片重新优化的功能,如果有上述问题的话建议关闭相关功能。

如果你的图片是自己选择网路相簿的空间,有些空间也会有自动优化图片的功能,如果要阿肠推荐佛心来着的网路相簿空间,Flickr是唯一真心推荐的,毕竟它是以高解度摄影聚集地起家的空间,绝对适合储存和展示高解析度的照片。

 

via?阿肠

还没有任何评论,你来说两句吧

发表评论

关注我们