推荐一个压缩图片,但是品质影响不大的网站(二)之原理探索

news/2024/5/10 20:36:09/文章来源:https://blog.csdn.net/narutojzm1/article/details/51142206

上一次给大家推荐了个网站,是来做图片压缩的:http://tinypng.org/

我一直好奇他是怎么压缩的,今天我来说说自己的一些发现

首先,我上次有个错误,说PS我已经不知道该怎么压缩了,果然只是我不知道怎么压缩,懂的太少而已。尴尬

1.我的原始工程其实本来就选择成了8位通道;

2.我就是直接另存储为PNG了,也没有看到什么画质选择啥的;

3.然后用网站处理后,其实就变成8位通道了;

4.上次观察说,一共压缩了大概73%,想想也对,(32-8)/32 == 75%,微笑

5.好,至于为什么网站敢把图像改为8位通道,那也只能是因为,目前我的图片所用到的颜色范围,8位通道足够。

下面我做一组简单的实验,证明这点

---------------------------------------------------------------------实验分割线-------------------------------------------------------------------

Test-1

我用PS创建了一个20*20的纯绿色图片,然后又用网站处理过后,使用BeyongCompare进行了对比,如下:


看,32位图片,变成了1位!

实验分析:正因为整个图片就是一个单色,所以,网站将图片压缩为1位通道时够用,因而进行了大幅度压缩。原本2811字节变成了83字节

Test-2

那么我在想如果图片含有的绿色值不是255而是254,会不会有变化?结果我不截图了,和上面一样,这也就证明,不管值是多少只要是单色,那么都可以用1位表示。

Test-3

那么两种颜色呢?

结果如下:


还是一位,想想也是1位可以表示两种状态

Test-4

那么三种颜色呢?应该是2位了吧?

结果如下:


果然是两位。


总结:该网站的图片处理方法就是让图片中没有冗余,无意义的填充位全部去掉,剩下的都是有意义的!所以这种处理方法可靠!

---------------------------------------------------------------------实验结束----------------------------------------------------------------------


也就是说,使用PS,只要能保证质量,在一定范围内缩减位通道,可以达到压缩目的,

接下来的问题就是怎么用PS保存8位通道的PNG。

我查阅了资料,PS中有一个叫做:存储为WEB及设备所用格式的功能。

我使用该功能制作了PNG-8 的索引透明图片(实际我把网站处理后的载入了PS,查看果然也是索引图片),最后制作出来的图片只有33KB了,和网站制作出来的相差无几。

至于具体操作方法,我看到了一个非常好的文章叫做:

http://www.baidu.com/link?url=ce7lDwcFty7GFOVFrOlcMDN80KMgF-3qM199p--VT0Zx-r-kayRDU4BFh3FwBw1czlgyGNvi4vG5mdXDqkDV739M-fnyfnVHdjCFbAA6t4_&wd=&eqid=abe3df6a000b37eb00000002570dd6f1

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_822384.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

pc端的企业网站(IT修真院test8)详解1-1

这任务需求我们使用推特的前端框架bootstrap来实现。先放psd图。 上传这些图片也蛮大的。为此我使用office picture manager压缩了图片。 方法:altpo,然后tab下方按钮选中用于网页,点击保存就ok 一。还原含有“50万年薪”的psd静态页面 先思考…

AngularJS实现网站换肤的简单示例

网站不应该只注重功能&#xff0c;还应该注重用户体验&#xff1b;成熟的大型网站大都具备让用户自行选择主题及颜色的功能&#xff0c;AngularJS也可以做到这点。 效果图&#xff1a; 原理是使用ng-href来动态为网页更换样式&#xff1a; <link rel"stylesheet"…

mysql集群 连接字符串_CentOS7-建立一个MySQL集群-建站-站长头条

Standing up a MySQL cluster此配方将指导您完成设置MySQL群集的过程。 通过跨多个系统划分数据并维护副本以避免单点故障&#xff0c;群集数据库可以应对可伸缩性和高可用性的挑战。集群的成员称为节点。 MySQL集群中有三种节点类型&#xff1a;数据节点&#xff0c;API节点和…

十款常用电脑 软件/网站 分享

1. 本地文档检索&#xff1a;Everything 我不允许还有人不知道Everything&#xff01;&#xff01;&#xff01; 本地检索&#xff0c;小巧易用 文档丢在了哪里&#xff1f;who care&#xff1f;检索就完事了~ 2. 电脑屏幕录制&#xff1a;OBS Studio 经常看直播的朋友或许…

有什么网站下载 消防编程软件_妙小程AI编程课安卓版下载-妙小程AI编程课软件下载...

妙小程AI编程课&#xff0c;一个可以为你提供各种的编程知识的手机软件。该app采用了卡通的界面&#xff0c;以此引起孩子对于学习编程的兴趣&#xff0c;另外这里还有不少专家教授质制作的网课 学习视频&#xff0c;让孩子可以在任何地方、任意地点进行便捷学习。软件亮点妙小…

python模拟登录网站_PYTHON模拟登陆网页方法总结

原标题&#xff1a;PYTHON模拟登陆网页方法总结 由于工作中涉及到模拟登陆网页任务&#xff0c;查阅相关资料后总结得出&#xff0c;目前Python中常用的模拟登陆网页方法共有4种&#xff1a; 1、直接使用已知的cookie访问&#xff1b; 2、模拟登录后再携带得到的cookie访问&…

