说起来图片这事儿，真是老生常谈了。以前我搞博客那会儿，每次文章一写完，配图就成了大难题。传上去慢不说，好不容易加载出来，图片要么模糊，要么太大把页面撑得一塌糊涂。那时候真是头疼，又想图片好看，又怕文件太大加载慢把读者给吓跑了。就是那种遇事儿爱较真儿的脾气，总觉得不能就这么凑合下去。
最开始那会儿，我就是个小白，啥也不懂。想着缩小图片嘛不就是把尺寸改小点？于是就用系统自带的画图工具，拉拉尺寸，或者直接保存的时候把质量往死里调。结果？图片是小了，可那锯齿边，那模糊劲儿，简直没法看。跟打了马赛克似的，哪还有什么“美感”可言。后来有次甲方找我要图，我发过去，人家直接给我打回来，说这图能用？当时真是脸都红了，感觉自己的“创作”被狠狠地扇了一巴掌。
后来实在是没办法了，开始在网上瞎琢磨。才知道有那种“在线压缩”的工具。当时真是感觉打开了新世界的大门！随便一搜，什么“tinypng”、“jpeg-optimizer”之类的就蹦出来了。我把图片一拖进去，几秒钟搞定，文件大小立竿见影地小了一大截，而且看起来质量也没怎么掉。那会儿高兴坏了，觉得这下可算是把难题给解决了。用了一段时间，发现这玩意儿确实方便，应急的时候非常好使。但问题是，有时候图片多了，一张一张拖进去压缩就有点烦了，而且有些工具对图片大小、数量还有限制，批量处理就别想了。这对于一个动不动就几十上百张图的博客来说，效率就成了大问题。
从在线工具到桌面软件，我折腾的那些事儿
搞博客久了，图片需求越来越多，那种一张张处理的效率实在受不了。我就寻思，有没有更专业的，能批量搞的？那会儿听朋友说起Photoshop，说是专业的图片处理软件。我以前一直觉得那玩意儿是设计师用的，门槛高，咱一个写字的，用不着。但为了解决我的燃眉之急，硬着头皮也装了一个。别说，这一装还真香。
我摸索了半天，才发现里面有个“存储为Web所用格式”（现在新版好像叫“导出”再选“存储为Web旧版”）的功能，那才是真的牛逼。它会给你一个预览，然后旁边可以调各种参数，比如质量百分比，格式，甚至还能看到压缩前后的大小对比。我这才明白，原来图片压缩不是简单粗暴地改尺寸，而是要优化它的内部编码，这里面学问深着。我发现，把质量调到七八十，肉眼几乎看不出差别，文件却能小一半，这真是太绝了。
我慢慢学会了根据不同的用途，调整不同的质量参数。比如博客配图，我一般会把JPEG质量调到60-70%，如果支持WebP格式的话效果更文件还能再小一截。LOGO之类的图标，我就会用PNG-8，把颜色数减少到256色，这样文件也小巧得多。还有那些大尺寸的摄影作品，我既想展示细节又不想文件太大影响加载，我就用JPEG渐进式加载，这样用户看的时候能先看到模糊的轮廓，再慢慢变清晰，体验就好很多。这比一开始就傻乎乎地传个几MB的大图上去强多了。
小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我的“不传秘诀”，图片压缩的精髓都在这了
这一步一步摸索下来，我才算是入了门，发现这图片压缩，学问大了去了。它不是让你随便牺牲画质，而是让你在画质和文件大小之间找到一个最佳平衡点。这几年我总结了一套自己的“土办法”，不敢说是秘诀，但绝对是我实践出来的真东西：
-
选对格式是第一步：
像照片这种色彩丰富、细节多的，用JPEG或者WebP就很效果和文件大小能兼顾。如果你是要搞透明背景的图标、按钮，或者颜色块比较多的漫画，那就得用PNG，它支持透明度。现在很多浏览器都支持WebP了，这格式压缩比真的高，在保证画质差不多的情况下，文件能比JPEG小很多，所以能用WebP就尽量用它。 -
巧用质量参数，别死抠100%：
JPEG有个质量百分比，别以为拉到100%就是最那样文件肯定大得吓人。大多数时候，把质量调到70-80%的水平，肉眼根本看不出跟100%的区别，但文件大小能小一半甚至更多。PNG-8的颜色数也能调，颜色越少，文件越小，但别调得太过，不然就会出现颜色断层。 -
合理尺寸和分辨率，从源头抓起：
图片在一开始就别搞得太大。如果你网站上文章配图，最大也就显示个800像素宽，你传个3000、5000像素宽的图上去，那不是白白浪费空间和流量吗？先按你实际需要显示的最大尺寸把图片尺寸改再考虑压缩。分辨率也是，网页上一般72dpi就够了，没必要非得上300dpi，那样是给打印准备的。 -
善用批量处理，解放双手：
我后来用习惯了Photoshop的动作或者一些专用的批量图片处理器（比如XnConvert这种免费又好用的），一下子能处理几十上百张图，效率一下子就提上来了。特别是那些需要给网站统一图片尺寸和压缩率的，批量操作简直是神来之笔，能省下你老鼻子劲儿了。
现在我处理图片，基本上已经形成一套自己的流程了。先确定这张图是用在哪里，需要多大的尺寸，然后选择合适的格式和压缩工具，微调质量参数。这样搞下来，图片既清晰又小巧，网站加载速度飞快，读者体验也我自己看着也舒服。以前觉得图片处理挺麻烦的，现在摸索出这些门道之后，觉得也就是熟能生巧的事儿。这些小技巧，都是我一步一步踩坑摸索出来的。分享出来，希望能给也有这方面困扰的朋友们一点启发，少走点弯路。图片这东西，用好了，那是锦上添花；用不那是拖后腿的。好好琢磨琢磨，绝对不亏。
