1. 为网站生成响应式图标
前端开发者背景
开发者有一个SVG格式的网站Logo,需要在不同设备上显示。移动端需要较小的尺寸,而桌面端Retina屏幕需要高分辨率版本。
问题
需要从同一个SVG源文件生成两种不同尺寸和分辨率的PNG图像。
如何使用
上传 `logo.svg`。第一次转换时,设置宽度为64像素,密度为72 DPI,生成移动端图标。第二次转换时,设置宽度为128像素,密度为144 DPI,生成Retina屏幕图标。
第一次:宽度=64,密度=72。第二次:宽度=128,密度=144。结果
成功生成了两个PNG文件:`logo-64.png`(适用于普通屏幕)和`[email protected]`(适用于高分屏),完美适配不同设备。