发表日期:2013-03-07 文章作者:爱永设计 浏览次数:15634 次
现在的网站制作中都大量的使用图片,那么我们该如何优化这些图片,以提高网站的访问速度呢?以下就列出了15个网站图片优化的原则。
1. 在网站设计之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数。
2. 编辑图片的时候,要做好裁剪,只展示必要的、重要的、同内容相关的部分。
3. 在输出图片的时候,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后使用的时候,再指定较小的长宽,缩小图片。
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图片也可以模糊背景,然后压缩的时候,可以压缩的更多。
日期:2021-04-30 浏览次数:136280 次
日期:2021-04-30 浏览次数:136181 次
日期:2021-04-30 浏览次数:136056 次
日期:2021-04-30 浏览次数:136036 次
日期:2021-04-30 浏览次数:135992 次
开发日期:2021-06-21 浏览次数:652433 次
开发日期:2021-04-21 浏览次数:711294 次
开发日期:2020-05-03 浏览次数:768803 次
开发日期:2019-12-02 浏览次数:747783 次
开发日期:2019-10-02 浏览次数:1005950 次
日期:2017-05-03 浏览次数:30100 次
日期:2012-06-16 浏览次数:16034 次
日期:2013-12-29 浏览次数:82376 次
日期:2013-12-28 浏览次数:17358 次
日期:2022-06-03 浏览次数:8582 次
致力于互联网品牌建设与网络营销,专业领域包括网站建设、网站模板、移动互联网营销、wordpress平台开发等,服务范围涵盖基础的域名服务、主机 服务;企业邮箱、云服务器、网络营销等应用服务,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。
爱永设计工作室一直致力于品牌精美的网页设计、网页制作DIV+CSS布局、JS效果、精美网站模板、标志设计、专业仿站, 低廉的价格,真诚的服务,我们拥有全国各地的客户群体和各行业的成功案例。以一流的服务,出色的网页设计和制作能力,认真严谨的工作态度为客户提供优质满意的服务。期待与您的合作!
Copyright © 2012 - 2024 aysheji.com All Rights Reserved 爱永设计 版权所有
邮箱:aysheji@163.com 在线客服:276583799 模板演示地址:www.aymoban.com 备案号:京ICP备13060102号-3
服务内容: 网页设计 网站建设 网站制作 网站模板 婚庆网站模板 摄影网站 手机网站制作 自适应网站制作