改网站favicon尺寸时图片被拉伸了

变形是没锁宽高比硬改造成的。回到原图重来:改尺寸时勾「锁定宽高比」,只填一边;要到 32×32 像素 这个比例,多余的部分用裁剪去,别硬拉。拿不准先拿一张试,顺手了再批量。
这事是怎么一回事
改网站favicon尺寸时图片被拉伸了改尺寸和压缩是两回事,太多人搅在一起。改尺寸动的是像素数量,压缩动的是编码松紧。平台要宽度多少像素,就改尺寸;要不超过多少 KB,就压缩;两个都要,就两个都动。
这类问题没有一键解,但按步骤排查,绝大多数十分钟内收工。
上手这么办
- 回原图重做,别在变形图上修别小看这步,十个失败里有八个栽在这。
- 改尺寸勾锁定宽高比手快的也别跳,养成习惯省得翻车。
- 要特定比例用裁剪,别硬拉做完另存新文件,原图留着好返工。

过来人提醒
- 裁剪之前想好构图,裁掉的像素保存后就回不来了
- 批量改名、批量改尺寸之前先备份,批量操作没有撤销键
- 聊天软件保存下来的图已经被压过一道,再压缩画质掉得更明显
本文涉及:网站favicon、网站favicon 尺寸、改尺寸、图片压缩(网站favicon 32×32 像素)。
同类问题:做网站favicon用图,分辨率DPI有要求吗?
屏幕上用的图,DPI 只是个元数据,清晰度看的是像素总数。网站favicon 参考 32×32 像素,把像素做足就行,DPI 填 72 或 96 都可以。要打印才需要认真算 DPI——300DPI 是印刷线。拿不准先拿一张试,顺手了再批量。
这事是怎么一回事
赶时间直接看第二节步骤;想弄明白原理,第一节值得读一遍。
动手前建议把软件升到较新版本,老版本入口位置可能和本文说的有出入。
上手这么办
- 屏幕用图看像素,不看 DPI到这一步基本成型,剩下的就是微调。
- 按 32×32 像素 做足像素批量的话这步对所有选中图生效,先抽查再跑全量。
- 要打印才按 300DPI 算参数别死记,按参考值设完看效果再调。

过来人提醒
- 聊天软件保存下来的图已经被压过一道,再压缩画质掉得更明显
- 尺寸是像素的事,体积是编码的事,两码事别混
- 改完拿原图叠着比一比,变形变色一眼就能看出来
本文涉及:网站favicon、网站favicon 尺寸、改尺寸、图片压缩(网站favicon 32×32 像素)。
