您好,欢迎来到大连远拓信息技术有限公司官网!主要业务:大连网站建设,大连网络推广,大连网站推广,短视频代运营。

大连网站推广
您当前的位置 : 首 页 > 新闻中心 > 行业资讯

联系我们

大连网站建设,大连网络推广,大连网站推广,大连远拓信息技术有限公司

全国统一服务热线

4000-6969-11

联系人:练先生

电    话:15840844863

邮    箱:1933889542@qq.com

网    址:www.dlyuantuo.cn

地    址:辽宁省大连市甘井子区华南红星美凯龙5号25-15

网站制作中关于图片优化的15个原则

2024-09-19

现在的网站制作中都很多的运用图片,那么咱们该怎么优化这些图片,以进步网站的访问速度呢?以下就列出了15个网站图片优化的原则。


1. 在网站设计之初,就先要做好规划,比方布景图片怎么运用等等,做到心中有数。


2. 修改图片的时分,要做好裁剪,只展现必要的、重要的、同内容相关的部分。


3. 在输出图片的时分,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后运用的时分,再指定较小的长宽,缩小图片。

1592209601114885.jpg

4. 尽量组合装饰性的图片,以节约http请求数,在具体运用时,选用CSS sprite的方法。


5. 页面上的边框,布景,尽可能的运用CSS的方法来展现,而不要用图片。


6. 图片运用上,能用png格局的尽量用,以替代过去常用的gif和jpeg格局。在确保质量的情况下,用最小的文件。


7. 在html中明确指定图片的大小。


8. 若运用photoshop的话,缩放图片通常会让图像含糊,能够用smart sharpen来让图片更为超卓。


9. 关于GIF和PNG文件格局,最小化色彩位数,可使文件更小。


10. 关于GIF和PNG文件,最小化dithering,可使文件更小。


11. 如果图片上要添加文字,可能的话,就不要把文字嵌入到图片中,而是选用透明布景图片,或许CSS定位让文字掩盖在图片上,既能取得持平的作用,还能把图片更大程度的紧缩。


12. 在较小的GIF和PNG图片上,能够运用有损紧缩。


13. 可能的话,运用部分紧缩,确保前景清楚的基础上,较大程度的紧缩布景。


14. 图片在优化之前,若能降噪的话,能够取得额外的20%多的紧缩。


15. jpg图片也能够含糊布景,然后紧缩的时分,能够紧缩的更多。


标签

最近浏览:

联系我们

tel.png公司服务热线

15840844863

address.png 公司地址

辽宁省大连市甘井子区红星国际广场5号楼2515