SVG——矢量图形格式

已发表: 2023-01-04

SVG 是二维图形的矢量图形格式,支持交互性和动画。 SVG 规范是万维网联盟 (W3C) 自 1999 年以来制定的开放标准。SVG 图像及其行为在 XML 文本文件中定义。 这意味着它们可以被搜索、索引、编写脚本和压缩。 作为 XML 文件,SVG 图像可以使用任何文本编辑器创建和编辑,但更常见的是使用绘图软件创建。

具有高性能和 Web 友好 Web 属性的矢量文件可以由 SVG(可缩放矢量图形)处理。 在数学公式中使用点和线来形成用于存储图像的网格。 它们也可以在不损失任何质量的情况下显着放大。 用于构造 SVG 的 XML 代码将任何文本信息存储为文字文本而不是形状。 SVG 文件可以在各种网络浏览器中打开,包括 Chrome、Edge、Safari 和 Firefox。 使用计算机上的内置程序,您还可以打开图像。 我们将了解一些可以帮助您向 Web 图形添加移动元素的在线工具。

矢量文件(也称为 PNG 或 SVG)比光栅文件更具优势,因为它们是矢量文件。 因为它们不包含任何像素,所以 SVG 不会失去分辨率。 拉伸或挤压得太紧可能会使 PNG 文件变得模糊或像素化。 诸如此类的复杂图形,复杂的图形会占用较大的存储空间。

如果你想改变你的SVG 图像,你必须使用对象的组合如果你想在页面中使用这些技术,你将需要 Modernizr 库,因为它可以指定是否有条件地显示特定图像。

Microsoft Visio、CorelDRAW、PaintShop Pro 和 CADSoftTools AB Viewer 都是可以打开 SVG 文件的程序。 Inkscape、GIMP 和 Vectornator 都是可以打开SVG 文件的免费程序,但您必须先下载它们才能使用。 这是一个免费程序,您可以使用它在浏览器中编辑图片(无需下载任何内容)。

虽然许多图形程序支持矢量图像作为 HTML 和 CSS 文件,但 Photoshop 不支持。 打开和查看 SVG 文件,而不是在本地编辑或保存它们,而是使用软件。

什么打开 Svg 文件?

什么打开 Svg 文件?
图片来源:onlinewebfonts.com

包括 Chrome、Edge、Safari 和 Firefox 在内的主要浏览器现在都支持在 Mac 和 PC 上打开 SVG 文件。 要查看您要查看的文件,请启动浏览器并导航至文件。 您将能够立即在浏览器中看到图像。

该领域使用可缩放矢量图形 (SVG)。 SVG 文件是使用标准显示图像的计算机文件。 它们可以在不损失质量或清晰度的情况下放大或缩小尺寸。 它们不受分辨率限制,因为它们可以以任何大小进行。 您必须拥有支持SVG 格式的应用程序才能创建或编辑 SVG 文件。 Adobe Illustrator、Inkscape 和 GIMP 是允许您将文件另存为的免费程序。 VNG 文件。 或者,您可以使用 SVGtoPNG.com 等在线免费转换器将 SVL 转换为光栅格式。

SVG 格式是一种矢量图像格式,支持范围广泛的特征,包括文本、徽标、图标和路径图,也称为可缩放矢量图形。 可以将 SVG 文件保存为多种文件格式,包括 PDF、EPS 和 .V。 文件。
当您使用 SVG 文件时,您可以创建不受其他图像格式(例如 JPEG 和 PNG)功能限制的矢量插图和图表。 您可以在矢量编辑器(如 Adob​​e Illustrator、Inkscape 或 GIMP)中将 SVG 文件导出为各种文件格式。
因为它们是矢量文件,所以可以按比例放大或缩小而不会降低质量,这使它们成为插图和徽标的绝佳选择,这些插图和徽标必须打印得足够大才能打印或显示得足够大才能在大屏幕上显示。 许多 Web 浏览器,包括 Microsoft Windows、Apple Mac OS X 和 Adob​​e Photoshop,都支持 .SVG 文件,这使它们成为为网站创建插图和徽标的绝佳选择。

Cloudconvert:将 Svg 转换为 Jpeg 或 Png 的最简单方法

