DrowPack Draw · Render · Output · Wrap

四种 JPG打包 SVG 也在同一流程完成

在浏览器中完成尺寸调整、打包与转换。

关于 DrowPack

DROW 代表 Draw、Render、Output 和 Wrap。作品完成后,DrowPack 可帮助你在一个清晰流程中保存平台用文件、样图、缩略图和 SVG 矢量版本。

上传作品

将 PNG、JPG、WebP、SVG、PDF 和兼容 PDF 的 AI 文件渲染到预览 canvas,再使用该 canvas 生成图片包和 SVG。

预览 canvas
此 canvas 上显示的结果将作为 SVG 转换源。

SVG 导出

提取 SVG 矢量

将标志、线稿和剪影转换为干净的 SVG 文件。复杂彩色插画可保存为原始视觉质量 SVG。

推荐 简单标志和线稿选择可编辑矢量 SVG;复杂作品选择保留视觉质量的 SVG。
矢量预览
SVG 预览将显示在这里。
预期用途-
SVG 大小-
复杂度-

功能

一次准备好每次发布作品时都会用到的文件。

打包生成

SNS、作品集、样图和缩略图

一次生成用于 SNS 发布、作品集、带水印样图和缩略图的 JPG。

SVG 矢量

原始视觉质量 SVG 与纯矢量 SVG

细节丰富的彩色插画可保存为嵌入当前 canvas 的高分辨率原始视觉质量 SVG;标志、线稿和剪影可追踪为可编辑的纯矢量 SVG。

浏览器处理

基础转换在浏览器内完成

图片加载、尺寸调整、水印处理、ZIP 生成和非 AI SVG 转换均在浏览器内完成。仅当你运行 AI 编辑或 AI 辅助 SVG 生成功能时,当前画布和提示词才会发送至已配置的外部 AI 服务提供方。

调整大小

保留原始尺寸,再手动调整

上传图片会以原始像素尺寸显示。需要高质量调整大小时,请输入宽度和高度。

线稿模式

草图与黑白绘图

追踪边界清晰的黑白绘图,例如涂鸦、草图和漫画线稿。

标志和剪影

整理图标和符号

清晰标志、图标和符号使用标志模式。想把深色形状作为一个整体追踪时使用剪影模式。

简单色彩

从原始颜色矢量化

使用纯矢量 SVG 时,开启“保留原始颜色”可根据当前画布颜色生成路径。此方式最适合简单插画和轮廓鲜明的形状。

照片追踪

保留复杂作品质量

对于眼部高光、头发渐变、小装饰等细节较多的作品,原始视觉质量 SVG、PNG 或 WebP 是最稳定的选择。

边缘清理

放大时线条更干净

对于彩色图片,DrowPack 会保留原始颜色,同时减少细小路径和抗锯齿杂点,让 SVG 边缘更平滑。必要时还可对线稿进行对比度和锐度校正。

使用方法

基本流程是上传文件、检查预览、下载图片包,并按需转换为 SVG。

  1. 上传文件: 选择或拖放 PNG、JPG、WebP、SVG、PDF 或兼容 PDF 的 AI 文件。
  2. 检查预览: 检查 canvas 上显示的结果。上传图片会以原始像素尺寸渲染,不会自动缩小。
  3. 下载图片包: 将用于 SNS 发布、作品集、带水印样图和缩略图的 JPG 保存为 ZIP 文件。
  4. 选择 SVG 转换: 选择线稿、标志、剪影或简单色彩模式,再将当前画布转换为 SVG。
  5. 保存结果: 下载 `artwork_vector.svg`,或将其与图片输出一并加入 ZIP。
文件准备

上传前准备图片

为获得更稳定的结果,请先将完成的作品导出为 PNG 或 JPG。需要透明背景的角色、图标和贴纸使用 PNG;照片或全背景图片使用 JPG 或 WebP。

打包规则

一次生成平台用文件

从同一原图生成 SNS、作品集、约稿样图和缩略图文件。每次发布时不必反复重命名和调整同一作品。

SVG 选择

在矢量和原始视觉质量之间选择

需要可编辑路径时选择纯矢量 SVG。对于渐变、纹理、笔刷细节等视觉质量更重要的内容,原始视觉质量 SVG 或 PNG/WebP 更安全。

标志和线稿

简单形状使用矢量模式

粗线条、标志、图标和黑白剪影通常能清晰地转换为纯矢量 SVG。如果边界模糊或颜色过多,请先降低颜色数量和细节值进行测试。

质量调节

平衡文件大小和清晰度

提高颜色数量和细节值可让 SVG 更精细,但也会增大文件。用于网页上传时,请放大检查结果,并只在必要范围内提高数值。

