以编程方式将光栅图像转换为矢量图形
格式一直存在但直到最近使用率还相对较低。然而，随着浏览器支持的改进，开发人员正在重新发现 SVG 并利用其优点包括：非常轻量级，特别是对于大尺寸图像。
像素完美的可扩展性使其成为响应式设计的理想选择。
仅代码编辑。SVG 是代码。
可通过搜索引擎和辅助屏幕阅读器进行搜索。
对于许多网页设计师来说，SVG 是在其网站中创建和提供徽标、图标、字体、图形、信息图表和其他简单图像的首选方法。但一般来说，SVG 创建需要一定的技能水平和使用 SVG 创建工具的经验。
Cloudinary长期以来一直支持 西班牙消费者手机号码列表 转换和服务 SVG 资产，但现在 Cloudinary 更进一步，提供了简单的矢量化效果。这使得 Web 开发人员和设计人员能够利用 SVG，即使他们必须处理的图像是简单的光栅图形、PNG 甚至摄影数据，并且不需要深厚的知识或生成矢量图形的特殊工具。
新的e_vectorize转换选项接受光栅图像并即时返回 SVG 并准备交付。它通过跟踪和检测源图像中的路径和区域并将其转换为 SVG 矢量形式来实现这种“魔力”。它提供了多种选项，使您能够根据您的目标生成或多或少细节的 SVG。
https://zh-cn.aeroleads.me/wp-content/uploads/2023/09/download-7.png
矢量化徽标和图标复制此标题的链接
假设您可以访问光栅形式的徽标、图标或其他图形（可能是 PNG），但想要缩放它们或以更紧凑的形式提供它们。对于此用例，我们希望 SVG 版本尽可能与原始版本匹配。
假设我们只能访问以下绘图的 256px 版本：
原始浣熊 PNG - 256px
这是一个相对较小的 PNG，大小为28 KB。
但是如果我们想以更大的尺寸显示图像怎么办？不幸的是，光栅图形的模糊度和文件大小都随着分辨率的增加而不断增加。例如，如果我们想以原始大小的 4 倍显示该图像，则文件大小将增长到不太友好的337 KB，同时质量会显着下降，而且也会高度像素化。
但是如果我们把它变成 SVG 呢？
借助新的 Cloudinary矢量化效果，我们可以即时将光栅图像转换为矢量。
如前所述，矢量化功能的工作原理是跟踪和检测源图像中的路径和区域，然后将它们转换为 SVG 矢量形式。为此，它必须执行一些近似，因此结果通常不是源的完全“无损”副本，但根据源信息，它可以非常接近。
可以为矢量化效果指定多个选项，您可以根据您的目标使用这些选项来控制结果输出。
对于这种情况，我们将请求具有最大细节 和 3 种颜色的 SVG（与原始颜色一样）。我们不希望拐角太粗糙，但也不希望太软，因此我们将使用该corners选项的中间值 40。这将生成一个极其紧凑的8 KB文件，可提供任意尺寸的像素完美缩放。
这是一个相对简单的案例。它只有几种颜色，因此它真正体现了矢量版本的价值。
请记住，当您想要在生成的 SVG 中获得非常准确的细节时，原始颜色中的颜色渐变或大量颜色就不起作用。使用有限数量的纯色即可获得最佳效果。
页:
[1]