社交平台头像尺寸的定法｜被裁成圆形也不走样的图片做法

头像是“做成正方形、被裁成圆形”

大多数社交平台会先把上传的图片裁成正方形，显示时再加上圆形遮罩。也就是说，制作时是正方形，看到的是圆形，分两个阶段。不知道这一点而把设计做到方形的角上，一公开信息就没了。

• 上传不是正方形的图片，会以中央为基准裁成正方形（长边两端被切掉）
• 显示时加上圆形遮罩，正方形的四角再被切掉
• 在列表和评论区会缩小到几十px左右，细线和小字会糊掉

经过这3个阶段还能留下来的，才是实际进入别人眼中的头像。反过来说，只要在中央大大地放一个元素，在哪个社交平台都不会走样。

尺寸只要“一张大一点的正方形”就够了

各社交平台的推荐尺寸会随规格变更而改变，但共同点是“上传的图片会被各服务缩小”。缩小效果干净，放大却一定会模糊。因此，准备一张比实际显示尺寸大的正方形就足够了。

被裁成圆形也能留下的“安全区”的留法

在正方形图片里画一个内切圆，四角一定会被切掉。能稳稳收进圆里的正方形，约为原边长的70%。设计时，把这个中央70%的正方形当作安全区。

1. 1

   用正方形建画布

   从800×800px等正方形开始制作。做成长方形再裁，会在意想不到的位置被切掉。

2. 2

   把主体收在中央70%以内

   800px的话，中央560px见方就是安全区。脸的话从眼睛到嘴巴，标志的话整个图形，都放进这个范围。

3. 3

   四角只放背景色

   四角会被圆形遮罩去掉。可以放装饰，但只放消失了也不影响意思的东西。

4. 4

   缩小确认

   完成后，在屏幕上缩小到48px左右看一看。在这个大小看不出画的是什么，就是元素太多了。

放文字的话，最多控制在2〜4个字。缩小到48px的头像能看清的，大概就是这个程度。想把名字全放上去，那是页眉图片或个人名片的任务，而不是头像的。

用手头素材准备头像的步骤

无论是拍的照片、画的插画还是像素画，流程都一样。就是“做成正方形 → 把主体移到中央 → 整理格式”这3步。

1. 1

   把素材裁成正方形

   照片的话，用智能手机自带的相册应用也能裁成正方形。这时上下左右稍微留点余白，加上圆形遮罩后就不会显得拥挤。

2. 2

   使用线条分明的图时，用像素来做

   用像素画工具，可以在16×16或32×32的网格上定好形状。像素做的图轮廓清楚，即使显示得很小也容易看出是什么，这是它的优点。

3. 3

   整理格式和文件大小

   用图片格式转换工具可以在PNG·JPEG·WebP之间互相转换。JPEG和WebP可以用画质滑块调整大小。这里只转换格式和画质，尺寸不变。如果要一并裁成正方形并统一为800×800px，可以用图片尺寸调整·尺寸计算的“社交平台头像”预设。还可以在导出的预览上叠加圆形遮罩和中央70%的安全区来确认。

4. 4

   上传后在真机上确认

   在帖子列表、评论区、深色模式这3处确认显示效果。尤其是深色模式，白底的头像很容易显得突兀。

PNG·JPEG·WebP选哪个

犹豫时用PNG就没问题。头像作为图片很小，文件大小几乎不会成为问题。只有在上传时提示“不支持该格式”时，才转换成PNG或JPEG重新上传。

公开前的检查清单

• 是否是正方形（宽高px是否相同）
• 主体是否收在中央70%的范围内
• 缩小到48px左右是否还能看出是什么
• 背景是否太淡，融进白色背景·黑色背景里
• 是否擅自使用了他人的作品或品牌标志
• 同一张图用在多个社交平台时，是否在哪里看起来印象都一样

头像是比帖子更先进入视线的元素。比起花哨的设计，即使很小也能一眼认出“是那个人”更有效果。一旦定下，暂时不换更容易被认出。

常见问题

头像做成多少px才对？

做成800×800px左右的正方形，就超过了主要社交平台的推荐尺寸，只需缩小即可。各服务的推荐值多为400×400px左右，上传比这小的图片会被放大而变模糊。具体上限和推荐值可能会变，需要时请查看各服务的帮助。

上传后脸被切掉了。

因为长方形图片会以中央为基准裁成正方形，再加上圆形遮罩。请事先裁成正方形，并补上余白让脸收在中央70%的范围内。用全身照做头像脸会太小，以胸部以上为准裁切。

头像为什么会模糊？

要么是上传了比显示尺寸小的图片而被放大，要么是对压缩过一次的图片再次保存而劣化。请从原始数据重做，导出大一点的正方形。像素画的话，放大倍率不是整数时轮廓会发虚，要按2倍·4倍这样的整数倍导出。

可以在多个社交平台用同一个头像吗？

用同一个更容易被认出。准备1张正方形图片上传到各服务，裁切由各服务自己完成。不过不同服务用圆形还是圆角遮罩不同，只要按四角不放信息的方式来做，哪种都不会走样。