由于其适应性,大多数浏览器和图像编辑工具都支持SVG 文件格式。 使用 CloudConvert,您可以轻松地将 SVG 文件转换为 JPEG 或 PNG,您还可以从各种编解码器选项中进行选择。

你能改变一个 Svg 吗?

你能改变一个 Svg 吗?
图片来源:pinimg.com

当您在 Office for Android 中选择 SVG 图像时,您应该会看到“图形”选项卡,这将允许您使用功能区对其进行编辑。 通过选择一组预定义样式,您可以快速轻松地更改 SVG 文件的外观。

您可以与 Illustrator 协作处理使用 SVG 的项目。 通过遵循这些提示和技巧,您可以使该过程更容易一些。 需要 Illustrator Pen 和 Inkscape 才能创建矢量图形。 请务必注意,不允许修改 svg 文件的单个点。 在接下来的步骤中,您需要添加一些文本。 为此,请使用文本工具并选择要包含的文本。 输入边框的宽度和高度后,单击“确定”。 您现在可以开始使用 Illustrator 处理该文件。

可缩放图形文件(SVG 文件)长期以来一直是设计徽标和图标的流行选择,因为它们很受欢迎。 矢量图像是具有单个点而不是光滑连续表面的图像。 因此,它们是需要高度细节但又可扩展的徽标和图标的绝佳选择。
SVG 文件有一些限制,例如无法修改文件的单个点,并且某些编辑功能可能无法按预期工作。 例如,如果您向 .sva 文件添加文本或边框,您可能无法这样做。 但是,有一些编辑工具可以更好地处理 SVG 文件,例如 Photoshop 中的“连接路径”对话框。
对于绝大多数用户来说,使用简单文件格式(如 SVG)缩放详细徽标和图标的能力是一个极好的选择。 他们还制作了出色的徽标和图标,这些徽标和图标必须详细但易于编辑。

编辑 Svg 文件的最佳文本编辑器

任何文本编辑器都可以生成和编辑 SVG 图像。 在编辑 SVG 文件时,有些功能可能比其他功能更高级。 对于流行的矢量图形应用程序 Adob​​e Illustrator,可以编辑 SVG 文件。

Illustrator 是否打开 Svg?

Illustrator 是否打开 Svg?
图片来源:pinimg.com

将 SVG 文件导入 Illustrator 非常简单,只需单击“文件”>“导入”>“SVG”菜单项即可。 Ctrl I (Mac) 或 Cmd I (Windows) 是您可以使用的键盘快捷键。 将 SVG 文件导入 Illustrator 后,必须将其转换为矢量图形。

对内容的原始来源表示感谢,注明原作者,并在发布前查找重复的内容。 我认为没有快速解决此问题的方法。 一些项目在其缓存中具有淘汰组和混合,难以编辑和正常使用,因此这将需要 AI 方面做更多的工作。 在发布之前,请记住内容的原始来源应该被注明,你应该友善和尊重,并且你应该避免重复。 由于 CS 3 不支持渐变透明度,因此这些透明区域可能不具有真正的渐变透明度。 在 CS3 中,渐变的真实范围通过降低路径的不透明度而减小。 如果你想保存它,为网络保存设置可能不起作用,尽管它应该。

当你在 .ai 文件上使用剪贴蒙版时,它会在往返过程中丢失,表明你正在将它保存为 .svg 格式(剪贴蒙版)。 如果您不需要 tiny 格式的 Svg,请使用其他格式,例如 svg 1.2。 可以在普通 SVG 格式中启用剪切蒙版,并且不会丢失它们。 注明原始来源,避免发布重复内容,并在进行任何更改之前检查重复内容。 即使我已经进行了所有必要的更改(原始),但在打开应用程序时仍然会出现此错误。 我使用剪贴蒙版在 Illustrator 中获取图像,并删除了所有渐变。 由于这个问题,我的几个符号消失了。

如果选中缩放笔触和效果框,效果会自动出现在我的首选项中吗? 如果您想分享原创内容,请标明原始出处; 如果您正在寻找重复的内容,请先与您的编辑联系。 如果您使用的是版本 17,请确保您使用的是 Creative Cloud 管理应用程序。 因此,最好切换到 Inkscape。 请尊重您的帖子,注明原始来源,并在上传前查找重复内容。 阴影和长阴影的导出问题与我在 2020 年 6 月使用渐变镜头解决时遇到的问题相同。这些问题已在 Adob​​e XD 和 Zeplin 中报告。 我能够使用 illustrator 打开new.svg 文件

