- 综合排序
- 最热优先
- 最新优先
- 来自专栏Elsa的学习笔记
python把png的白色背景变透明
一、讲解部分 1、PNG 有 PNG-8，PNG-24 和 PNG-32 三种格式 PNG-8 PNG-8将图片中用到的每种颜色都存储在一个长度为255的数组中，称之为条色盘，然后每个像素上存储对应颜色在条色盘上的位置 相比之下确实使用了更少的空间来存储颜色，但是他能表达的颜色种类也是有上限的，所以在将PNG-32转换成PNG-8时会在一些颜色过渡的地方看到明显的不平滑的渐变 PNG-24 同理，PNG-24的像素深度为 PNG-24因为没有Alpha通道（透明通道），所以不支持透明图片 PNG-32 PNG-32每个像素的深度为32bits，其中RGBA四个通道各占8bits。
6.5K41发布于 2021-07-15 - 来自专栏漫漫深度学习路
skimage与PIL与png
skimage 与 png png 图像 有 png-8，png-24， png-32 之分，后面的数字代表一个 颜色用几位来存储，png-24就是我们常见的 RGB 图像啦。
1.6K70发布于 2018-01-02 - 来自专栏地方网络工作室的专栏
WEB应用图片的格式,以及各自的特点和优化(一) by FungLeo
图片的种类 在网页运用中,图片是有很多种类的.其中常用的有以下三种: jpg gif png png-8 png-24 其中,png分为两种,8位和24位.在文件的后缀上,都是.png. PNG-24的特性以及优化 PNG-24是一种无损压缩图片的存储格式,可以最高标准的保存图片的原有质量,并且支持8位透明(就是可以实现半透明)的图片存储格式. 它最大最大的优点是无损.只是,在无损状态其体积比较庞大.因此,在实际WEB运用中,如果是需要高保真存储的图片,一般情况,还是存成jpg图片的多,因为,jpg图片可以保证图片的色彩和体积,而png-24是完全无法压缩的 没有任何其他的选择,只能采用PNG-24位存储格式.那么,怎么优化呢? 1.降低图片的尺寸 其实是废话.一般半透明的使用,基本上都是装饰性的图片,那就不能缩小了.但是,尽可能的使用小一点的图片. 如果是基于高清图片,建议直接Jpg,那样设置的选择性更多. 2.拼合多张PNG-24图片,组成一张”雪碧图 理由和PNG-8是一样一样的.
57510编辑于 2022-05-05 - 来自专栏前端学习归纳总结
常见图片格式了解 前言概念了解图片类型图片比较与场景应用一图胜前言总结引用 & 参考
PNG-24 PNG-24是PNG的直接色版本。PNG-24是无损的、使用直接色的、点阵图。无损的、使用直接色的点阵图，听起来非常像BMP，是的，从显示效果上来看，PNG-24跟BMP没有不同。 PNG-24的优点在于，它压缩了图片的数据，使得同样效果的图片，PNG-24格式的文件大小要比BMP小得多。当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多。 虽然PNG-24的一个很大的目标，是替换JPEG的使用。但一般而言，PNG-24的文件大小是JPEG的五倍之多，而显示效果则通常只能获得一点点提升。 所以，只有在你不在乎图片的文件体积，而想要最好的显示效果时，才应该使用PNG-24格式。另外，PNG-24跟PNG-8一样，是支持图片透明度的。 PNG-32 PNG32也是PNG的直接色版本。 其表现与PNG-24差不多。 三者的区别在于： PNG-32每个像素的深度为32bits，其中RGBA四个通道各占8bits。
1.7K20发布于 2019-03-19 - 来自专栏程序员成长指北
每个前端工程师都应该了解的图片知识(长文建议收藏)
PNG-24 PNG-24 是 PNG 的直接色版本。PNG-24 是无损的、使用直接色的、点阵图。 PNG-24 的优点在于，它压缩了图片的数据，使得同样效果的图片，PNG-24 格式的文件大小要比 BMP 小得多。当然，PNG24 的图片还是要比 JPEG、GIF、PNG-8 大得多。 虽然 PNG-24 的一个很大的目标，是替换 JPEG 的使用。但一般而言，PNG-24 的文件大小是 JPEG 的五倍之多，而显示效果则通常只能获得一点点提升。 所以，只有在你不在乎图片的文件体积，而想要最好的显示效果时，才应该使用 PNG-24 格式。 另外，PNG-24 跟 PNG-8 一样，是支持图片透明度的。 PNG-32 PNG-32 跟 PNG-24 的区别就是多了一个 Alpha 通道，用来支持半透明，其他的跟 PNG-24 基本一样。
1.5K21发布于 2019-09-17 - 来自专栏进击的Coder
推荐一个好用的图片压缩网站！清晰度不变的同时体积减小一大半
对于 PNG 图片来说，它其实细分为 PNG-8 和 PNG-24，它们有什么区别呢？ 同理，而 PNG-24 就相当于一个像素点用 24 位来表示，所以能表示的颜色数量就是 2 的 24 次方，结果约 1600 万。 所以 PNG-24 相比 PNG-8 来说每个像素可表示的颜色就多非常多，色彩也就更丰富，所以 PNG-24 适合摄影作品之类的比较丰富的图片。 但随之而来的 ，PNG-24 的文件体积相比 PNG-8 也会大很多。 而对于人眼来说，其实一张图片用 PNG-8 和 PNG-24 来表示，如果不仔细放大看的话，效果其实不太明显。 所以实际上，TinyPNG 这个网站其实就是把 PNG-24 的图转成了 PNG-8 而已。
2K20编辑于 2022-06-06 - 来自专栏前端桃园
每个前端工程师都应该了解的图片知识(长文建议收藏)
PNG-24 PNG-24 是 PNG 的直接色版本。PNG-24 是无损的、使用直接色的、点阵图。 PNG-24 的优点在于，它压缩了图片的数据，使得同样效果的图片，PNG-24 格式的文件大小要比 BMP 小得多。当然，PNG24 的图片还是要比 JPEG、GIF、PNG-8 大得多。 虽然 PNG-24 的一个很大的目标，是替换 JPEG 的使用。但一般而言，PNG-24 的文件大小是 JPEG 的五倍之多，而显示效果则通常只能获得一点点提升。 所以，只有在你不在乎图片的文件体积，而想要最好的显示效果时，才应该使用 PNG-24 格式。 另外，PNG-24 跟 PNG-8 一样，是支持图片透明度的。 PNG-32 PNG-32 跟 PNG-24 的区别就是多了一个 Alpha 通道，用来支持半透明，其他的跟 PNG-24 基本一样。
2K20发布于 2019-05-31 - 来自专栏前端Sharing
前端性能优化篇二：图片的合理使用
缺点 1 矢量图形和 Logo 等线条感较强、颜色对比强烈的图像时，人为压缩导致的图片模糊会相当明显 2 不支持透明度处理,透明需要png处理 3 PNG-8 和 PNG-24 关键字：无损压缩，质量高 png-8 和 png24 什么时候用 PNG-8，什么时候用 PNG-24，这是一个问题。 理论上来说，当你追求最佳的显示效果、并且不在意文件体积大小时，是推荐使用 PNG-24 的。 如何确定一张图片是该用 PNG-8 还是 PNG-24 去呈现呢？
1.8K30发布于 2021-06-01 - 来自专栏薛定喵君
网站图片优化
图像压缩 JPEG/JPG PNG (PNG-8 与 PNG-24) WebP 图像压缩 1.使用 imagemin cd进入项目根目录 npm install imagemin 2.创建一个名为 imagemin.js .catch(error => console.log(error)); 3.运行 node imagemin.js, 从build/images 文件夹中获取优化后的版本 PNG (PNG-8 与 PNG
2.2K30发布于 2019-11-06 - 来自专栏农历七月廿一
谈谈js中的函数节流
所谓的性能优化说白了就是为了让网页加载的更快，这样才会让用户的体验更好，其实有很多种办法可以实现，是吧，我们经常在做网页设计的时候透明的图片习惯存储为PNG-8的，如果不是很小的图片的时候，如果很小的话才会存储为PNG PNG-8的要比PNG-24的更加小，为什么我们非透明的图片一般存储为Jpeg格式的， 因为小，是吧，小就导致页面加载结束的快，流畅性就比较强，自然用户体验就会比较好，那么说了那么多，其实是想说明一个问题
85830发布于 2020-05-29 - 来自专栏meishadevs的前端专栏
Photoshop操作技巧
此时图层的尺寸会自动调整为选中的图片尺寸)——选择文件选项下的存储为Web所用格式(photoshop cc中文件选项下没有存储为Web所用格式这个选项，该选项在文件选项下的导出中)——将图片的格式设置为PNG 此时由参考线围成的矩形都转换为了切片)——选择文件选项下的存储为Web所用格式(photoshop cc中文件选项下没有存储为Web所用格式这个选项，该选项在文件选项下的导出选项中)——将图片的格式设置为PNG
1.4K20编辑于 2023-04-13 - 来自专栏全栈程序员必看
PS制作CSS精灵图
（4）根据下图将其他图标拖入上图中指定位置（以mobile1.png为例） 拖动完成效果 将其他小图标也拖入，如下完成 （5）导出：文件–导出–存储为web所用格式（选择png
1.9K10编辑于 2022-06-26 - 来自专栏用户4456933的专栏
如何为应用选择最合适的图像格式
这里以 Photoshop 为例子，文件->存储为 Web 所用格式， 可以看到下拉这里只有 PNG-8 和 PNG-24，而没有 PNG-32 呢？是因为 Photoshop不支持这个格式嘛？ 在 Photoshop 里导出 PNG-32 格式的图片是通过选择 PNG-24格式，并且勾选下面的透明度，这样生成的图片位数才是32位的，如果不勾选透明度的话就是 PNG-24 格式。 由此看来 PNG-24 是不支持透明的，PNG-32 是支持透明的。 PNG透明度 从 Fireworks 8的优化面板里可以看到 PNG 格式存在三种透明格式：不透明、索引透明和 Alpha透明。
2K30发布于 2021-06-01 - 来自专栏seo分享
为什么图片优化对于SEO来说很重要？
PNG文件格式分为PNG-24和PNG-8，其最大的区别是PNG-24是用24位来保存一个像素值，是真彩色，而PNG-8是用8位索引值来在调色盘中索引一个颜色，因为一个索引值的最大上限为2的8次方既128 如果您只能以PNG格式保存产品照片，记得使用PNG-8而不是PNG-24。 6、使用图片站点地图 网站地图对于搜索引擎来讲，是非常有重要的，因为它能突出网站的重要内容，从而使得爬虫能够迅速发现并抓取。
1.4K40编辑于 2022-05-07 - 来自专栏Coco的专栏
现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用
图片类型的选取及 Picture 标签的使用 首先，从图片的类型上而言，除了常见的 PNG-8/PNG-24，JPEG，GIF 之外，我们更多的关注另外几个较新的图片格式： WebP JPEG XL AVIF 内存占用、兼容性方面，对比它们： 图片类型 Alpha 通道 动画 编解码性能 压缩算法 颜色支持 内存占用 兼容性 GIF 支持 支持 较高 无损压缩 索引色(256) 基本一致 ALL PNG-8/PNG 内存占用：图片对内存资源的占用 兼容性：影响图片格式能否大规模推广的核心要素之一 WebP vs JPEG XL vs AVIF: JPEG 替代之战 因为传统的 PNG-8/PNG-24，JPEG，GIF 最终，所选图像呈现在
元素占据的空间中 总结 总结一下，本文对常见的图片格式以及最新的几种未被大规模兼容的图片格式进行的对比，它们分别是： PNG-8/PNG-24 JPEG GIF WebP
1.8K10编辑于 2023-03-01 - 来自专栏全栈程序员必看
psd效果预览转成网站首页（html+css）
切图：ctrl+缩览图可以载入选区 (1)logo 类：包括一些小图标+文字+数字（透明背景） 首先选择这些图片的图层（shift选择多个），转成智能对象，双击图标进入，存储为web格式（png-24，
2.3K10编辑于 2022-06-27 - 来自专栏全栈程序员必看
74款android开机动画,修改Android系统开机动画
制作当前屏幕像素的图片(模拟器默认为320*480) 使用PS制作一张320*480的图片，保存时选“保存为 Web 所用格式”，然后在弹开的窗口上，“预设”项选择“PNG-24”，保存为android_logo.png 注：好像只支持png-24，其他格式生成的rle文件显示不正常，有兴趣大家可以再验证一下。
4K50编辑于 2022-08-28 - 来自专栏蚂蚁开源社区
适用于小团队的前端规范示例
main-box box-list-item-1 尽量使用语义明确的单词命名，避免left bottom等方位性的单词 2.1.4格式和编码 文本文件：UTF-8 （无BOM）编码.xxx 图片文件：（PNG
1K20发布于 2019-10-31 - 来自专栏Android小知识
Android（题外话）小知识——切图
在右侧选择PNG-24，保存即可 8.现在我们的图就切好了 ?
47830发布于 2019-08-14 - 来自专栏前端说吧
前端切图-PhotoShop软件使用教程(png+jpg格式图片)
你找到一层背景，所有的都和他在一个组里边，你把组的小眼睛关掉即可 7．然后切片工具切出你要的那个图标 8．保存：文件-存储为web所用格式(ctrl+shift+alt+s) 9．选择png-8/png Png-8的透明度位置 Png-24的透明度位置 11．”保存全部切片“或者“保存选中切片” 这里还要说明一个问题，有时候一个页面中，我用切片工具选出好几张png图标准备切，然后保存的时候也选择png
2.2K100发布于 2018-05-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号