[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"guide:zh:blog\u002Fcrop-photo-into-circle":-1,"article-zh-crop-photo-into-circle":3},{"slug":4,"title":5,"description":6,"date":7,"keyword":8,"tool":9,"html":10},"crop-photo-into-circle","如何将照片裁剪成圆形（免费，无需上传）","需要圆形头像或徽标？以下是如何在浏览器中免费将照片裁剪成圆形的方法，无需上传和注册。","2026-09-14","crop photo into circle","crop-image","\u003Cp>圆形头像随处可见——Slack、Zoom、Teams、Google 账户、WhatsApp、WordPress 作者头像、大多数网站团队页面。所以当有人问如何将照片裁剪成圆形时，诚实的回答通常会让他们感到惊讶：\u003Cstrong>你几乎永远不需要圆形文件。\u003C\u002Fstrong> 你需要的是一个完美的正方形，主体居中，应用会为你绘制圆形。\u003C\u002Fp>\n\u003Cp>以下是如何正确进行正方形裁剪，以及在你真正需要透明圆角图像时该怎么做。\u003C\u002Fp>\n\u003Ch2>为什么正方形裁剪在 90% 的情况下是答案\u003C\u002Fh2>\n\u003Cp>显示圆形头像的应用不存储圆形图像。它们存储你的正方形（或矩形）上传内容，并在顶部应用 CSS 圆形掩膜。内切于正方形的圆形会触及每条边的中点，因此可见区域是正方形减去四个角——大约 21% 的图片会被隐藏。\u003C\u002Fp>\n\u003Cp>这是人们犯错的地方。如果你上传的照片中你的头从边缘到边缘填满了整个画面，圆形掩膜会切掉你的头顶和两只耳朵。为圆形而裁剪，而不是为正方形而裁剪。\u003C\u002Fp>\n\u003Ch2>逐步指南：居中正方形裁剪\u003C\u002Fh2>\n\u003Col>\n\u003Cli>在浏览器中打开\u003Ca href=\"\u002Fzh\u002Fcrop-image\">裁剪工具\u003C\u002Fa>。不会上传任何内容——图像在你自己的设备上处理，所以你脸部的照片永远不会离开你的笔记本电脑。\u003C\u002Fli>\n\u003Cli>拖动一个 \u003Cstrong>1:1 正方形\u003C\u002Fstrong> 选区。如果工具提供此选项，锁定纵横比，这样你就不会相差 4 像素，导致头像被压扁。\u003C\u002Fli>\n\u003Cli>将选区放置在重要内容位于中间三分之一的位置。对于头像：眼睛大约在往下三分之一处，头顶上方和两侧都有明显的背景间隔。\u003C\u002Fli>\n\u003Cli>导出，然后通过想象在其中绘制的圆形来检查结果。任何触及角落的东西都会消失。\u003C\u002Fli>\n\u003Cli>如果文件大于你需要的大小，运行\u003Ca href=\"\u002Fzh\u002Fresize-image\">调整大小\u003C\u002Fa>——400×400 或 512×512 对于几乎任何头像位置都足够了——然后如果有上传大小限制，运行\u003Ca href=\"\u002Fzh\u002Fcompress-image\">压缩\u003C\u002Fa>。\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>一个快速的理智测试：将你的拇指放在导出图像的每个角落上。如果你的拇指下面没有重要内容，圆形裁剪看起来会很好。\u003C\u002Fp>\n\u003Ch3>徽标和产品照片\u003C\u002Fh3>\n\u003Cp>徽标是最棘手的情况，因为文字标记很宽，而圆形不是。不要缩小整个徽标直到它适合圆形——它看起来会很小。改为裁剪到图标或字母部分，居中，有呼吸空间。如果徽标位于你不想要的背景上，\u003Ca href=\"\u002Fzh\u002Fremove-background\">移除背景\u003C\u002Fa>，然后另存为 PNG，以便透明区域融入平台使用的任何颜色。\u003C\u002Fp>\n\u003Ch2>当你真的需要圆形图像时\u003C\u002Fh2>\n\u003Cp>有几种情况下正方形行不通：将圆形头像放在彩色幻灯片上、印刷传单或不存在 CSS 掩膜的电子邮件签名中。选项（最简单的优先）：\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>PowerPoint \u002F Google Slides \u002F Canva：\u003C\u002Fstrong> 插入你的正方形图像，然后使用形状裁剪（\u003C\u002Fli>\n\u003C\u002Ful>\n",1791831542412]