您现在可以在 Adob​​e Illustrato 中打开 Svg 文件

Adobe Illustrator 实用程序 CS6。 是否可以将 SVG 文件导入 Illustrator?
SVG 文件可以在任何 Web 浏览器中查看,在 Adob​​e Illustrator 中编辑,或在 Adob​​e Photoshop 中转换为另一种格式。
你怎么能打开 .sva 文件?
如今,您可以在任何主流浏览器中打开 SVG 文件,包括 Chrome、Edge、Safari 和 Firefox。 当您启动浏览器时,选择文件。 之后,它将显示在您的浏览器中。
如何将 sva 文件转换为 illustrator?
通过将 JPEG 文件转换为 .sv 文件,可以使用 Illustrator 对图像进行动画处理。 该过程相对简单,可以在几分钟内完成。 JPEG 文件必须先保存,所以在 Illustrator 中打开它并选择“另存为”选项。 从“另存为”对话框中选择“SVG”,然后单击“保存”。

在线打开 Svg

由于有多种在线打开 SVG 文件的方法,因此这个问题没有一个明确的答案。 一些常见的方法包括使用在线 SVG 编辑器或转换工具,或者直接在网络浏览器中打开文件。 无论您选择哪种方法,请确保您安装了兼容的查看器或插件,以便正确查看文件。

Inkscape 是创建或编辑 SVG 文件的优秀工具。 它免费、开源且灵活,是广大用户的理想之选。 此外,该程序还支持各种矢量绘图工具和功能。
如果您是 sva 的新手,请阅读我们的指南以了解如何打开它。 您需要了解的有关 Inkscape 的所有信息,包括如何将其安装到您的计算机上以及如何使用其最重要的功能,都包含在购买中。

您可以使用 Inkscape 查看您的 Svg 代码

您还可以在编写代码之前使用像 Inkscape 这样的 SVG 查看器,以便在编写代码之前查看图像。 在将SVG 代码复制并粘贴到文档中后,您需要在 Inkscape 中打开 SVG 并将图像拖放到 Inkscape 画布中。

什么是 Svg

SVG 是二维图形的矢量图形格式,支持交互性和动画。 SVG 规范是万维网联盟 (W3C) 自 1999 年以来制定的开放标准。
SVG 图像及其行为在 XML 文本文件中定义。 这意味着它们可以被搜索、索引、编写脚本和压缩。 作为 XML 文件,SVG 图像可以使用任何文本编辑器创建和编辑,但更常见的是使用绘图软件创建。

可缩放矢量图形 (SVG) 是一种在 Internet 上广泛使用的文件格式。 它使用数学公式根据网格上的点和线生成图像。 他们的图像质量可以显着降低,而不会失去任何原创性。 它们是以 HTML 形式存储文字文本信息的 XML 代码。 通过阅读它们,像谷歌这样的搜索引擎可以确定哪些关键字与搜索最相关。 您可以在任何主流浏览器中打开 .sv 文件,包括 Chrome、Edge、Safari 和 Firefox。 使用安装在计算机上的程序从您的计算机启动图像也很简单。

在以这种格式保存图像之前,最好研究一下优缺点。 与通常是光栅的矢量文件相比,PNG 文件是矢量文件。 SVG 中没有像素,这意味着它们永远不会丢失任何分辨率。 SVG 文件被定义为包含大量图像数据的文件。 具有许多路径和锚点的图形可能比简单、干净的设计占用更多的存储空间。

为什么 Svg 是高质量图形的最佳格式

SVG 文件的另一个缺点是它们是使用 gzip 技术压缩的,这意味着它们可以随心所欲地变小而不会受到影响。 换句话说,如果您需要小文件大小的高质量图形,您应该使用 SVG。

Svg 查看器

SVG 查看器是一种使用户能够查看可缩放矢量图形 (SVG) 图像的程序。 SVG 是一种矢量图形格式,允许将图像缩放到任意大小而不会降低质量。 矢量图形非常适合需要经常调整大小的插图、图表和徽标。
有许多可用的 SVG 查看器,既可以作为独立程序,也可以作为 Web 浏览器的插件。 流行的独立查看器包括 Inkscape、Adobe Illustrator 和 CorelDRAW。 大多数 Web 浏览器,例如 Firefox、Chrome 和 Safari,都有内置的 SVG 查看器。

