把照片排成一颗爱心:批量选好图片,工具会按心形轮廓自动铺满格子,边缘沿曲线裁切;也可以把图片从下方缩略图列表拖拽到画布的任意格子里。所有处理都在你的浏览器里完成,照片不会上传到任何服务器。
点击选择照片,或把图片直接拖到这里
支持 JPG / PNG / WebP,可按住 Ctrl 或 Shift 一次多选,建议 20 张以上
小技巧:把缩略图列表里的图直接拖到画布的某个格子上,可以指定它出现在哪个位置;也可以点击任意格子,把它循环换成下一张照片。换到不满意就点「随机重排」整体洗一遍。
心形照片墙是什么
它把一叠普通的照片,拼成一颗轮廓平滑的爱心。做法是先用参数方程画出一颗完整的心形路径,再把覆盖心形的方格网格整体沿这条路径裁切:落在心形内部的格子完整保留,压在轮廓上的格子会被曲线整齐切开,所以拼出来的爱心边缘是圆滑的弧线,而不是一格格锯齿。照片会按顺序填进这些格子里,整张图实时画在画布上,改参数立刻见效。
做出来的图适合用在很多场合:情人节或纪念日的表白图、婚礼请柬和迎宾背景、宝宝生日海报、朋友圈九宫格之外的另类晒图方式,也可以冲印成相框挂在墙上。
三步做出心形照片墙
- 第一步,选照片。点击上传区,或把一堆图片直接拖进来。没有头绪可以先点「加载示例图」,用内置的示例图把流程走一遍。建议挑色彩明亮、主体居中的照片,脸部和重要细节不要贴边。
- 第二步,铺格子。照片会自动按顺序填进心形格子。想手动调整,就把缩略图列表里的某张图拖到画布的目标格子上,或直接点击那个格子循环换图。
- 第三步,微调并下载。按需要调整密度、间距、圆角、背景色和导出宽度,也可以点「随机重排」整体换一种排布,满意后点「下载 PNG」保存到本地。
参数怎么选
- 心形密度是横向的列数,决定格子数量和照片被切碎的粒度。稀疏档每格大、看得清,适合照片少或想突出单张;标准档最通用;精细与超精细档更像马赛克,轮廓更圆润,但最好准备足够多的照片,避免重复太明显。各档的实际格子数会显示在统计卡里。
- 格子间距在格子之间留出底色缝隙,白色背景下会形成整齐的网格分隔感;设为 0 则照片紧挨在一起,变成连续的拼贴效果。
- 圆角只影响照片格子的四个角,默认 0(直角,与参考风格一致)。喜欢柔和风格可以适当调大。
- 导出宽度是成品图片的像素宽度(正方形)。发朋友圈用 1500 像素足够;要冲印或做打印物料,建议 3000 像素。
- 照片适应方式决定每张照片怎么放进格子里。填满格子会居中裁切多余部分,画面饱满;完整显示则保证照片内容不丢,但比例不同的照片会露出背景色。
常见问题
- 为什么照片看起来被切掉了?格子是正方形的,而照片多为长方形,填满格子模式会居中裁切。不想丢内容就把适应方式改成完整显示,或把另一张构图更合适的图拖到那个格子上。
- 照片张数比格子少或比格子多怎么办?比格子少时会循环使用,保证心形不被空格打断;比格子多时多出的照片留在缩略图列表里,随时可以拖到任意格子上替换。
- 我的照片会被上传吗?不会。整个拼图过程都在浏览器内存里完成,页面不向任何服务器发送图片数据,断网也能正常使用。
- 为什么顶部中间有个缺口?那是爱心的凹陷处,属于心形轮廓本身的形状,不是渲染错误。密度越高,缺口越细腻自然。
心形参数曲线:x = 16sin³t,y = 13cos t − 5cos 2t − 2cos 3t − cos 4t(t 取遍 [0, 2π)),采样 240 个点连成闭合平滑轮廓;方格网格覆盖心形外接框,凡与轮廓相交的格子都保留,整幅画面最终沿心形路径裁切输出。
你可能还想问
怎么排版更好看?
按色调或时间排列能提升整体观感,人物照片注意面部不被裁切;中心区域最显眼,应放最重要的照片。
照片数量有限制吗?
数量决定心形是否饱满,太少会留空隙;可按工具提示的最优张数准备,多余的可裁剪或替换。
导出清晰度怎么保证?
上传高清原图并选择较高的导出分辨率;若要放大打印,导出前确认尺寸与像素够用,避免放大后模糊。
速查在线工具箱