图片实用操作
小 Logo 放大就糊?转 SVG 前先看它是不是适合描摹
用单色图标和多色 Logo 对比 SVG 描摹设置,说明低分辨率、渐变与照片的限制。
一张 600 × 600 像素的 PNG 图标放到海报上,边缘开始发软。把扩展名改成 .svg 不会解决问题;要得到可缩放的路径,得让工具沿着图形边界重新描摹。描摹是否好看,首先取决于原图是不是适合这件事。
先看原图,而不是先调参数
打开 PNG/JPG 转 SVG 工具,选一张边缘清楚、背景简单的 Logo。单色图标、印章或线稿通常比较适合;照片、渐变很多的插画和压缩过度的 JPG,可能产生大量细碎路径,文件反而更大。原图如果只有 50 × 50 像素且边缘已经锯齿化,转换不会凭空找回缺失的曲线。
先做一个小实验:用单色图标试黑白模式,再用两三种纯色组成的 Logo 试彩色模式。不要把照片和 Logo 放在同一套参数里比较,它们的细节类型不同。
用两次预览决定取舍
黑白图标先调阈值,观察细线是否断掉、字母内孔是否堵住。彩色 Logo 则从较少颜色开始,逐步增加颜色数,直到主要色块都能区分。颜色数越多、路径越细,结果可能越接近原图,但文件复杂度也会上升。平滑和路径简化能减少小毛刺,也可能抹掉品牌图形里的尖角。
把预览背景切成浅色和深色各看一次。若 Logo 原本有透明区域,确认转换后背景和边缘都符合预期。再放大看圆弧、细线和字母,缩小到网页图标大小看整体是否仍可辨认。只在大尺寸下好看,不代表小尺寸可用。
下载后验“文件”而不是只验画面
下载 SVG,用浏览器单独打开,并在不同尺寸下查看。若要交给设计师,最好再用矢量编辑器检查路径数量和可编辑性。这个工具生成路径,但路径不会自动变成设计师手工绘制的精简原稿;自动描摹的节点可能很多。能拿到原始矢量文件时,优先使用原稿。
如果结果出现大块脏点、细字糊成一团或文件体积异常,回到更干净的源图,减少颜色和噪点,或改用黑白模式。对于照片,通常保留 JPG/WebP 比强行描摹成复杂 SVG 更合适。