Pixelied 中的 SVG 文件查看器允许您在浏览器中轻松打开和自定义文件。 只需四个简单的步骤,您就可以快速轻松地查看和编辑 SVG 文件。 拖放您的 PNG 或。 JPG文件以.VGL格式导入编辑器。 使用我们免费的 SVG 编辑工具,您可以轻松转换文件。 使用 Pixelied 的免费 SVG 查看器,您可以以各种高分辨率格式导出任何图像。

您可以使用 Pixelied 轻松自定义您的 SVG 文件,包括大小、颜色、透明度和位置。 我们的在线图像查看器使在线专业人员能够从头开始或使用自适应模板创建令人惊叹的 SVG 文件。 Pixelied 是一个在线 SVG 阅读器,使用简单,不需要 Photoshop 或 Gimp 的知识。 此应用程序的矢量文件查看器和定制器功能允许您查看和自定义矢量文件。 添加文本、自定义背景颜色和创建拼贴画只是该应用程序可用功能的一部分。

Svg 文件:在网页中显示矢量图形的指南

使用 sva 文件将图像和矢量图形添加到您的网页是一种极好的方法。 它们可以在 Chrome、Firefox、IE 和 Opera 以及其他流行的浏览器中查看。 作为纯文本编辑器的替代品,有许多支持 SVG 文件的高端图形编辑器,例如 CorelDRAW。
如果要查看 SVG 文件,请导航到文件资源管理器设置页面并选择“允许预览 SVG 文件”。 最好的方法是在文件资源管理器中启用视图 - 首选项 - PanePreview。 如果您必须在缩略图预览出现之前重新启动计算机,则它们可能需要在出现之前重新启动。

如何在 Photoshop 中打开 Svg 文件

转到“文件”>“打开”为 svega 文件创建一个图层。 您还可以通过首先创建一个新文档,然后转到“文件”>“放置嵌入式”或“放置链接”,最后选择所需的文件,将 SVG 作为矢量打开。

使用 Photoshop,您可以使用 SVG(可缩放矢量图形)。 Adobe Illustrator 的主要功能是创建和编辑。 但是,有时您可能需要添加一些内容。 您可以将这些 SVG 文件导入到您的 Photoshop 项目中。 有两种使用电梯的方法。 您可以使用 SVG 文件创建矢量图层或栅格化层。 通过从打开的窗口中选择您的文件,您可以将其放置在窗口的右下方。

您可以选择在矢量图层打开后立即对其进行转换。 使用拖动工具,您可以更改矢量图像的大小。 可以通过右键单击图层并选择栅格化图层来栅格化该图层。 残差层由路径而不是像素组成。 作为路径创建过程的一部分,使用数学公式来处理图像。 矢量图层可以缩放到任意大小,而不会导致元素变得模糊。 借助这项技术,设计师可以创建可以放大到大尺寸的徽标和图标,而不会失去其清晰度或清晰度。

Svg 文件示例

SVG 文件是可缩放矢量图形文件。 可以使用 Adob​​e Illustrator、Inkscape 或任何其他矢量图形编辑器创建 SVG 文件。 SVG 文件格式基于 XML 格式。 XML 文档包含一个根元素和许多子元素。 每个元素都可以有多个属性。 SVG 文件格式由文件扩展名 .svg 标识。

XML 用于创建可缩放矢量图形 (SVG) 文件。 通过使用 JavaScript 工具,您可以直接或以编程方式创建和编辑 SVG 文件。 如果您无法访问 Illustrator 或 Sketch,Inkscape 是一个很好的选择。 有关使用 Adob​​e Illustrator 创建 SVG 文件的更多信息,请参阅以下部分。 SVG 代码按钮将为文件生成文本。 该程序将在默认文本编辑器中自动执行。 这将允许您查看最终文件的外观,以及复制和粘贴其中的文本。

必须从文件顶部删除 XML 声明和注释。 如果您正在创建动画或样式,将形状组织成可以使用 CSS 或 JavaScript 设置样式或动画的组非常有用。 您很可能无法用实际图形填充整个画板(白色背景)。 在保存图形之前,您应该展示您的作品如何适合画板。

关于 Svg 文件您需要知道的一切

