多米诺骨牌源
最快捷的苹果资讯

TinyPNG 在线压缩PNG图像

如何把网页中要用到的图片压缩到最小,这是前端攻城师们在写网页时都会考虑的一个问题,今天小坊给各位带来了给前端攻城师们真正的良心网站—TinyPNG。

只需要简单的两步就可以把你要压缩的PNG格式图片压缩到小很多又基本上不会影响图片的质量:

1.打开网址:http://tinypng.org/

2.选择你要压缩的PNG图片或者直接将你要压缩的图片拖拽到网页中间的大框框内。

3.压缩完成,点击download下载即可。

一般的图片都可以压缩到50%以上哦

前端攻城师们再也不用担心图片太大加载过慢的问题了~

WordPress 插件

下载:tiny-compress-images.2.2.1

通过优化您的JPEG和PNG图像,使您的网站更快。此插件通过集成流行的图像压缩服务TinyJPG和TinyPNG自动优化您的所有图像。

特征
在上传时自动优化新图片。
优化媒体库中已有的图像。
轻松批量优化现有媒体库。
通过设置最大宽度和/或高度来调整大原稿图像的大小。
保留原始图像中的版权元数据,创建日期和GPS位置。
支持压缩动画PNG。
选择可以优化图像的缩略图大小。
使用单个API密钥的多站点支持。
WooCommerce兼容。
WP Retina 2x兼容。
WP卸载S3兼容。
从媒体设置和批量优化期间查看您的使用情况。
颜色配置文件自动转换为标准RGB颜色空间。
将CMYK转换为RGB,以节省更多的空间和最大的兼容性。
使用WordPress移动应用优化和调整上传的大小。
仪表板小部件与您的总节省。
没有文件大小限制。
它是如何工作的?
将图像上传到WordPress网站后,每个调整大小的图像都会上传到TinyJPG或TinyPNG服务。分析您的图像以应用最佳的优化。基于图像的内容,选择最佳策略。结果将发送回您的WordPress网站,并将原始图像替换为一个较小的大小。平均JPEG图像被压缩40-60%和PNG图像被压缩50-80%,而没有可见的质量损失。您的网站将为访问者加载更快,您将节省存储空间和带宽!

入门
安装此插件并从https://tinypng.com/developers获取免费的API密钥。有了免费的帐户,您可以每月优化大约100张图片(基于常规的WordPress安装)。确切的总数取决于在WordPress安装中使用的缩略图大小的数量。您可以更改应在“ 设置”>“媒体”页面中优化生成的缩略图大小。如果您是一个沉重的用户,您可以优化更多的图像一小笔额外费用。

优化所有图像
您可以通过转到媒体>批量优化,一次优化所有的JPEG和PNG图像。点击大按钮将开始优化媒体库中的所有未优化的图像。

多站点支持
可以选择在wp-config.php中配置API密钥。这消除了在多站点网络中单独在每个站点上设置密钥的需要。

安装:从您的WordPress仪表板

  1. 访问插件>添加
  2. 搜索’tinypng’,然后按’TinyPNG’的名为’tiny-compress-images.2.2.1’的插件按’Install Now’按钮。
  3. 从“ 插件”页面激活插件。
  4. 转到设置>媒体页面并注册一个新帐户。
  5. 或输入您从https://tinypng.com/developers获得的API密钥。
  6. 转到媒体>批量优化并优化您的所有图片!

MAC 批量压缩图片插件

第一步

首先,访问如下地址下载u大编写的脚本文件(只能mac电脑使用哦)

https://github.com/utom/tinypng-for-automator

备份:tinypng-for-automator-master

下载后解压,打开后出现两个文件

第二步

看到这个机器人的图标了吗,对的,这就是我们平时可能使用不多的,但是可能会在应用程序文件夹里看到的一个工具,名为Automator。他是做什么用的呢?Automator是苹果公司为他们的Mac OS X系统开发的一款软件。只要通过点击拖拽鼠标等操作就可以将一系列动作组合成一个工作流,从而帮助你自动的(可重复的)完成一些复杂的工作。

第三步

双击上边解压出的有机器人的这个图标,然后在弹出框中选择安装,就安装成功了。

第四步

在自己电脑上的工作已经完成,我们接下来访问tinypng.com,点击页面最上方菜单中的“Developer API”,在打开的页面的蓝色输入框中,输入你的名字和电子邮件地址(记得一定要是有效的,另外不能是QQ邮箱),接着点击Get your API key。

第五步

如果显示如下页面,表示申请成功。接下来你可以去自己的邮箱中找到邮件来获取一串代码了。

第六步

点击邮箱中的一串链接,在打开的页面中获取API key,复制这串代码到剪贴板中。

第七步

现在,打开自己要批处理的文件夹,全选所有要处理的PNG图片,然后鼠标右键,找到“服务>TinyPNG for Automator”,首次运行会提示你输入刚才的Key,复制粘贴进去即可。

第八步

没问题的话,批处理已经开始工作了,这时你会在电脑上方的工具栏中看到一个小齿轮在转动,这代表tinypng在工作。由于是在线压缩,所以速度并不会太快,这时你可以出去活动活动喝杯咖啡什么的,或者继续手头其他工作。

第九步

当处理完成,tinypng会弹出提示告诉你压缩成功,接着就是见证奇迹的时刻,全部图片不会吹灰之力已经被全部压缩,真是省时省力。

请注意,一个免费的Key在一个月内最多压缩500张图片,如果图片数量超出500张,你可以用多个邮箱多次申请key来使用,或者可以选择tinypng的付费服务。

批量处理png图片对于优化app安装包效果显著,app安装包如果过大,会影响使用者下载的体验,等待时间过长可能会使用户流失,因此,使用tinypng将app内的png图片批量压缩(当然jpg也是可以的),是一件非常值得做的事情。经过静电实验,一般png图片,压缩比率为50%甚至更高。

最后再次感谢utom为我们带来的神器,让我们可以更有效率也更舒心的工作。静电这次主动承担了公司app的图片优化工作,最后领导都为我点了赞,大家也赶紧试试看吧。

批处理脚本下载地址:

https://github.com/utom/tinypng-for-automator

TinyPNG开发key申请地址

https://tinypng.com/developers

最后别忘了一点,如果你的500张图的额度已经用完,需要更换key的时候,请打开mac电脑的终端,在终端中输入如下命令,即可再次填写新的Key啦:

rm ~/Library/Caches/TinyPNG

Windows Adobe Photoshop CS5,Photoshop CS6,Photoshop CC,CC 2014,CC 2015,CC 2017和CC 2018

下载:TinyPNG 1.1.42 For PSCC 2014

tinypng ps2.4 导入PS根目录

1.运行“Registry Entry”中的注册表,导入。
2.运行“Install”里的TinyPNG-v1.1.exe安装
3.把“For PSCC 2014”里的文件覆盖到PS CC/CS6/CS5安装目录下,替换掉原有文件



未经允许不得转载:多米诺骨牌 » TinyPNG 在线压缩PNG图像
分享到:

评论 抢沙发

提交评论

  •   昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)