图片怎么裁成心形、星形？12 种异形裁剪怎么选
把照片裁成心形或五角星，人脸常被切掉一块，原因多半是没算清这个形状会吃掉多少画面。异形裁剪，是指把图片按心形、星形、六边形等非矩形轮廓裁出，形状以外变成透明的操作。下面用 12 种形状的实测数据，讲清每种形状透明掉多少、脸放在哪里不会被切、输出尺寸和描边怎么选。
异形裁剪是怎么做出来的？
工具先按选框裁出一块矩形，再给它套上形状蒙版，蒙版外的像素变透明。导出的文件依然是矩形，只是四周多了一圈看不见的透明区，这和圆形裁剪的原理相同。
区别在于形状的描述方式。圆和圆角方形有现成的数学公式，逐像素算距离就行；心形、云朵、花朵没有简单公式，小鹿 Image 把它们统一描述成足够密的折线轮廓，再按“非零环绕”规则判断像素在不在形状里。云朵其实是几个圆和一个圆角矩形叠在一起，对话气泡是圆角矩形加一个尾巴，用这条规则可以直接合并，不必另算并集。
边缘为什么不会有锯齿
形状边界会切过很多像素格子。工具计算每个格子被形状覆盖的比例，把它作为这个像素的不透明度：覆盖一半就是半透明。以 1000 像素宽的五角星为例，这样的过渡像素约有 4470 个，正好沿着轮廓排成一圈，缩小做头像时斜边依然平滑。
12 种形状，各会透明掉多少画面？
形状越尖、越瘦，透明掉的画面越多：五角星去掉 67.4%，拱门只去掉 8.1%。下表按选框锁定比例、宽 1000 像素计算，“透明面积”是选框里变成透明的部分。
| 形状 | 宽 : 高 | 透明面积 | 安全圆直径（占短边） | 适合 |
|---|---|---|---|---|
| 五角星 | 1.05 : 1 | 67.4% | 42% | 贴纸、节日装饰，主体要小 |
| 三角形 | 1.15 : 1 | 50.0% | 67% | 几何风海报拼图 |
| 菱形 | 1 : 1 | 50.0% | 71% | 标签、徽章 |
| 心形 | 1.11 : 1 | 38.9% | 59% | 纪念日、情侣头像 |
| 五边形 | 1.05 : 1 | 30.9% | 89% | 徽章、队徽风格 |
| 花朵 | 1 : 1 | 28.3% | 86% | 儿童照片、可爱风头像 |
| 六边形 | 0.87 : 1 | 25.0% | 100% | 科技风头像、蜂巢拼图 |
| 云朵 | 1.70 : 1 | 23.2% | 95% | 横向配图、文字底框 |
| 椭圆 | 0.8 : 1 | 21.5% | 100% | 复古相框、竖版人像 |
| 对话气泡 | 1.25 : 1 | 18.3% | 82% | 截图配文、评论展示 |
| 八边形 | 1 : 1 | 17.2% | 100% | 贴近方形的头像 |
| 拱门 | 0.75 : 1 | 8.1% | 100% | 竖版人像、商品展示 |
“安全圆”指形状内部能完整容纳、且直径尽量大的圆，是一个实用的构图指标：一张脸大致可以看成一个圆，这一列告诉你脸能占多大而不被切。六边形、椭圆、八边形、拱门都是 100%，即与短边等宽的圆能完整放进去；五角星只有 42%，意味着脸的宽度不能超过选框高度的四成。
裁心形、五角星时，脸放在哪里不会被切？
心形把脸放在正中略偏下，五角星放在正中偏下且缩小，三角形放在下三分之一处。这三个形状的安全圆圆心都不在几何中心，顶部的凹口或尖角是切脸的主要位置。
| 形状 | 安全圆直径 | 安全圆圆心（从左上角算） | 摆放建议 |
|---|---|---|---|
| 心形 | 高度的 59% | 水平 50%，垂直 53% | 头顶离选框上沿留出约两成空间 |
| 五角星 | 高度的 42% | 水平 50%，垂直 55% | 把选框拉大，脸只占中间一小块 |
| 三角形 | 高度的 67% | 水平 50%，垂直 67% | 主体放在底部，顶尖留给背景 |
这和人像摄影里“头顶留白”的习惯正好相反。矩形构图里头顶可以紧贴画框，心形和五角星的上沿中间却是凹进去或收窄的，所以要留得更多。实际操作时，先把选框拉大到明显超出脸部，再慢慢收小，看到发际线碰到凹口就停。
输出尺寸怎么选？
头像选长边 512 或 256，社交配图选 1080，要继续编辑就选“按选框原尺寸”。输出尺寸只做等比缩小、不做放大，选框在原图上只有 300 像素时，选 1080 也只会输出 300 像素。
- 按选框原尺寸
- 保留全部像素，适合后续还要描边、拼图或打印。
- 长边 1080 px
- 朋友圈、小红书、公众号配图的常用宽度。
- 长边 800 px
- 网页插图、PPT 配图，体积和清晰度的折中。
- 长边 512 px
- 头像、贴纸、表情素材，放大查看也够清楚。
- 长边 256 px
- 小图标、列表缩略图，文件小、加载快。
- 原图不够大时
- 先用AI 放大图片把原图放大 2 倍，再回来裁形状。
预览画布与下载结果按同一套尺寸计算：选“长边 256”时，预览里看到的就是那张 256 像素的图，尖角是否发虚、描边是否太细都所见即所得，不必下载后再回头调。
异形裁剪的描边，和图片描边有什么不同？
异形裁剪的描边沿形状边缘向内画，会盖住一圈画面；图片描边向外扩，会让画布变大。两者都按到边缘的真实距离计算，宽度均匀、转角圆滑，但用途不同。
- 向内描边（异形裁剪）：宽度按输出图片短边的千分比计算，30 即短边的 3%。适合做相框，尺寸固定、方便排版。
- 向外描边（图片描边）：画面不损失，适合做贴纸。裁好形状后再描一圈白边的做法，见图片描边与贴纸白边。
导出 PNG 还是填底色？用在哪里合适？
要放到不同背景上就保持透明并导出 PNG，只在白底文档里用就填白色底。透明区域在 JPG 里无法保存，会被填成白色或黑色，所以异形裁剪固定输出 PNG。
海报、PPT、网页、贴纸，背景颜色会变的场合。
Word 文档、打印稿、不支持透明的上传系统。
网页使用时转成 WebP，同样保留透明，体积通常更小。
社交平台头像是个例外：平台会用自己的圆形或圆角框显示头像，上传心形图后，透明的角可能被填成白色或黑色。异形头像更适合用在自己能控制版面的地方。选好形状和用途后，直接去异形裁剪拖一个选框试试。
常见问题
- 怎么把图片裁剪成心形？
- 在异形裁剪里选心形，拖动选框让脸落在心形中部略偏下的位置，避开顶部中间的凹口，然后下载 PNG。心形以外是透明的，放到任何颜色的背景上都只露出心形。
- 为什么裁成五角星后人脸被切掉了？
- 五角星只保留约三分之一的画面，五个尖角之间的凹处会切进主体。实测能完整放进五角星的圆，直径只有选框高度的 42%。把选框放大一些，让脸只占选框中间偏下的一小块，就不会被切。
- 裁好的形状为什么一定要存 PNG？
- JPG 不支持透明，形状外只能填成白色，放到深色背景上会露出白角。PNG 和 WebP 能保留透明区域。需要白底时，可以在工具里取消形状外透明并选择填充色。
- 选框为什么不能随意拉伸？
- 默认锁定形状本身的比例，例如心形宽高比约 1.1:1、云朵约 1.7:1，避免心形被拉扁、星形被拉歪。取消勾选保持比例后，宽和高可以分别调整，形状会跟着变形。
- 异形裁剪能把图片放大吗？
- 不会。输出尺寸选项只做等比缩小，选框在原图上不足 512 像素时，选长边 512 也只会按原尺寸输出。小图需要更大的输出时，先用 AI 高清放大，再来裁形状。
- 发微信、QQ 头像需要先裁成心形吗？
- 可以上传，但平台的头像框仍会按自己的圆形或圆角方形显示，心形外的透明区域可能被填成白色或黑色。异形头像更适合用在简历、PPT、海报这类由自己控制版面的地方。
- 异形裁剪会上传图片吗？
- 在小鹿 Image 不会。选框、套形状和描边都在浏览器本地完成，图片不经过服务器。原图上限约 5000 万像素。
动手试试
看完直接动手——用异形裁剪工具，在浏览器本地处理，图片不上传、免费无需注册。
参考资料
个人开发者「小鹿」维护，更新于 2026-10-31。工具和内容会持续复查与修正。