.sva 文件是什么? 此文件格式用于在网站上创建二维图形、图表和插图。 此外,即使分辨率降低,文件也可以缩小或放大。 如何创建 SVG 文件? 此功能允许您使用文本编辑器和文本文件创建和编辑 SVG 文件。 可以在 svg 元素之间添加其他 svg 形状或路径,例如椭圆、圆形、矩形或路径。 您还可以使用各种 JavaScript 库在您的网页上绘制和操作 SVG 文件。 PNG文件是SVG吗? PNG 可以处理非常大的数据集,但不能无限扩展。 另一方面,矢量文件由线条、点、形状和算法等数学元素组成。 它们可以扩展以适应任何尺寸而不会失去分辨率。

Svg 文件转换器

SVG 文件转换器是一种将 SVG 文件转换为另一种文件格式(例如 PNG 或 JPG)的程序。 网上有许多免费和付费的 SVG 文件转换器。 这些转换器中的大多数都支持批量转换,这意味着您可以一次转换多个 SVG 文件。

在设计 SVG 文件时,图形设计师经常被迫将它们导出为位图图像格式,例如 JPG。 JPG 是最古老的文件类型之一,没有 alpha 通道透明度并且以像素为单位存储。 由于缺少 PNG 文件类型,许多平台和程序在某些情况下无法支持矢量图形。 在将 svg 打印为 JPG 之前,如果在 CorelDRAW 等程序中对其进行了编辑,则可以对其进行自定义。 使用此转换,您可以创建具有精确细节的轻量级图像。 如果稍后需要缩放 JPG 图像,请返回 SVG 并导出为更高分辨率。

在图像转换方面,有几个程序脱颖而出:Adobe Photoshop、GIMP 和 Paint。 你可以用油漆来装饰你的房间。 Net 应用程序是免费的,可以为各种操作系统下载。 矢量图形、插图和修饰已经成为可能,因为它能够创建这些类型的图形。
Adobe Photoshop 是一种流行的图像编辑工具,以其生成高质量图像的能力而闻名。 但是,它的使用和购买成本可能很高。 GIMP 可以在广泛的操作系统上免费找到。 该软件以其生成出色图像的能力而闻名,但有时可能难以使用。
使用RealWorld Paint是图像转换软件的不二之选。 Adobe Photoshop 是免费的,但它具有许多与 Photoshop 相同的功能。 此外,它还可用于创建矢量图形、插图和图像修饰。 此外,它的转换时间非常快。 因此,对于想要创建高质量图像的人来说,RealWorld Paint 是一个可行的选择。 但是,如果您想要一个易于使用的程序,GIMP 可能是更好的选择。

什么打开 Svg 文件格式?

所有主流浏览器,包括 Chrome、Edge、Safari 和 Firefox,现在都支持在 Mac 和 Windows 上打开 svg 文件的功能。 启动浏览器后,单击文件。

Adobe Illustrator 是打开 Svg 文件的最佳程序

使用 Adob​​e Illustrator,它是打开 SVG 文件的最简单和最全面的方法。 Inkscape 和 GIMP 这两种打开 HTML 文件的免费程序也可用。

Svg 图像

svg 图像是可缩放的矢量图形。 这意味着它可以在不损失质量的情况下调整大小。 Svg 图像通常用于徽标和图标,因为它们可以缩放到任何大小而不会丢失细节。

可缩放矢量图形 (SVG) 是一种图形。 可扩展标记语言 (XML) 允许为基于矢量的图形创建独特的图像格式。 在 CSS 和 HTML 中使用 SVG 图像时,有多种选择。 本教程的目标是介绍六种不同的方法。 对于 CSS 背景图像,请使用 SVG。 可以使用 <img> 标签将图像添加到 HTML 文档。 在这种情况下,我们使用 CSS 而不是 HTML 来自定义站点。

HTML 也可用于向网页添加图像。 使用 <object> 功能,您可以在所有浏览器中显示可缩放矢量图形 (SVG)。 HTML。 因为大多数现代浏览器不再支持浏览器插件,所以使用 <embed> 通常不是一个好主意。

何时使用 Jpeg 和 Svg

您必须根据项目的范围和性质来决定要做什么。 当您正在寻找较小的文件时,您可能需要考虑使用 JPEG。 如果您需要编辑文件,您可能需要考虑使用 SVG。

