如果你的WordPress碰到性能问题,比如图片加载过慢这种情况,那图片压缩就是必须的了。

我试过不少方法,渐进式的图片也自己转化过。然而最终测下来,发现还是用现成的工具(ShortPixel)靠谱。

介绍ShortPixel这个工具的原因主要是:

  • 这个工具支持一次性批量处理博客已有图片;
  • 启用后博客上传的图片会自动压缩处理,前端会针对浏览器,决定是否使用webp格式;
  • 图片优化后,对页面图片载入性能的提升很明显。

注意,本文介绍的方法需要付费购买一次性的处理量,我个人是9.99$购买了10000张图片处理额度。

下面列出使用流程:

  1. 注册网站账户:点击注册ShortPixel账号
    ShortPixel注册
    填入邮箱,勾选同意协议。点击SIGN UP注册。
  2. 注册成功后,网页会提示你API Key。
    ShortPixel提交注册后

    点击 LOGIN TO YOUR ACCOUNT,登入后台。

    注册邮箱稍后也会收到包含API Key和密码的通知邮件。

  3. 购买服务:点击进入ShortPixel服务购买页
    选ONE-TIME PLANS下的9.99$的PLAN,点击CHOOSE PLAN,进入订单支付页。支付完毕后,你的账户就有图片处理额度了。
  4. WordPress后台安装并激活插件:ShortPixel Image Optimizer
  5. 设置->ShortPixel,输入API Key,认证账户
  6. Compression type,压缩类型,选推荐的Glossy
  7. 勾选: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
    ShortPixel Plugin Settings-General
  8. 之后,进入Advanced标签
  9. 勾选: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).
    ShortPixel Plugin Settings-Advanced
  10. 点击Save and Go to Bulk Process即可进行自动批量处理。
    图片处理过程
    处理图片的网页不要关闭,进度会一直走,耐心等候批量处理结束即可。

等全部处理完,你的博客图片就优化结束了。之后你上传的图片也会自动处理(一个图片因为会处理成两种分辨率,所以消耗2个额度),一般普通站点,10000张图片处理逻辑可以用很久了。

至此,教程结束。赶紧去看看你优化后的网页载入是不是快了很多吧。

如果你发现图片居中有问题,那可以修改主题的css,添加如下css做兼容:

picture.wp-post-image{width: 100% !important;float: left;text-align: center;}

如果你通过我提供的链接注册并购买成功,使用中碰到任何问题,可以随时留言或Q我,我会尝试帮你解决。



Related Posts: WordPress 如何批量压缩优化图片 :

留言

avatar