专栏首页魏艾斯博客www.vpsss.netTinyPNG 和 WordPress 图片压缩插件:Compress JPEG & PNG images

TinyPNG 和 WordPress 图片压缩插件:Compress JPEG & PNG images

我们在建立网站的时候,经常会遇到很多图片比较大,比如观赏类的网站文章,每篇文章里面都要用到很多清晰的大图片,为了兼顾图片清晰度和容量我们就需要通过适当压缩图片的方式来做优化。目的是加速页面打开,提高浏览体验,留住访客。今天魏艾斯博客来说一下在图片优化方面大名鼎鼎的TinyPNGWordPress 图片压缩插件Compress JPEG & PNG images

首先来说一下 TinyPNG,网址 www.tinypng.com   一般的使用方法是把图片拖放到下图中间,或者点击上传图片,TinyPNG 会自动对图片进行压缩并提供下载链接,通过魏艾斯博客的使用来看,压缩比是非常高的,而且压缩后的图片能够做到清晰度尽量的好。不管 jpg 还是 png 图片都可以放上去压缩一下,保证会让你满意。

同时 TinyPNG 还提供 WordPress 插件:Compress JPEG & PNG images。在 WordPress 后台安装插件中搜索:TinyPNG,会找到如下图这个插件。安装并启用即可。

WordPress 博客使用图片压缩插件的意义在于:可以在保证图片清晰度的前提下自动压缩上传的图片,大幅度减少图片占用空间,同时提升网站图片载入速度,尤其在百度谷歌将网站打开速度列为搜索排名的参考因素后,压缩图片对于搜索引擎 SEO 排名结果来说是有积极影响的。当然了如果你使用的 WordPress 本来也没几张图片,以后也不打算上传多少图片,那么就无所谓了, 少安装一个插件还能降低服务器资源占用。

现在去设置一下这个插件。按照下图所示,只选择 Original image 即可,上传图片时插件会自动压缩。经过实际使用老魏这里上传图片后会有一个延迟几秒钟的时间,估计就是压缩过程所占用的。

初次使用的时候要注册一下,获取 TinyPNG API Key。不过不支持 qq 邮箱。把名字和邮箱输入进去后,很快就可以自动获取 API 并自动开通使用了。

激活之后,每个月你可以免费压缩最多 500 张 JPG/PNG 格式的图片。一般网站按照每周发表五篇文章,每篇文章 6 张照片,每个月也就上传 120 张图片,大部分网站应该达不到这个数字,所以这个插件可以看做是免费使用的。

对于之前已经上传到网站上的图片,它也可以进行批量压缩(bulk optimization),同步显示图片处理数量、剩余数量、压缩比例和节省空间等,还是蛮实用的,压缩过程可以随时点击按钮停止。

老魏使用一个 WordPress 博客进行图片压缩测试,这个博客全是容量较大的 jpg 图片,压缩结果图片体积从 13.73MB 压缩到 11.16MB,一共节省了 18.7%的空间,而图片清晰度没有明显变化,打开网页速度也有提升。

提示:老魏测试过程中遇到过几次停滞不前,你可以点击 cancell 按钮,切换到别的设置项,然后再切换回来再点击压缩按钮继续压缩就行了, 程序有记忆功能,会自动从上次的位置继续压缩到完成。

提示:Bulk Optimization 也会占用你每个月 500 张图片的免费数量,老魏对第二个网站图片进行优化的时候,就不幸超过了这个限制,不想付费的话就得到下个月再压缩吧。

魏艾斯博客推荐理由: 1、利用 TinyPNG 技术压缩、最佳化网站图片。 2、WordPress 插件自动对上传图片进行压缩处理,无需人工操作,省时省力。 3、一键处理媒体库内的所有已上传图片。

老魏也试过别的 WordPress 图片压缩插件,效果都没有这个好。如果你是 WordPress 可以试试这个插件,厉害之处在于容量和清晰度中间的平衡点,确实能给你网站图片压缩不少容量,相应的图片小了网页打开速度也有所提升。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 补充记录腾讯云 DNSPod 域名 API 申请 Let’s Encrypt 泛域名 SSL 证书需要注意的几点

    刚写完了腾讯云 DNSPod 域名 API 申请 Let’s Encrypt 泛域名 SSL 证书这篇教程,感觉中间有几点是新手需要注意的,申请 SSL 泛域名...

    魏艾斯博客www.vpsss.net
  • 宝塔 Linux 面板一键获取 Let’s Encrypt 免费证书教程

    魏艾斯博客www.vpsss.net
  • 宝塔 Linux 面板手动获取 Let’s Encrypt 免费证书教程

    魏艾斯博客www.vpsss.net
  • 这份“插件英雄榜Top9”才是Chrome的正确打开方式!

    说到这个插件的作用,如果在没有特殊使用需求时,真的是无感。不过,有些插件使用习惯后,就发现确实很好用,而且潜移默化的改变你的使用习惯,引用作者的话“插件是 Ch...

    刀刀老高
  • 为什么Chrome这么好用,还是插件多

    开始接触Chrome的时候,没发现Chrome和其它浏览器有什么不同的。就是界面看起来不IE清爽许多,用到后面发现Chrome实在太好用了。

    ZackSock
  • 走近云计算(三):云计算的四种部署方式

    上一篇提到,云服务产品大可归结到三层服务模式之中,但推及到云计算的商业化落地,必须要根据不同的场景,来提供不同的部署方式,例如,一个学生党可能只需要一台服务器来...

    jadeCarver
  • 笔记一下,简单的input值的限制

    控制文本框里只能输入数字,并且最大数字不超过100,超过一百的话强制显示100 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...

    练小习
  • Express新手入坑笔记之Handlebars模板继承

    将views文件夹下, index.html内的内容精简(只保留关键内容body)

    zhaoolee
  • Pytest系列(12)- 测试结果生成HTML报告插件之pytest-html的详细使用

    https://www.cnblogs.com/poloyy/category/1690628.html

    小菠萝测试笔记
  • curl 命令-接口测试

    在linux/Unix 为代表的os上, 对后端进行测试, 模拟连接请求都会书写脚本

    louiezhou001

扫码关注云+社区

领取腾讯云代金券