跳到正文
WoowTools

图片色彩优化器:适合网页的 sRGB 色彩

让图片在网页上颜色一致:转换为 8 位 sRGB,移除内嵌颜色配置文件,并以画质 85 压缩。

免费 在浏览器中运行 无需注册

正在加载图片色彩优化器(sRGB、8 位)…

您的文件绝不离开您的设备

如何使用图片色彩优化器(sRGB、8 位)

  1. 1

    在此页面打开图片色彩优化器(sRGB、8 位),它直接在浏览器中加载。

  2. 2

    添加文件、文本或数值,并调整设置。

  3. 3

    复制或下载结果。不会上传或存储任何内容。

如何为网页优化图片色彩

网页上的色彩在统一的色彩空间中效果最好:每通道 8 位的 sRGB。相机和修图软件导出的照片常带有 Adobe RGB 或 Display P3 等更广的配置文件,或内嵌较大的 ICC 配置文件和 16 位通道。忽略配置文件的看图软件会把这些图片显示得发灰或过饱和,而多出来的数据在普通屏幕上毫无益处,只会增加体积。

色彩优化器通过浏览器的色彩管理 canvas 重新绘制每张图片,把它渲染到 sRGB,再把结果编码为不带内嵌配置文件的标准 8 位文件。JPG 和 WebP 以画质 85 压缩,以保留细腻的渐变和肤色;PNG 在该设置下会缩减为 256 色调色板,适合图形,也可在画质 100 下无损保存。

如何使用图片色彩优化器(sRGB、8 位)

  1. 把图片拖到上传区域、点击选择文件,或用 Ctrl+V 粘贴图片。本页支持 JPG、PNG、WebP、GIF 和 BMP 文件,可一次添加多张,每个文件最大 80 MB。
  2. 色彩重要的照片保持画质 85。PNG 照片或细腻的渐变请把画质设为 100,避免调色板缩减。
  3. 在前后对比视图中检查,尤其是天空、皮肤和品牌色;如果还想改用 WebP 获得更小的文件,请使用 Format。
  4. 用前后对比滑块检查结果:在预览上拖动分隔线,并在下方查看新的尺寸、文件大小、画质和节省的百分比。任何设置的改动都会自动重新处理所有图片。
  5. 下载单张图片,或用 Download all (ZIP) 打包下载整批图片。在 More options 中还可以设置 DPI 值,以及使用 {name}、{w}、{h} 的文件命名规则。

色彩优化的适用场景

  • Lightroom 或 Photoshop 导出的 Adobe RGB 图片。转换为 sRGB 可避免在不读取配置文件的浏览器和应用中颜色发灰。
  • 商品照片。统一的 sRGB 输出让面料和包装在大多数屏幕上更接近真实观感。
  • 体积较大的 PNG 和 TIFF 导出。16 位通道和内嵌配置文件增加的体积,屏幕根本用不上。
  • 精确的颜色值。要检查或转换品牌色的 HEX、RGB 和 HSL 代码,请使用 颜色转换器。

转换依赖于浏览器的色彩管理,当前的 Chrome、Edge、Firefox 和 Safari 在绘制图片时都会应用。CMYK 印刷或广色域输出请使用专业编辑软件。

私密、免费、快速

全部处理都在你的浏览器中完成:图片在你自己的设备上解码、调整尺寸并重新编码,不会上传到任何服务器。无需注册、没有水印、没有每日限制,每个结果中的位置和相机信息(EXIF)都会被移除。

功能

  • 把图片渲染到 sRGB 色彩空间
  • 输出 8 位且不含内嵌 ICC 配置文件
  • 画质 85,保留渐变和肤色
  • 画质 100 时 PNG 无损
  • 移除元数据
  • 批量处理并打包 ZIP 下载

常见问题

为什么网页图片应该使用 sRGB?

sRGB 是浏览器、操作系统和大多数屏幕的默认色彩空间。其他色彩空间的图片在忽略配置文件的地方可能显得发灰或过饱和。

这个工具能把 Adobe RGB 转为 sRGB 吗?

浏览器的色彩管理会在绘制时把图片渲染到 sRGB,输出时不保留原配置文件。结果取决于浏览器是否遵循内嵌配置文件,当前主流浏览器都会遵循。

我的颜色会改变吗?

sRGB 范围内的颜色保持不变;超出范围的高饱和颜色会映射到最接近的 sRGB 颜色,这本来也是它们在大多数屏幕上的样子。

8 位色彩够用吗?

用于屏幕显示足够了。16 位在编辑过程中有用,发布时不需要。

可以用于印刷文件吗?

它是为屏幕设计的。CMYK 或特定配置文件的印刷流程应使用专业软件。

我的图片会上传到服务器吗?

不会。图片在浏览器本地处理,从不离开你的设备。关闭标签页后即被丢弃。