矢量化WebP前需要了解的事
现在很多网站用WebP代替JPG和PNG,所以从浏览器保存的图片经常是.webp文件。它有两种模式:有损WebP的压缩方式与JPG类似,可能在锐利边缘留下柔和的模糊;无损WebP则像PNG一样保留每个像素。两种模式都可以带有表示透明的Alpha通道,该格式也支持动画。
有损WebP
仔细看文字和标志的边缘。有损压缩会让细线变模糊,并使边界处的颜色略有偏移,描摹器会把这些模糊变成多余的形状。如果网站同时提供同一图形的PNG或SVG下载,那才是更好的来源。
透明WebP
描摹出的路径使用实色填充。柔和阴影或羽化边缘这类半透明区域不会以部分透明的形式保留,所以导出后请在有颜色的背景上检查结果。
动态WebP
你下载的SVG是一张静态图片,动画不会保留,所以请把想要的那一帧保存为静态图片再上传。
从网页保存的图片
网站为节省带宽,常常提供缩小后的WebP。请单独打开图片,查看它的真实尺寸。300像素的缩略图描摹效果不如原尺寸版本干净。