GUIDE

网页要用固定宽度 PNG,SVG 怎么导出?

直接答案:Svgpix目标宽度模式,填入网页或分享图需要的像素宽,高度按比例算出。适合多张切图、栏宽统一的素材。DPR/倍率长文见尺寸指南;本文只讲固定宽度网页场景。

1. 为什么先定宽度

布局栏、卡片头图、内容区插图往往有明确显示宽。按目标宽导出,可避免“按 4× 倍率导出再靠 CSS 缩小”带来的体积浪费,也方便整批同宽。

2. 步骤

  1. 打开工具,选入一个或多个 SVG。
  2. 尺寸模式选宽度,输入目标像素(以你的设计/前端标注为准,本文不编造官方表)。
  3. 需要透明留 PNG;实底可试 JPG/WEBP(见JPG/WEBP)。
  4. 导出后可丢 Ogmake 做分享卡片,或用 BulkCrunch 再压体积。

3. 批量与主锚

图标集批量:批量图标 PNG。不上传总览:SVG 转 PNG

打开工具 · 倍率/宽度/DPR · English