前端与移动

图片、SVG 与图标工具

发布一张图片之前通常总要先改点什么:转成浏览器或平台真正想要的格式,裁成固定尺寸,清掉手机相机默认写进去的 EXIF 和 GPS 信息,或者把一张源图变成一整套网站需要的 favicon 尺寸。这些工具直接对着你手上现成的文件处理这些具体活。

图片格式转换和图片尺寸与裁剪覆盖 PNG、JPG、WebP、AVIF 的日常格式和尺寸调整,后者带实时裁剪预览。SVG 优化处理标记本身,格式化或压缩 SVG 并清掉拖大体积的元数据。Favicon 图标制作把源图变成 favicon.ico、PNG 尺寸和 webmanifest;图片元数据查看与移除让你先看清 EXIF、GPS 信息再决定是否清除。

5 个工具

图片 / SVG / 图标工具常见问题

清除 EXIF 数据会不会改变图片本身的样子?

不会,EXIF、GPS、相机和 XMP 信息是和像素分开存放的元数据,不属于可见图像的一部分,清掉它图片看起来完全不变。图片元数据查看与移除可以先让你看清这些隐藏信息,再决定是否在分享或发布之前清除。

做一个 favicon 到底需要哪些图片格式?

一套现代的 favicon 配置需要一个 .ico 文件兼容旧版浏览器,加上几种 PNG 尺寸和一份供主屏图标使用的 webmanifest,比大多数人手动生成的要多。Favicon 图标制作能从一张源图直接产出 favicon.ico、各种 PNG 尺寸和 webmanifest。

SVG 导出之后为什么还要额外优化?

导出的 SVG 常常带着编辑器留下的元数据、没用到的 ID 和不必要的精度,这些都会增大文件体积却不影响渲染出来的形状。SVG 优化能格式化或压缩这份标记并清掉这些多余信息,上线前顺手检查一下很值得。