头像外框
把照片裁成圆形并加上彩色外框,全部在浏览器内完成。输出最高 1024 px 的透明背景 PNG。
在你的浏览器中运行
选择一张照片,裁切与加框都会在你的设备上完成。
所有外框都是用几个颜色值画出来的,不是外部素材,因此没有任何不能公开发布的东西。
外框是画出来的,不是下载来的
这里每一个外框都由几个颜色值和一个线宽产生,背后没有任何图片文件素材。
这是刻意的选择,理由正是这个工具的用途本身。头像存在就是为了公开:它会出现在个人文件、 群组聊天、论坛上。用了别人插画做的外框,就是一个会在你使用的那一刻公开化的授权问题。而 用三个颜色停驻点描述出来的圆环不会有这种问题。
这也表示外框在任何尺寸下都是锐利的。因为没有素材可以被放大,1024 px 的输出就是以 1024 px 画出来的,而不是从 512 px 的图拉大的。
尺寸
**512 px 是默认值,对绝大多数人也是正确答案。**它比目前常见的所有头像框都大,所以缩小 这件事交给平台自己的重采样去做,而不是你先把画质损失烤进文件里。
如果这张图还会用在更大的地方,就选 1024 px。只有在某个服务有明确的上传限制时才降到 256 px——文件会小一点,而圆环能用来画得平滑的空间也会少一点。
透明背景,以及什么时候该关掉
输出是带 alpha 通道的 PNG,所以圆形以外的四个角是真的透明。在把头像显示成圆形的平台 上,这没有差别;在显示成方形的平台上,透明的角会透出背后的颜色,通常这正是你要的。
当你需要那四个角是特定颜色、而不是由平台决定时,就关掉透明并选一个背景色——打印名牌和 简报投影片是最常见的两种情况。
裁切与缩放
照片会先裁成置中的最大正方形,再裁成圆形或圆角方形。缩放是把裁切范围往中心收紧,而不是 把照片放大,所以外框永远是填满的,边缘不会出现一块透明的缺角。
因为裁切是置中的,主体偏在一侧的照片会被切到。如果构图很重要,请先自行裁切。
圆角方形
有些平台把头像显示成圆角方形而不是圆形。圆角方形选项就是配合这种显示方式,圆角比例与那 些平台采用的相同,所以外框会贴着形状走,而不是浮在外面。
照片不会离开你的设备
照片的解码、裁切与加框都在这个页面里完成,没有任何上传。