专注WEB开发 分享经验,沉淀知识

如何将几M的网站背景图片压缩到几Kb?

 作者:chenxing  时间:2018-01-25 22:41  阅读:216  评论:

当然图片不是越小也好,而是要在图片的清晰度和大小取一个平衡值

大尺寸的图片在网站的使用是非常普遍的,比如网站的背景图,首页的轮播图都可能是尺寸相对较大的图片。

这些大尺寸的图片原图可能好几M甚至几十M,我们如果不做处理,那么网站加载的速度可想而知。

把图片压缩为网站可用的图片,这是开发者需要知道的事儿,千万不要直接使用设计给的原图直接上传到网站。

压缩图片这里当然推荐使用photoshop,photoshop专门为web开发者提供了这样的一个功能。

文件-》存储为web所用格式:

photoshop压缩图片

通过上面的功能保存图片,可以选择jpeg格式的,保存图片会更小。

看看一张2M多压缩到1百多kb,而且图片看不出有明显失真:

图片压缩效果测试

当然图片不是越小也好,而是要在图片的清晰度和大小取一个平衡值。

除特别注明外,本网站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 https://www.qiusuoweb.com/117.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

一年时间又回到这里

 2019-07-27 16:54  157

PHP字符串转数组的三种场景

 2018-05-05 01:32  201

PHP如何遍历字符串?

 2018-05-04 00:56  1333

api接口常见的安全问题和解决方案

 2018-05-03 23:20  994

 最新评论

 lisheng: 05月09日 19:26
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里
 心态炸裂: 03月24日 10:54
No3.blindcomfirm 多了一个l,望改正!!!
来源: 微信小程序获取input值的总结
 666666: 11月08日 13:49
66666
来源: 一年时间又回到这里
 花花草草: 10月14日 14:58
tp5不是已经提前开了吗
来源: _SESSION变量未定义?
 疯了: 10月10日 13:40
你好呀,我使用docker构建的 把整个项目给了777 并把runtime的所有者给了nginx php的运行者还是报错
来源: thinkphp5的mkdir() Permission denied问题探讨
 mesecretme: 09月30日 15:30
有个问题,有没有发现用redis保存session的话,session清空redis的key还没过期,会依然保留的,这是值变成空了
来源: php项目redis实现session共享案例