如果你的WordPress碰到性能问题,比如图片加载过慢这种情况,那图片压缩就是必须的了。
我试过不少方法,渐进式的图片也自己转化过。然而最终测下来,发现还是用现成的工具(ShortPixel)靠谱。
介绍ShortPixel这个工具的原因主要是:
- 这个工具支持一次性批量处理博客已有图片;
- 启用后博客上传的图片会自动压缩处理,前端会针对浏览器,决定是否使用webp格式;
- 图片优化后,对页面图片载入性能的提升很明显。
注意,本文介绍的方法需要付费购买一次性的处理量,我个人是9.99$购买了10000张图片处理额度。
下面列出使用流程:
- 注册网站账户:点击注册ShortPixel账号
填入邮箱,勾选同意协议。点击SIGN UP注册。 - 注册成功后,网页会提示你API Key。
点击 LOGIN TO YOUR ACCOUNT,登入后台。
注册邮箱稍后也会收到包含API Key和密码的通知邮件。
- 购买服务:点击进入ShortPixel服务购买页
选ONE-TIME PLANS下的9.99$的PLAN,点击CHOOSE PLAN,进入订单支付页。支付完毕后,你的账户就有图片处理额度了。 - WordPress后台安装并激活插件:ShortPixel Image Optimizer
- 设置->ShortPixel,输入API Key,认证账户
- Compression type,压缩类型,选推荐的Glossy
- 勾选:Apply compression also to image thumbnails.
勾选:Save and keep a backup of your original images in a separate folder.
勾选:Remove the EXIF tag of the image (recommended).
然后点Save Changes
- 之后,进入Advanced标签
- 勾选:Automatically convert the PNG images to JPEG if possible.
勾选:Adjust your images' colours for computer and mobile screen display.
勾选:Also create WebP versions of the images, for free.
勾选:Deliver the WebP versions of the images in the front-end:
勾选: Using the tag syntax
勾选: Only via WordPress hooks (like the_content, the_excerpt, etc)
勾选:Also optimize the Retina images (@2x) if they exist.
勾选:Automatically optimize Media Library items after they are uploaded (recommended).
- 点击Save and Go to Bulk Process即可进行自动批量处理。
处理图片的网页不要关闭,进度会一直走,耐心等候批量处理结束即可。
等全部处理完,你的博客图片就优化结束了。之后你上传的图片也会自动处理(一个图片因为会处理成两种分辨率,所以消耗2个额度),一般普通站点,10000张图片处理逻辑可以用很久了。
至此,教程结束。赶紧去看看你优化后的网页载入是不是快了很多吧。
如果你发现图片居中有问题,那可以修改主题的css,添加如下css做兼容:
picture.wp-post-image{width: 100% !important;float: left;text-align: center;}
如果你通过我提供的链接注册并购买成功,使用中碰到任何问题,可以随时留言或Q我,我会尝试帮你解决。
如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用,捐赠和留言 将是对我最好的支持~(捐赠可转为站内积分)
如愿意,请向朋友推荐本站,谢谢。
尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。