- 综合排序
- 最热优先
- 最新优先
- 来自专栏漫漫深度学习路
skimage与PIL与png
skimage 与 png png 图像 有 png-8，png-24， png-32 之分，后面的数字代表一个 颜色用几位来存储，png-24就是我们常见的 RGB 图像啦。 使用 skimage.io 中 imread(file_name) 来读取 png-8 是不明智的，因为 png-8 能被读出来 3-channel。 对于 png-8 图像的正确读取方式是 from PIL import Image import numpy as np file_path = '...'
1.6K70发布于 2018-01-02 - 来自专栏地方网络工作室的专栏
WEB应用图片的格式,以及各自的特点和优化(一) by FungLeo
由于png-8在除了不能做动画这一个特性上输给了GIF,在其他方面完胜GIF格式(同等质量体积更小).因此,以往我们在使用GIF动画的地方,基本上都可以用PNG-8这个格式给取代. PNG-8的特性以及优化 PNG-8在除了动画这方面取代不了GIF,其他方面完全可以取代GIF素材.主要运用在网页的装饰性图片上,和一些大面积纯色显示的内容图片上(存JPG会比较大,但是存PNG-8就比较小 PNG-8的运用场景特别多,那么他要怎么优化呢? 1.降低图片的尺寸 只是,PNG-8的用途一般都是装饰性图片,降低尺寸很可能行不通.这一点是需要注意的. 2.减少图片的索引颜色 这一点非常有效.但是也要考虑图片的可视质量. 3.拼合多张PNG-8图片 如果是基于高清图片,建议直接Jpg,那样设置的选择性更多. 2.拼合多张PNG-24图片,组成一张”雪碧图 理由和PNG-8是一样一样的.
57510编辑于 2022-05-05 - 来自专栏Elsa的学习笔记
python把png的白色背景变透明
一、讲解部分 1、PNG 有 PNG-8，PNG-24 和 PNG-32 三种格式 PNG-8 PNG-8将图片中用到的每种颜色都存储在一个长度为255的数组中，称之为条色盘，然后每个像素上存储对应颜色在条色盘上的位置 相比之下确实使用了更少的空间来存储颜色，但是他能表达的颜色种类也是有上限的，所以在将PNG-32转换成PNG-8时会在一些颜色过渡的地方看到明显的不平滑的渐变 PNG-24 同理，PNG-24的像素深度为
6.5K41发布于 2021-07-15 - 来自专栏进击的Coder
推荐一个好用的图片压缩网站！清晰度不变的同时体积减小一大半
对于 PNG 图片来说，它其实细分为 PNG-8 和 PNG-24，它们有什么区别呢？ 但随之而来的 ，PNG-24 的文件体积相比 PNG-8 也会大很多。 而对于人眼来说，其实一张图片用 PNG-8 和 PNG-24 来表示，如果不仔细放大看的话，效果其实不太明显。 所以有时候我们为了更高的压缩比，就可以选用 PNG-8 这种图片存储格式，其体积会小一大半，加载速度也会快很多。 所以这种图很适合在网站开发的时候使用，所以你可以看到一些网站的 Logo、Banner 图都是 PNG-8 类型的图片。 所以实际上，TinyPNG 这个网站其实就是把 PNG-24 的图转成了 PNG-8 而已。
2K20编辑于 2022-06-06 - 来自专栏前端学习归纳总结
常见图片格式了解 前言概念了解图片类型图片比较与场景应用一图胜前言总结引用 & 参考
PNG-8 PNG-8是无损的、使用索引色的、点阵图。 PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。 除此之外，PNG-8还支持透明度的调节，而GIF并不支持。 现在，除非需要动画的支持，否则我们没有理由使用GIF而不是PNG-8。 当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多。虽然PNG-24的一个很大的目标，是替换JPEG的使用。 另外，PNG-24跟PNG-8一样，是支持图片透明度的。 PNG-32 PNG32也是PNG的直接色版本。其表现与PNG-24差不多。
1.7K20发布于 2019-03-19 - 来自专栏前端Sharing
前端性能优化篇二：图片的合理使用
缺点 1 矢量图形和 Logo 等线条感较强、颜色对比强烈的图像时，人为压缩导致的图片模糊会相当明显 2 不支持透明度处理,透明需要png处理 3 PNG-8 和 PNG-24 关键字：无损压缩，质量高 png-8 和 png24 什么时候用 PNG-8，什么时候用 PNG-24，这是一个问题。 理论上来说，当你追求最佳的显示效果、并且不在意文件体积大小时，是推荐使用 PNG-24 的。 当我们遇到适合 PNG 的场景时，也会优先选择更为小巧的 PNG-8。 如何确定一张图片是该用 PNG-8 还是 PNG-24 去呈现呢？ 好的做法是把图片先按照这两种格式分别输出，看 PNG-8 输出的结果是否会带来肉眼可见的质量损耗，并且确认这种损耗是否在我们（尤其是你的 UI 设计师）可接受的范围内，基于对比的结果去做判断。
1.8K30发布于 2021-06-01 - 来自专栏程序员成长指北
每个前端工程师都应该了解的图片知识(长文建议收藏)
PNG-8 PNG-8 是 PNG 的索引色版本。PNG-8 是无损的、使用索引色的、点阵图。 PNG-8 是非常好的 GIF 替代者，在可能的情况下，应该尽可能的使用 PNG-8 而不是 GIF，因为在相同的图片效果下，PNG-8 具有更小的文件体积。 除此之外，PNG-8 还支持透明度的调节，而 GIF 并不支持。现在，除非需要动画的支持，否则我们没有理由使用 GIF 而不是 PNG-8。 PNG-24 PNG-24 是 PNG 的直接色版本。 当我们遇到适合 PNG 的场景时，也会优先选择更为小巧的 PNG-8。 其中 PNG-8 就是 Index，称作为索引色，而 PNG-24 和 PNG-32 是 RGB 形式，也可称作为直接色。
1.5K21发布于 2019-09-17 - 来自专栏avif
成本优化：新一代图片编码AVIF在手Q应用实践
值得一提的是，群昵称的图片由于业务原因，图片的颜色细节不需要非常丰富，因此选择了PNG-8的形式进行存储。 PNG-8相比常规的PNG-24尺寸非常小，再使用AVIF效果并不明显，反而可能因为存储方式变化导致图片体积变大了。关于PNG-8的一些简单介绍见PNG-8、24、32区别介绍[7]。5. PerformanceResourceTiming[6]https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Timing-Allow-Origin[7]PNG
1.8K20编辑于 2023-05-19 - 来自专栏前端桃园
每个前端工程师都应该了解的图片知识(长文建议收藏)
PNG-8 PNG-8 是 PNG 的索引色版本。PNG-8 是无损的、使用索引色的、点阵图。 PNG-8 是非常好的 GIF 替代者，在可能的情况下，应该尽可能的使用 PNG-8 而不是 GIF，因为在相同的图片效果下，PNG-8 具有更小的文件体积。 除此之外，PNG-8 还支持透明度的调节，而 GIF 并不支持。 现在，除非需要动画的支持，否则我们没有理由使用 GIF 而不是 PNG-8。 PNG-24 PNG-24 是 PNG 的直接色版本。 当我们遇到适合 PNG 的场景时，也会优先选择更为小巧的 PNG-8。 其中 PNG-8 就是 Index，称作为索引色，而 PNG-24 和 PNG-32 是 RGB 形式，也可称作为直接色。
2K20发布于 2019-05-31 - 来自专栏薛定喵君
网站图片优化
图像压缩 JPEG/JPG PNG (PNG-8 与 PNG-24) WebP 图像压缩 1.使用 imagemin cd进入项目根目录 npm install imagemin 2.创建一个名为 imagemin.js optimiseJPEGImages() .catch(error => console.log(error)); 3.运行 node imagemin.js, 从build/images 文件夹中获取优化后的版本 PNG (PNG
2.2K30发布于 2019-11-06 - 来自专栏农历七月廿一
谈谈js中的函数节流
我们都知道， 所谓的性能优化说白了就是为了让网页加载的更快，这样才会让用户的体验更好，其实有很多种办法可以实现，是吧，我们经常在做网页设计的时候透明的图片习惯存储为PNG-8的，如果不是很小的图片的时候 PNG-8的要比PNG-24的更加小，为什么我们非透明的图片一般存储为Jpeg格式的， 因为小，是吧，小就导致页面加载结束的快，流畅性就比较强，自然用户体验就会比较好，那么说了那么多，其实是想说明一个问题
85830发布于 2020-05-29 - 来自专栏前端开发面试
拿到大厂前端offer的前端开发是怎么回答面试题的
（4）PNG-8是无损的、使用索引色的点阵图。 PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。 除此之外，PNG-8还支持透明度的调节，而GIF并不支持。除非需要动画的支持，否则没有理由使用GIF而不是PNG-8。（5）PNG-24是无损的、使用直接色的点阵图。 当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多。（6）SVG是无损的矢量图。SVG是矢量图意味着SVG图片由直线和曲线以及绘制它们的方法组成。
47780编辑于 2022-11-09 - 来自专栏用户2442861的专栏
前端开发介绍（包含调试什么的）
一般应用比较多的格式有：gif,png-8,png-24,jpg。而新手经常混淆png-8,png-24的区别。 按我经验4k以下gif,png-8差别不大，4k-100k: png-8,gif占优势，大于100k果断是jpg。 png-8不支持alpha透明，在IE6下需要一个JS或透明滤镜来处理。
1.7K30发布于 2018-09-19 - 来自专栏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 内存占用：图片对内存资源的占用 兼容性：影响图片格式能否大规模推广的核心要素之一 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 - 来自专栏前端面试笔记
校招前端面试题
（4）PNG-8是无损的、使用索引色的点阵图。 PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。 除此之外，PNG-8还支持透明度的调节，而GIF并不支持。除非需要动画的支持，否则没有理由使用GIF而不是PNG-8。（5）PNG-24是无损的、使用直接色的点阵图。 当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多。（6）SVG是无损的矢量图。SVG是矢量图意味着SVG图片由直线和曲线以及绘制它们的方法组成。
81640编辑于 2022-09-07 - 来自专栏react源码解析
前端经典面试题（有答案）_2023-03-01
（4）PNG-8是无损的、使用索引色的点阵图。 PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。 除此之外，PNG-8还支持透明度的调节，而GIF并不支持。除非需要动画的支持，否则没有理由使用GIF而不是PNG-8。 （5）PNG-24是无损的、使用直接色的点阵图。 当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多。 （6）SVG是无损的矢量图。SVG是矢量图意味着SVG图片由直线和曲线以及绘制它们的方法组成。
1.6K20编辑于 2023-03-01 - 来自专栏大前端（横向跨端 & 纵向全栈）
2023年前端面试题汇总-性能优化
PNG-8是无损的、使用索引色的点阵图。 PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。 除此之外，PNG-8还支持透明度的调节，而GIF并不支持。除非需要动画的支持，否则没有理由使用GIF而不是PNG-8； 5. PNG-24是无损的、使用直接色的点阵图。 当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多； 6. SVG是无损的矢量图。SVG是矢量图意味着SVG图片由直线和曲线以及绘制它们的方法组成。
1.4K11编辑于 2023-06-04 - 来自专栏前端技术分享小合集
前端高频面试题(四)（附答案）
（4）PNG-8是无损的、使用索引色的点阵图。 PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。 除此之外，PNG-8还支持透明度的调节，而GIF并不支持。除非需要动画的支持，否则没有理由使用GIF而不是PNG-8。（5）PNG-24是无损的、使用直接色的点阵图。 当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多。（6）SVG是无损的矢量图。SVG是矢量图意味着SVG图片由直线和曲线以及绘制它们的方法组成。
76640编辑于 2022-08-31 - 来自专栏前端技术分享小合集
校招前端必会面试题
（4）PNG-8是无损的、使用索引色的点阵图。 PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。 除此之外，PNG-8还支持透明度的调节，而GIF并不支持。除非需要动画的支持，否则没有理由使用GIF而不是PNG-8。（5）PNG-24是无损的、使用直接色的点阵图。 当然，PNG24的图片还是要比JPEG、GIF、PNG-8大得多。（6）SVG是无损的矢量图。SVG是矢量图意味着SVG图片由直线和曲线以及绘制它们的方法组成。
69520编辑于 2022-09-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号