为什么光栅化大小很重要
- 平台资源要求明确规定了具体的像素尺寸,而不是百分比。
- 栅格化尺寸过小会丢失 SVG 数学算法能够保留的亚像素细节。
- 以 2 倍分辨率进行栅格化可生成适用于 HiDPI 屏幕的真正 Retina 素材。
- 网站图标尺寸(16像素)需要特别注意像素微调和像素对齐。
SVG 是一种无限可缩放的数学格式——它没有传统意义上的“调整大小”。你实际上所做的是选择光栅化分辨率:即矢量图渲染成图像的像素尺寸。
或者将图片拖放到这里。
支持JPG, JPEG, PNG, WEBP, SVG, GIF, HEIC, HEIF, AVIF, BMP, TIFF, HDR, JP2, RAF, PSD
从 Figma、Illustrator、Inkscape 或任何矢量工具中拖放 .svg 文件。浏览器的 SVG 引擎会按照您指定的大小渲染它。
请以像素为单位输入精确的宽度或高度。默认情况下,宽高比已锁定。SVG 将以您选择的尺寸渲染——无模糊、无瑕疵,数学公式清晰锐利。
输出为保留透明度的无损 PNG 格式。在栅格化尺寸下保持清晰——更大的显示器会显示超过此阈值的像素。保留 SVG 文件以供将来重新导出。
调整 SVG 图片大小的方式与调整 JPG 图片大小不同。您只需选择输出尺寸,浏览器的 SVG 渲染器就会生成精确到该尺寸的像素。如果改变主意了,只需从同一个 SVG 文件重新导出即可——不会造成任何质量损失。
设计系统会为图标、徽标和 UI 元素指定精确尺寸。SVG 母版文件正是为了满足这些规范而存在的——无需重新绘制即可导出任意指定尺寸。此工具可根据尺寸表中的每个尺寸槽位,从 SVG 生成像素级精确的 PNG 文件。
光栅化与缩放、透明度和平台尺寸。