为什么正确的PNG尺寸很重要
- 尺寸错误的 PNG 图片会导致 Retina 显示屏上的图像模糊。
- 过大的透明 PNG 图片会浪费带宽和内存。
- 统一的尺寸可以防止 UI 组件布局发生偏移。
- 设计系统中的 PNG 资源必须与令牌定义的尺寸完全匹配。
PNG 是透明格式,调整其大小时必须保持 alpha 通道边缘清晰。Lanczos 重采样可以无伪影地处理圆角、柔和阴影和抠图照片。
或者将图片拖放到这里。
支持JPG, JPEG, PNG, WEBP, SVG, GIF, HEIC, HEIF, BMP, TIFF, HDR, JP2, RAF, PSD
丢弃透明或不透明的PNG图像,无论是8位还是16位深度。索引颜色PNG图像在处理过程中会扩展为真彩色。
输入精确的像素值或百分比。Lanczos 算法能够干净利落地处理缩放——Alpha 通道边缘保持平滑,透明边界周围不会出现振铃或光晕。
输出采用 zlib DEFLATE 压缩——除了调整尺寸本身之外,不会造成其他质量损失。保留 Alpha 通道,并保持 ICC 配置文件不变。
简单的 PNG 图片缩放会在透明边缘周围引入暗晕——这是典型的 alpha 通道预乘错误。我们的缩放器能够正确处理 alpha 通道,从而在圆角 UI 元素和抠图照片上生成清晰的边缘。
设计系统要求在不同断点、密度和平台上保持 PNG 图片尺寸的一致性。精确调整 PNG 资源的大小,确保设计交付文件符合生产规格——无需开发人员猜测,无需像素级调整,也无需在构建时进行临时缩放。
Alpha 处理、质量、密度和设计系统模式。