要怎么判断网站是什么cms做的,长沙 公司网站,wordpress reset 插件,棋牌游戏开发图像基础知识入门【图像概念不同图像格式】 最近有在处理图像转换#xff0c;因此稍微补足了一下图像相关知识#xff0c;特在此记录。下面汇总是我根据自己理解和网上查阅资料而来。如有错误#xff0c;欢迎大家指正。 1 基础概念
像素/分辨率
像素(Pixel)#xff…图像基础知识入门【图像概念不同图像格式】 最近有在处理图像转换因此稍微补足了一下图像相关知识特在此记录。下面汇总是我根据自己理解和网上查阅资料而来。如有错误欢迎大家指正。 1 基础概念
像素/分辨率
像素(Pixel)构成数字图像的最基本单位【小方块】 像素是构成数字图像的最基本单位是图像显示设备如电脑屏幕、手机屏幕上最小的可寻址的显示单元。 每个像素都有自己的颜色值这些颜色值由红、绿、蓝三种基本色光的不同强度组合而成即RGB值。像素的大小和密度直接影响图像的清晰度和细节表现。像素可以被视为图像中的一个点其位置和颜色共同决定了图像的整体外观。像素是一个小方块用这些小方块排成一个大的长方形这个长方形就是图像图像的分辨率为图像宽排列的像素数 × 图像高排列的像素数 分辨率(Resolution)像素分辨率、打印分辨率DPI描述图像的像素数量【1920x1080水平方向1920个像素x垂直方向1080】。 像素分辨率直接描述图像的像素数量例如一个图像的分辨率可以表示为1920x1080意味着图像在水平方向上有1920个像素在垂直方向上有1080个像素。像素总数为1920乘以1080即2073600像素。打印分辨率DPI在打印领域分辨率通常以每英寸点数Dots Per Inch, DPI来衡量描述打印机或扫描仪等设备的输出或输入精度。例如300DPI意味着每英寸宽度上有300个打印点或采样点。 分辨率与图像清晰度的关系是直接的分辨率越高即单位面积内像素越多图像的细节就越丰富看起来就越清晰。相反低分辨率的图像由于像素较少可能会显得模糊或出现锯齿现象。像素是构建块像素是分辨率的基础构成单位分辨率描述的是这些像素在空间上的分布情况。图像大小与清晰度相同尺寸的图像分辨率越高即像素总数越多图像的细节就越丰富文件体积也越大。反之减少分辨率会导致图像变得模糊。显示与打印在屏幕上显示图像时分辨率影响图像的清晰度和尺寸在打印时DPI决定图像的物理尺寸和清晰度高DPI可以打印出更精细的细节。资源消耗高分辨率图像在处理、存储和传输时需要更多的计算资源和存储空间。 色深(bits per pixel):图像中每个像素可以表示的颜色数 色深是指图像中每个像素可以表示的颜色数量它直接影响图像的色彩丰富度和细腻程度。色深通常用位数bits per pixel, bpp来衡量表示每个像素的颜色信息是由多少位二进制数来表示。色深越高能表示的颜色种类就越多图像看起来就越细腻和真实。 1位色深1bpp每个像素只能表示两种颜色通常是黑和白适用于简单的图形和文本。4位色深4bpp每个像素可以表示16种颜色2^416常用于早期的计算机图形和游戏8位色深8bpp每个像素可以表示256种颜色2^8256这是早期网页和操作系统图形的标准支持简单的调色板可以实现较丰富的色彩表现16位色深16bpp可以是5-6-5格式5位红、6位绿、5位蓝能表示65536种颜色2^1665536提高了色彩的平滑过渡适用于较高质量的图像显示。24位色深24bpp真彩色每个像素由8位红、8位绿、8位蓝组成总共可以表示约1670万种颜色2^2416777216几乎涵盖了人眼能识别的所有颜色是目前大多数数字图像的标准。32位色深32bpp在24位真彩色基础上增加了一个8位的Alpha通道用于表示透明度适用于需要透明效果的图像。 在BMP格式中色深是一个重要的参数它决定了文件的大小和图像的质量。由于BMP格式不进行压缩色深越高图像文件的大小也就越大。例如一个分辨率为1024x768的图像若色深为24位则文件大小大约为1024x768x3字节不包括文件头信息这是因为每个像素需要3字节来存储红、绿、蓝三个颜色通道的信息。
颜色模型:HSV/HSL/RGB/RGBA/CMYK/Lab
①HSV (Hue 颜色, Saturation, Value)基于人类感知颜色模型【颜色饱和度明度】 HSV有时也称为HSB Hue, Saturation, Brightness是一种基于人类感知的颜色模型常用于图像编辑软件中。它将颜色分为色调Hue即颜色的基本属性如红、绿、蓝等、饱和度Saturation颜色的纯度从灰到鲜艳的变化和明度Value/Brightness颜色的明暗程度。这种模型便于用户直观地调整颜色。 Hue颜色Saturation饱和度Value/Brightness明度 ②HSL (Hue, Saturation, Lightness)基于人类感知颜色模型【颜色饱和度亮度颜色黑白程度】 HSL与HSV类似也是基于人类感知的颜色模型但它的第三个维度是亮度Lightness与HSV中的明度有所不同。亮度指的是颜色的黑白程度而饱和度定义了颜色的纯度。HSL模型更接近人们描述颜色的方式比如“浅蓝色”或“深红色”。 Hue颜色Saturation饱和度Lightness亮度颜色的黑白程度 ③RGB (Red, Green, Blue):最常用颜色模型常用于数字显示和图像处理 RGB是最常见的颜色模型广泛应用于数字显示屏和图像处理。它基于颜色加法原理通过红、绿、蓝三种基本色光的不同强度组合来生成所有可见颜色。每个颜色通道的值范围通常是0到255在8位深度下。 RRedGGreenBBlue ④RGBA (Red, Green, Blue, Alpha):RGBAlpha通道【需要透明效果的图像处理】 RGBA是RGB模型的扩展增加了Alpha通道用于表示颜色的透明度。Alpha值范围也是0到255其中0表示完全透明255表示完全不透明。这对于需要透明效果的图像处理特别有用。 RRedGGreenBBlueAAlpha用于表示透明。例如电脑系统图标需要用到半透明。 ⑤CMYK (Cyan, Magenta, Yellow, Black)印刷行业常用模型【青色、洋红、黄色、黑色油墨按不同比例叠加】 CMYK是印刷行业常用的颜色模型基于颜色减法原理。通过青色、洋红、黄色和黑色油墨的不同比例叠加可以产生各种颜色。由于油墨吸收光线的特性混合越多颜色会趋向于黑色但为了达到更深的黑色和节省成本加入了单独的黑色墨水K。 CMYK主要用于实体印刷而RGB/RGBA则更多用于屏幕显示。Cyan青色Magenta洋红Yellow黄色Black黑色 ⑥Lab弥补RGB、CMYK不足是一种与设备无关的颜色模型 Lab颜色模型弥补了RGB和CMYK两种色彩模式的不足。 它是一种设备无关的颜色模型也是一种基于生理特征的颜色模型。 Lab颜色模型由三个要素组成一个要素是亮度La 和b是两个颜色通道。 a包括的颜色是从深绿色低亮度值到灰色中亮度值再到亮粉红色高亮度值b是从亮蓝色低亮度值到灰色中亮度值再到黄色高亮度值。 LLightness 亮度通道L值范围通常是0到100表示从纯黑0到纯白100的亮度变化与颜色的明暗程度相关但不包含色彩信息。a 色通道a值可以是正数也可以是负数正数表示从绿色到红色的过渡负数表示从红色到绿色的过渡。这个通道主要决定了颜色的绿-红倾向。b 色通道同样可以取正负值正数表示从蓝色到黄色的过渡负数表示从黄色到蓝色的过渡。b通道决定了颜色的黄-蓝倾向。 Lab模式之所以被称为“与设备无关”是因为它不依赖于任何特定的物理设备如显示器或打印机的色彩表现这使得它成为了色彩管理和转换的理想选择尤其是在需要在不同设备和媒介间保持颜色一致性的应用场景中。例如在专业图像编辑软件中用户可以利用Lab模式来进行精确的颜色调整或者在不同色彩空间之间转换时先转换到Lab空间作为中间步骤以最小化颜色信息的损失。 色彩空间/色域:特定色彩模型内定义了颜色值的具体范围和组织方式 色彩空间是在特定的色彩模型框架内定义了颜色值的具体范围和组织方式。它限定了在给定模型中可以表示的颜色的全部集合即色域。不同的色彩空间在相同的色彩模型下可能有不同的色域这取决于它们的定义和约束条件。例 sRGB基于RGB模型是互联网标准的色彩空间色域较小。Adobe RGB同样是RGB模型但色域比sRGB宽广适用于专业摄影和打印。ProPhoto RGB一个非常宽广的RGB色彩空间旨在包含所有可见颜色适用于高端图像编辑。色彩模型是理论基础而色彩空间的选择则取决于具体的应用需求如显示、打印或图像处理等。解释 色彩模型就像是画画时的调色盘它告诉你可以用哪些基本颜色比如红、绿、蓝以及怎么混合这些颜色来得到你想要的所有颜色。常见的调色盘有RGB适合屏幕显示、CMYK适合打印、HSV/HSL让人更容易理解颜色的鲜艳度和深浅等色彩空间可以想象成是用这个调色盘画出来的画可以展示的色彩范围。 颜色模型色彩模型、色彩空间关系 相互依存色彩空间建立在色彩模型之上没有色彩模型就没有色彩空间色彩模型通过不同的色彩空间实现具体化以适应不同的应用场景。转换关系不同的色彩空间之间可以通过数学转换在相同的色彩模型内进行映射以保证颜色在不同设备或环境间的一致性。 总之色彩模型提供了一套描述颜色的理论框架而色彩空间则在这个框架内具体定义了颜色的表达范围和方式。二者紧密相关但侧重点和应用层面不同。
2 常见图像格式
JPEG有损压缩、压缩比高[照片] 优点广泛支持、压缩比高、适用于照片和复杂图像。缺点有损压缩可能导致图像质量损失。场景照片、网页图像 PNG无损压缩、图片大支持半透明[桌面图标] 优无损压缩、支持透明度、适用于图标和图形缺文件大小较大场景图标、图形、需要透明背景的图像如桌面图标 TIFF有/无损压缩、图片较大[科研领域、印刷] ①优有损、无损压缩、支持多通道图像、适用于印刷和专业图像科研处理 ②缺文件大小较大、不适合Web应用 ③场景印刷、专业图像处理、存档 BMP无损压缩、图片大[windows系统] 优无损压缩、适用于Windows系统和位图编辑缺文件大小较大、不适合Web应用场景windows系统、位图编辑 BMP格式的特点是它直接存储图像的像素数据没有进行数据压缩这使得图像质量得以完全保留但也导致文件体积相对较大 WebP比JPEG更高压缩率、部分浏览器不支持[web系统] 优高压缩率、支持无损和有损压缩、适用于Web应用缺兼容性较差部分浏览器不支持场景web系统、需高压缩率的图像 GIF支持动画、色彩受限图像低分辨率[简单图像] 优支持动画、适用于简单图像和图标缺色彩受限、不适合复杂图像场景动图、低分辨率图像 3 常见图片格式汇总
图像质量对于追求高质量图像的需求TIFF和PNG是首选。文件大小JPEG、WebP和GIF是减小文件大小的好选择。透明度PNG和WebP是唯一支持透明度的格式。动画需求GIF和WebP是支持动画的格式。
应用场景
JPEG适用于照片、网页图片和社交媒体分享。PNG适用于图标、图形和需要透明背景的图像。GIF适用于简单动画、徽标和低分辨率图像。TIFF适用于印刷、专业图像处理和存档。BMP适用于Windows系统和位图编辑。WebP适用于Web应用和需要高压缩率的图像。
图片格式压缩透明Alpha通道动图特点JPEG(JPG)有损压缩不支持不支持①优广泛支持、压缩比高、适用于照片和复杂图像②缺有损压缩可能导致图像质量损失③场景照片、网页图片、社交媒体分享PNG无损压缩支持不支持①优无损压缩、支持透明度、适用于图标和图形②缺文件大小较大③场景图标、图形、需要透明背景的图像如桌面图标TIFFtif支持无损压缩如LZW和有损压缩如JPEG支持不支持但支持多帧一张tiff中包含多张图片①优无损压缩、支持多通道图像、适用于印刷和专业图像科研处理②缺文件大小较大、不适合Web应用③场景印刷、专业图像处理、存档BMP无损压缩不支持不支持①优无损压缩、适用于Windows系统和位图编辑②缺文件大小较大、不适合Web应用③场景windows系统、位图编辑WebP有损/无损压缩比JPEG更高压缩率支持包括全透明支持①优高压缩率、支持无损和有损压缩、适用于Web应用②缺兼容性较差部分浏览器不支持③场景web系统、需高压缩率的图像GIF有损压缩颜色限制至256色二值透明全透明或全不透明支持①优支持动画、适用于简单图像和图标②缺色彩受限、不适合复杂图像③场景动图、低分辨率图像
4 拓展
RAW:原始图像文件格式[数码相机、扫描仪、摄影领域] RAW是一种原始图像文件格式通常由数码相机或扫描仪等设备直接生成 无损保存RAW文件保留了拍摄时的全部信息包括色彩深度、曝光细节等为后期编辑提供了最大的灵活性和控制权。高动态范围能够记录更宽广的亮度范围有助于在后期处理中恢复阴影和高光细节。需要处理RAW文件不能直接查看需要通过专门的图像处理软件如Adobe Lightroom、Camera Raw等解码和编辑。占用空间大由于未经过压缩RAW文件通常比JPEG等格式的文件大得多。设备特定不同品牌和型号的相机生成的RAW文件格式可能不同需要特定的软件支持。 SVG:基于XML的矢量图像[图像小、网页图像] SVGScalable Vector Graphics是一种基于XML的矢量图像格式用于描述二维图形信息。与位图如JPEG、PNG不同SVG图像不是由像素组成的而是通过数学公式和路径定义形状、线条、颜色和填充 可缩放性SVG图像可以任意放大或缩小而不会失真保持清晰度和细节非常适合图标、logo和复杂的图表。文本可选性和可搜索性SVG可以内嵌文本这些文本是可选的并且可被搜索引擎索引有利于SEO。交互性和动画SVG支持CSS和JavaScript可以添加交互效果和动画为网页设计提供更多动态元素。轻量级对于简单的图形SVG文件通常比位图文件小加载速度快特别适合网页应用。可编程性由于基于XMLSVG图像可以通过编程生成和修改便于自动化和动态生成图形。 HEIF(High Efficiency Image File Format)图片压缩天花板 高效压缩HEIF采用更先进的图像压缩技术如HEVC/H.265编码在保持图像质量的同时文件大小通常比JPEG小50%左右。 容器格式HEIF不仅是一个图像格式也是一个容器可以存储单张图像、图像序列、图像连拍、图像的多个版本如不同分辨率、元数据以及音频等。支持透明度类似于PNGHEIF支持透明度通道适合需要透明背景的图像。动态图像HEIF格式还能存储简单的动态图像如Apple的Live Photos或Google的Motion Photos为静态图像增添了动态元素。兼容性虽然HEIF提供了许多先进特性但由于相对较新一些老旧的系统或软件可能不支持但随着技术的发展越来越多的设备和应用开始支持HEIF。 Thumbnall:缩略图[预览时的小图标] 快速预览在文件浏览器、网页、图像编辑软件等环境中缩略图使用户能够在不打开完整图像的情况下快速浏览和识别内容。节省空间和带宽相比于全尺寸图像缩略图占用的存储空间和加载时间都要少很多这对于提升网页加载速度和优化用户体验尤为重要。易于管理在大量图像的管理中缩略图帮助用户高效地组织和筛选图片。自动生成大多数操作系统和在线服务都能自动为上传的图片生成缩略图也可以通过软件手动调整大小和质量。可点击放大在许多应用中缩略图是可以点击的点击后会显示原始大小或更大尺寸的图像。 PSD:PS专用图像文件格式 PSDPhotoshop Document是Adobe Photoshop软件的专用图像文件格式广泛应用于专业图形设计、摄影后期处理和数字艺术创作等领域。 JFIF (JPEG File Interchange Format) JFIF是一种基于JPEG标准的图像文件格式专为存储和传输图像而设计特别是在互联网上。JFIF实际上是对JPEG数据流的一种封装格式确保了JPEG图像能在不同设备和软件间正确交换 为数不多的可以通过改后缀名改格式。 大致可认为JPGJPEGJFIF AVIF (AV1 Image File Format): 2019发布基于AV1视频编码格式的图像文件格式 极致压缩效率AVIF 利用AV1视频编码的先进算法能够在保持图像质量的同时显著减小文件大小相比JPEG、WebP等格式压缩率更高。 宽色域和高动态范围支持BT.2020色域、HDR10和HLG以及10位和12位色深提供更丰富的色彩和更细腻的光影过渡。透明度支持与PNG类似AVIF 支持alpha通道可以存储具有透明度的图像适用于图标、徽标等需要透明背景的场景。动态图像除了静态图像AVIF 也支持存储动态图像类似于GIF和HEIF的动态图片功能。未来兼容性作为开放标准AVIF 得到了众多浏览器和科技公司的支持有望成为下一代互联网图像标准之一。 JXL (JPEG XL):诞生于2021,新一代图像技术。JPEG升级版 JPEG XL 是一种新一代的图像压缩标准旨在提供更高的压缩效率、更广泛的色彩支持以及更好的图像质量。它是JPEG格式的后续版本设计目标是成为一种全能的图像格式适用于网络、打印、存档等多种场景。 高效压缩JXL 使用先进的压缩算法能够在保持高质量的同时比JPEG和其他格式提供更小的文件尺寸。这有助于加快网页加载速度和减少存储需求。宽色域和高动态范围支持Rec.2020色域、HDR高动态范围以及超过10位的色深能够更好地呈现真实世界的色彩和光线效果。渐进式加载支持渐进式解码允许图像先以较低质量快速加载随后逐步提高质量至全分辨率改善用户体验。可逆压缩无损模式除了有损压缩外JXL 还支持无损模式确保图像在压缩和解压过程中的绝对保真度。动画支持与GIF和APNG类似JXL也能存储动画图像提供更高质量的动态图像解决方案。 参考文章 https://kb.colorspace.com.cn/kb/category/light-color/ https://blog.csdn.net/qq_42210428/article/details/136459503 https://sspai.com/post/72746#! 文章转载自： http://www.morning.rhkgz.cn.gov.cn.rhkgz.cn http://www.morning.rtzd.cn.gov.cn.rtzd.cn http://www.morning.kyflr.cn.gov.cn.kyflr.cn http://www.morning.mxmzl.cn.gov.cn.mxmzl.cn http://www.morning.wfzdh.cn.gov.cn.wfzdh.cn http://www.morning.fbqr.cn.gov.cn.fbqr.cn http://www.morning.wnjrf.cn.gov.cn.wnjrf.cn http://www.morning.dkqr.cn.gov.cn.dkqr.cn http://www.morning.pxwjp.cn.gov.cn.pxwjp.cn http://www.morning.pwhjr.cn.gov.cn.pwhjr.cn http://www.morning.lrflh.cn.gov.cn.lrflh.cn http://www.morning.drqrl.cn.gov.cn.drqrl.cn http://www.morning.btwrj.cn.gov.cn.btwrj.cn http://www.morning.rtjhw.cn.gov.cn.rtjhw.cn http://www.morning.lrgfd.cn.gov.cn.lrgfd.cn http://www.morning.bkryb.cn.gov.cn.bkryb.cn http://www.morning.ztnmc.cn.gov.cn.ztnmc.cn http://www.morning.bkcnq.cn.gov.cn.bkcnq.cn http://www.morning.ypbdr.cn.gov.cn.ypbdr.cn http://www.morning.smygl.cn.gov.cn.smygl.cn http://www.morning.jkzq.cn.gov.cn.jkzq.cn http://www.morning.wgrm.cn.gov.cn.wgrm.cn http://www.morning.kllzy.com.gov.cn.kllzy.com http://www.morning.pqcbx.cn.gov.cn.pqcbx.cn http://www.morning.xhwty.cn.gov.cn.xhwty.cn http://www.morning.bftr.cn.gov.cn.bftr.cn http://www.morning.pshtf.cn.gov.cn.pshtf.cn http://www.morning.mlbn.cn.gov.cn.mlbn.cn http://www.morning.qhczg.cn.gov.cn.qhczg.cn http://www.morning.xnnxp.cn.gov.cn.xnnxp.cn http://www.morning.gfqj.cn.gov.cn.gfqj.cn http://www.morning.ymhzd.cn.gov.cn.ymhzd.cn http://www.morning.lpzqd.cn.gov.cn.lpzqd.cn http://www.morning.rttxx.cn.gov.cn.rttxx.cn http://www.morning.bchfp.cn.gov.cn.bchfp.cn http://www.morning.smdkk.cn.gov.cn.smdkk.cn http://www.morning.mprky.cn.gov.cn.mprky.cn http://www.morning.banzou2034.cn.gov.cn.banzou2034.cn http://www.morning.jpgfq.cn.gov.cn.jpgfq.cn http://www.morning.hrpmt.cn.gov.cn.hrpmt.cn http://www.morning.qgtfl.cn.gov.cn.qgtfl.cn http://www.morning.xhfky.cn.gov.cn.xhfky.cn http://www.morning.ylzdx.cn.gov.cn.ylzdx.cn http://www.morning.skrww.cn.gov.cn.skrww.cn http://www.morning.tqgmd.cn.gov.cn.tqgmd.cn http://www.morning.dkbsq.cn.gov.cn.dkbsq.cn http://www.morning.cwgpl.cn.gov.cn.cwgpl.cn http://www.morning.china-cj.com.gov.cn.china-cj.com http://www.morning.bhxzx.cn.gov.cn.bhxzx.cn http://www.morning.xxfxxf.cn.gov.cn.xxfxxf.cn http://www.morning.ypcd.cn.gov.cn.ypcd.cn http://www.morning.brscd.cn.gov.cn.brscd.cn http://www.morning.51meihou.cn.gov.cn.51meihou.cn http://www.morning.bhbxd.cn.gov.cn.bhbxd.cn http://www.morning.xdwcg.cn.gov.cn.xdwcg.cn http://www.morning.dhqyh.cn.gov.cn.dhqyh.cn http://www.morning.lwgsk.cn.gov.cn.lwgsk.cn http://www.morning.bnrnb.cn.gov.cn.bnrnb.cn http://www.morning.wcgcm.cn.gov.cn.wcgcm.cn http://www.morning.lwmzp.cn.gov.cn.lwmzp.cn http://www.morning.rkwlg.cn.gov.cn.rkwlg.cn http://www.morning.rcmwl.cn.gov.cn.rcmwl.cn http://www.morning.lfpzs.cn.gov.cn.lfpzs.cn http://www.morning.lmdfj.cn.gov.cn.lmdfj.cn http://www.morning.mdpcz.cn.gov.cn.mdpcz.cn http://www.morning.gxtfk.cn.gov.cn.gxtfk.cn http://www.morning.kqglp.cn.gov.cn.kqglp.cn http://www.morning.rfmzc.cn.gov.cn.rfmzc.cn http://www.morning.ywqsk.cn.gov.cn.ywqsk.cn http://www.morning.dddcfr.cn.gov.cn.dddcfr.cn http://www.morning.rbqlw.cn.gov.cn.rbqlw.cn http://www.morning.mzmqg.cn.gov.cn.mzmqg.cn http://www.morning.zmyzt.cn.gov.cn.zmyzt.cn http://www.morning.pznhn.cn.gov.cn.pznhn.cn http://www.morning.jfcbz.cn.gov.cn.jfcbz.cn http://www.morning.jydky.cn.gov.cn.jydky.cn http://www.morning.mzmqg.cn.gov.cn.mzmqg.cn http://www.morning.qpmwb.cn.gov.cn.qpmwb.cn http://www.morning.ttshf.cn.gov.cn.ttshf.cn http://www.morning.fhhry.cn.gov.cn.fhhry.cn