弟子规python编程游戏_学习Python编程学累了?来试试这些游戏编程网站

给大家分享几个趣味游戏网站&#xff0c;边敲代码边学习Python编程~1.Cyber-dojo网站&#xff1a; http://www.cyber-dojo.org/2.Playcodemonkey网站&#xff1a; https://www.playcodemonkey.com/3.Elevatorsaga网站&#xff1a; http://play.elevatorsaga.com/4.Git-game网站…

怎么查看服务器硬盘有几块多大,centos7如何查看磁盘空间有多大_网站服务器运行维护...

docker import后运行不起来_网站服务器运行维护docker import后运行不起来是因为import/export之后镜像的原来的参数都丢失了导致的&#xff0c;我们在启动docker时指定工作目录和开放的端口即可成功启动docker。执行命令&#xff1a;df -hl显示&#xff1a;文件系统 容量 已用…

菜鸟如何使用阿里云搭建服务器网站【阿里云、宝塔、thinkPHP、PHPstrom、Linux】①...

我们的流程&#xff1a; ①在阿里云免费领取一个月的服务器&#xff0c;推荐使用支付宝账号登录、因为这样你就可以免除实名认证这个环节了。 ②配置我们服务器的系统&#xff0c;其实云服务器也就是一个虚拟机&#xff0c;想要运行还是需要一个操作系统的、这里推荐使用LInux【…

html seo 标题图片,标题:生成静态HTML文件的seo命名技巧

标题:生成静态HTML文件的seo命名技巧(2013-06-05 09:52:27)正文:1&#xff0c;文件夹的深度对SEO应该会有影响吧&#xff1f;2&#xff0c;文件夹(文件)多了是否会访问系统变慢&#xff0c;且难于管理&#xff1f;如果是小型网站&#xff0c;或者分类比较少的话&#xff0c;就可…

PHP购物网站

我使用的phpsteam经常用着用着就闪退&#xff0c;所以做起来挺麻烦的。里面的代码有抄袭借鉴网上的代码&#xff0c;就是那个php做购物网站点击量最高的那个。 但是我很多代码也是自己写的不和其相同。 PHP是一门选修课&#xff0c;大学生上课大家都懂&#xff0c;代码有些方面…

windows 变网站服务器,windows+IIS6安装及搭建网站服务器环境教程

一、安装IIS1、如系统中还未安装IIS服务器&#xff0c;可打开“控制面板”&#xff0c;然后单击启动 “添加/删除程序”&#xff0c; 在弹出的对话框中选择 “添加/删除Windows组件”&#xff0c;在Windows组件向导对话框中选中“Internet信息服务(IIS)”&#xff0c;然后单击“…

程序员一些实用的网站收藏

程序员一些实用的网站收藏 1. 面试 两个网站 1.1牛客网 牛客网 https://www.nowcoder.com/ 1.2力扣 力扣 https://leetcode-cn.com/ 2 查资料的网站&#xff08;包含在线工具&#xff09; 2.1 程序员的工具箱 程序员的工具箱 https://tool.lu/ 2.2 菜鸟教程 菜鸟教…

nodejs后端 转 php,PHP+NodeJs后端给网站截图

有些导航站提交网站后会把网站截图并且在详情页会附带网页截图&#xff0c;例如这个 博客大全&#xff1a;blogwe.com挺好奇怎么实现的&#xff0c;所以了解到了这两个开源项目&#xff1a;Puppeteer 和 PuPHPeteer注意&#xff1a;需要安装 NodeJs 8 的版本设置 NodeJs 镜像(如…

在桌面点击html文档跳转到指定网站

在windows桌面新建一个html文档&#xff0c;然后文档内容如下&#xff1a; <script language"javascript">location.replace("https://www.baidu.com"); </script> 然后点击百度.html&#xff0c;就会打开浏览器并跳转到百度。

C++] WAP GPRS 向WWW网站 提交POST GET 数据 实例

代码 ///接收程序ASP<%numrequest("num")passrequest("pass")setfsserver.CreateObject("Scripting.FileSystemObject")setfilefs.OpenTextFile(server.MapPath("http.txt"),8,True)file.writeline num"---""-"…

SEO图片测试,alt=ddd title= 就不显示alt 内容

转载于:https://www.cnblogs.com/avatar/archive/2011/07/14/2106614.html

使用HTML5,CSS3和jQuery增强网站用户体验

记 得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验&#xff1f; 是不是立刻就想到了flash实现&#xff1f;这彷佛年代久远的事了。使用现在最流行的web技术 HTML5&#xff0c;CSS3和jQuery&#xff0c;同样也可以实现类似的用户体验。而且使用这些特性将会比…

2011年回顾:改变游戏的20个HTML5网站

今年HTML5确实给我们带来了很大的冲击。HTML5 Doctors&#xff0c;Oli Studholme评选出了20个最佳网站&#xff0c;它们涵盖了语义、音频、客户端web apps、canvas以及SVG和WebGL&#xff0c;这些网站预示了未来web的发展方向。 对HTML5和web来说&#xff0c;今年是收获丰富的一…

如何获取网站服务器运行状态

在学习的过程中总要经历一些痛苦的过程才能达到想要达到的地方。前几天牛人给我出了一道题&#xff0c;说是让我写一段程序判断一个网站的服务器是否正常运行。本着我自己先仔细研究实在不行再问的原则我各种郁闷了好几天。 各种没头绪&#xff0c;虽然磕磕绊绊的找到了一个网址…