Svg文件

SVG 文件是一种矢量图形文件。 矢量图形由称为矢量的数学对象定义的直线和曲线组成,可以缩放和调整大小而不会降低质量。

如果图像采用数字格式(如 SVG),无论大小如何,图像的渲染都会更有效。 它们通常比其他格式更小,而且它们被设计为可以很好地与搜索引擎配合使用,从而使它们易于使用。 本指南将引导您完成创建 sva 文件所需的步骤,包括有关这些文件的信息、何时使用它们以及如何使用它们。 光栅图像的大小对其质量有重大影响,因为它基于固定分辨率。 矢量图形格式以类似网格的模式存储图像,图像之间有点和线。 XML 是用于创建这些格式的标记语言,这些格式用于数字信息交换。 SVG 文件的 XML 代码指定图像的所有形状、颜色和文本。

因为 XML 代码比简单的 sva 复杂得多,所以它在创建和维护 Web 应用程序和网站方面也更强大。 可以将 SVG 缩小或放大到任意大小而不会降低其质量。 无论显示大小或类型如何,SVG 图像始终相同。 按照设计,不可能将 SVG 渲染得像光栅图像一样详细。 使用 SVG 时,设计人员和开发人员可以完全控制其作品的外观。 万维网联盟创建了一种文件格式,作为其标准化 Web 图形工作的一部分。 当程序员查看 XML 代码并理解它时,他们会发现它是一个文本文件。

由于 CSS 和 JavaScript 的功能,您可以动态更改 SVG 的外观。 可缩放矢量图形的使用适用于多种情况。 学习如何创建它们很简单,它们具有适应性强、交互性强,并且可以使用图形编辑器轻松完成。 每个程序都有许多优点和缺点。 在选择免费或付费计划之前,尝试多个选项并确定最适合您的选项。

Svg:更好的图像格式

可以使用 SVG 文件以多种格式创建矢量图像,以创建可在网站上显示的可缩放矢量。 这些程序几乎可以与任何现代浏览器一起使用,并且可以使用基本的文本编辑器或高端图形编辑器进行编辑。 PNG 中的图像更容易看到,但 sva 中的图像更适合视网膜就绪且响应迅速的网站。

Svg 颜色

可以通过多种方式将颜色应用于SVG 元素,通过“fill”属性、“stroke”属性或通过 CSS 规则。 'fill' 属性用于指定元素内部的颜色,'stroke' 属性用于指定元素周围线条的颜色。 CSS 规则可用于将颜色应用于任何 SVG 元素,并且可以使用十六进制颜色表示法、rgb 颜色表示法或 hsl 颜色表示法来编写。

可缩放矢量图形 (SVG) 是一种 XML 语言,允许创建 2D 和混合矢量/光栅图形。 可以对随机重叠的层进行着色、纹理化、阴影处理或以多种方式绘制。 填和描都是绘画的方法。 在本文中,我们将了解为 SVG 文本和形状着色的各种方法。 Style=”stroke-width:2, stroke-color:green, and fill:#ff0000″ 用于指定 SVG 颜色的属性。 根据可缩放矢量图形 (SVG) 规范,有 147 种颜色名称。 可以根据以下内容选择名称颜色:您也可以用字母绿色填空或用字母红色填空。

十六进制字符形式的颜色代码。 每个两位十六进制对的值范围从 0 到 FF。 此代码以字母#RRGGBB 开头。 填充定义为形状内对象的颜色,而描边定义为其轮廓。 如果未指定填充属性(或样式属性的填充属性),则默认颜色为黑色。 可以使用圆形、椭圆形、矩形、折线和多边形等形状的填充和描边选项。 fill 属性可用于修改元素内部的颜色。 即使路径的该部分中的笔触颜色不会出现,您也可以为开放路径着色,就好像路径的绘制点就是路径的绘制点一样,即使路径的该部分中的笔触颜色未显示。 如果未指定 fill 属性值,则默认颜色为黑色。

Svg 颜色

SVG 可以有颜色吗?
可以为 SVG 形状、线条、路径和文本着色。
使用 sva 可以支持多少种颜色?
SVG 支持的最大颜色数可达 256 种。
svg的颜色模式是什么?
SVG 颜色显示在 sRGB 颜色空间 [SRGB] 中。