故障排查

大文件变慢时

超过浏览器内存限制的大图片可能让预览或转换变慢。尝试 SVG 转换前,请先调整图片大小,或以更低 JPG 质量重新保存。

常见问题

关于 DrowPack 图片包和位图转 SVG 的常见问题。

可以把位图图片转换成矢量吗?

可以。有两种格式。原始视觉质量 SVG 会把当前 canvas 作为高分辨率图片嵌入以保留观感;纯矢量 SVG 会把标志、线稿、剪影和简单色块作品追踪为可编辑路径。

照片能清晰地转换为 SVG 吗?

照片和复杂彩色插画建议使用原始视觉质量 SVG。纯矢量追踪可能生成很大的文件,或让结果看起来不同于原图,因此仅在需要可编辑路径时使用。

这和 Illustrator 的图像描摹一样完整吗?

纯矢量转换是一个用于快速生成可上传 SVG 的浏览器工具。它不能替代专业编辑软件中的所有选项。对于视觉质量重要的细节插画,请使用原始视觉质量 SVG、PNG 或 WebP。

原始视觉质量 SVG 是完全可编辑的矢量作品吗?

不是。原始视觉质量 SVG 会在 SVG 内嵌入高分辨率 PNG 图片,让它在浏览器和查看器中接近原图效果。如果需要分别编辑色块和线条,请选择纯矢量 SVG。

放大原始视觉质量 SVG 时会看到像素吗?

原始视觉质量 SVG 最多可嵌入 10 倍高分辨率 PNG,以减少放大时的像素感。但它仍不是纯矢量文件,因此在极大尺寸下可能会出现栅格特征。

为什么纯矢量 SVG 的白边看起来有杂点?

同时包含白色背景和内部高光的插画,在彩色追踪时可能产生白边噪点。由于浏览器抗锯齿,颜色路径接触处也可能出现细白缝。高质量插画模式配合颜色缝隙修正,可在保留内部白色细节的同时减少这些缝隙。

可以直接打开 AI 和 PDF 文件吗?

PDF 文件以及以 PDF 兼容方式保存的 Illustrator AI 文件,可将第一页渲染到画布。没有 PDF 兼容数据的 AI 文件和原始 PSD 文件无法在浏览器中直接打开,请先导出 PNG、JPG 或 WebP 预览图。

上传的文件会发送到服务器吗?

常规工作流程不会发送文件。图片处理、ZIP 生成和非 AI SVG 转换均在浏览器内完成。AI 编辑和 AI 辅助 SVG 生成为可选功能;只有在你主动启动时,当前画布和提示词才会发送至已配置的外部 AI 服务提供方以生成结果。

有图片尺寸限制吗?

DrowPack 会以原始像素尺寸将上传图片渲染到预览 canvas,不会自动缩小。超过浏览器或设备内存限制的图片可能处理失败,如有需要请降低尺寸后重试。

调整大小的质量如何工作?

缩小大图片时,DrowPack 使用高质量分步重采样,而不是一次性缩小。可使用纵横比选项和 JPG 质量滑块,在上传文件大小和图像质量之间取得平衡。

广告能看到我的图片文件或工作内容吗?

广告服务提供方不会从 DrowPack 接收你选择的图片或画布。它们可能为网站使用和广告投放而采用 Cookie 等常见 Web 技术。与此独立的是,如果你启动 AI 功能,当前画布和提示词只会为该次请求发送至已配置的外部 AI 服务提供方。

DrowPack 是否主张输出文件的所有权?

不会。DrowPack 不主张上传材料或输出文件的所有权。但用户可以行使的权利仍可能取决于原始著作权、肖像与许可条款、AI 提供商条款及适用法律。请只使用自己创作或已获授权处理的图片。

隐私与文件处理摘要

核心转换在浏览器内完成。可选 AI 请求与网站交付过程中产生的常规数据处理会作为不同路径分别说明。

处理方式概览

  • 常规流程:打开图片、调整尺寸、创建图片包和常规 SVG 转换都在当前浏览器内运行。DrowPack 不会在服务器另行保存源文件或下载结果的副本。
  • 可选 AI:只有在用户主动启动 AI 功能时,当前 canvas 的缩小副本和提示词才会通过 DrowPack Worker 发送至已配置的 AI 服务提供方。
  • 网站交付:托管、安全和广告服务在提供页面时,可能处理 IP 地址、HTTP 信息、Cookie 等常规网络数据。

有关 AI 服务提供方、保存范围、广告 Cookie、电子邮件咨询和用户选择,请查看隐私政策;有关文件权利与责任,请查看使用说明

最后更新:2026年8月2日