现在的位置:主页 > 新闻中心 > 建站常识 >

网站开发中,如何将一张图片压缩得更小?

发布时间:16-02-16 来源:发我我网 人浏览 字号:TT 作者:admin 打印

看到一些大型的网站即便是PNG透明 ,即便是长宽非常大的图片也不超过20K ;但是我用photoshop做的图片,压缩成jpg后怎么都有五六十K,请问如何压缩网页图片?有什么技巧?
制作时光网站优惠2000元

任文龙,学过设计,做过前端
猫哥得儿然知乎用户 等人赞同
来自 yahoo 的一个 ppt 全面的介绍了网页图片的压缩技术,其中提到很多有用的方法和工具。
大纲列这:

  1. 优先用 png 而不是 gif
  2. 压缩 png
  3. 去掉 jpg 的 metadata
  4. 压缩 gif 动画
  5. 尝试使用 png8
  6. 避免使用 AlphaImageLoader
  7. 压缩动态生成的图像
  8. 使 favicon 更小 可缓存
  9. 使用 CSS Sprites
http://www.855o.com/product/mofang/132.html
你所说的情况可能是它使用的是 png8 的格式,不含多余 chunk 的 png8 同等质量下比 gif 体积还小。jpg 适合压缩较大的,拍摄的,允许一定失真的图片,不适合压缩几十像素的小图片。


855o.com/
或者将图片转换成

webP格式WebP 探寻之路
很多浏览器都支持webP格式了,同等质量webP格式图片的大小比png小很多。
其它格式图片转webP格式的工具戳这:智图iSparta-PNG压缩与格式转换工具

 
Chris,@chrisyipw
颜色复杂、不带透明的,用 JPG。
带透明的优先用 PNG。
用 Photoshop 时选择「保存为 Web 或移动设备优化的格式」,它会帮你做一定的优化。
如果你是用 Mac,用 ImageOptim 吧,免费。

发我我网在这里祝大家新年快乐,万事如意,身体健康,阖家欢乐!
发我我网模板展示
春节期间(1月27号至3月31号)任选择其中一款网站模板都会优惠2000元,全部网站的优惠价上再减去2000元,并提供2年免费网站维护服务。


做站资讯热线

15000161882

Copyright © 2010-2016 发我我网(小翔子酷酷网)官方网站
本站文字及图片内容版权归刘翔个人所有,任何单位及个人未经许可,不得擅自转载使用(上海) | 皖ICP备15010645号-1

在线创业留言申请: 姓名: 手机或座机: