[{"data":1,"prerenderedAt":178},["ShallowReactive",2],{"tool-page-circle-image":3},{"tool":4,"doc":32,"resolved":137,"relatedTopicEntries":153,"relatedFaqEntries":158,"howToSteps":165},{"id":5,"slug":6,"title":7,"shortTitle":8,"summary":9,"detail":10,"outputHint":11,"kind":12,"categoryLabel":13,"routePath":14,"requiresAuth":15,"requiredScore":16,"vipFreeAccess":15,"productId":17,"heroKicker":18,"accent":12,"searchKeywords":19,"capabilities":26,"accessMode":30,"detailHint":31},"circle_image","circle-image","圆形图制作","圆形图","生成圆形头像并控制边缘留白，适配社交场景。","将图片裁成圆形，支持透明 PNG 或自定义底色","输出设置：透明 PNG、底色 JPG；底色顺序为白色、浅灰、证件蓝、证件红、浅粉、米色、深灰、黑色。点击开始制作后进入 1:1 圆形裁剪，参数区会确认状态、参数处理、圆外区域、尺寸、文件大小、格式、底色、导出文件和保存规则；保存中锁定换图、输出设置和重新裁剪，导出文件名沿用原图名加 _circle。","local","本地工具","\u002Ftools\u002Fcircle-image\u002F",false,0,117,"本机处理 \u002F 圆形头像",[8,20,21,22,23,24,25],"圆形裁剪","透明 PNG","PNG","圆形头像","头像","本地",[27,28,29],"1:1 圆形裁剪","透明 PNG \u002F 底色 JPG","制作确认","free","将图片裁成圆形，支持透明 PNG 或自定义底色 · 免费使用",{"id":33,"title":34,"body":35,"canonical":117,"description":118,"draft":15,"extension":119,"faqRefs":120,"h1":34,"meta":123,"navigation":124,"path":125,"published":124,"relatedTools":126,"robots":130,"seo":131,"slug":6,"stem":133,"summary":134,"tool":6,"updatedAt":135,"__hash__":136},"tools\u002Ftools\u002Fcircle-image.md","圆形头像在线裁剪工具",{"type":36,"value":37,"toc":109},"minimark",[38,42,46,71,74,92,95],[39,40,41],"p",{},"圆形头像最重要的是在不同平台看起来一致：人像居中、边缘干净、头像不被裁掉，格式也能被系统接受。不要只看圆形效果，还要看上传后的资料页预览。",[43,44,45],"h2",{"id":45},"建议执行路径",[47,48,49,53,56,59,62,65,68],"ol",{},[50,51,52],"li",{},"先确认用途，是社交头像、简历照片、企业资料页，还是账号头像。",[50,54,55],{},"查看平台是否支持透明底；支持透明底时优先导出PNG。",[50,57,58],{},"不支持透明底时，先选择白底或品牌底色，再裁剪圆形。",[50,60,61],{},"上传后先调整成1:1构图，确保人脸、头发和肩部不贴边。",[50,63,64],{},"放大预览耳朵、下巴、发际线和圆形边缘，确认没有毛刺。",[50,66,67],{},"导出前检查格式、文件大小和文件名。",[50,69,70],{},"上传到目标平台后再看资料页预览，确认没有被二次裁切。",[43,72,73],{"id":73},"重点看哪里",[75,76,77,80,83,86,89],"ul",{},[50,78,79],{},"人像要居中，不能偏上、偏左或贴近圆形边界。",[50,81,82],{},"圆形边缘要平滑，不能有锯齿或白边。",[50,84,85],{},"透明底适合支持PNG的平台，不适合所有上传入口。",[50,87,88],{},"固定底色要和页面背景有足够区分度。",[50,90,91],{},"缩略图下也要能看清脸部和主要轮廓。",[43,93,94],{"id":94},"常见错误与修正",[75,96,97,100,103,106],{},[50,98,99],{},"只看缩略图。修正：放大检查圆形边缘和头发细节。",[50,101,102],{},"平台不支持透明底。修正：导出白底或指定底色版本。",[50,104,105],{},"人脸太大被裁掉。修正：重新调整1:1构图，给头顶和肩部留空间。",[50,107,108],{},"多个版本混乱。修正：用中文文件名区分透明底、白底和最终上传版。",{"title":110,"searchDepth":111,"depth":111,"links":112},"",3,[113,115,116],{"id":45,"depth":114,"text":45},2,{"id":73,"depth":114,"text":73},{"id":94,"depth":114,"text":94},null,"在线裁剪圆形头像和圆形图片，适合社交平台、简历、资料页头像，支持透明底和固定底色导出。","md",[121,122],"circle-avatar-png-or-jpg","choose-between-jpg-png-webp",{},true,"\u002Ftools\u002Fcircle-image",[6,127,128,129],"image-crop","format-convert","compression","index,follow",{"title":34,"description":132,"robots":130},"圆形头像裁剪方法，覆盖透明底PNG、固定底色、1:1构图、头像边缘、留白和平台资料页导出检查。","tools\u002Fcircle-image","先确认平台是否支持透明底，再裁成1:1圆形头像，导出前检查边缘、留白、格式和文件大小。","2026-06-18","McbQ5-x0IlVo_RR17mwsB63L4WnQrim7JD2w80lGlH0",{"title":34,"description":118,"h1":34,"summary":134,"canonicalPath":14,"updatedAt":135,"breadcrumb":138,"highlights":146,"faqs":149},[139,142,145],{"name":140,"item":141},"首页","\u002F",{"name":143,"item":144},"全部工具","\u002Ftools\u002F",{"name":7,"item":14},[147,148,11],"圆形图制作用于将图片裁成圆形，支持透明 PNG 或自定义底色。","本地工具在浏览器中处理图片，处理完成后直接下载。",[150],{"question":151,"answer":152},"圆形头像应该导出 PNG 还是 JPG？","需要圆形外透明区域时导出透明 PNG；目标平台不支持透明或需要固定底色时，选择底色 JPG 并确认背景颜色。",[154],{"title":155,"to":156,"summary":157},"圆形头像怎么在线制作透明 PNG","\u002Ftopics\u002Fcircle-avatar-transparent-png-guide\u002F","说明头像、资料图和素材图如何裁成圆形，并选择透明 PNG 或底色 JPG。",[159,161],{"title":151,"to":160,"summary":152},"\u002Ffaq\u002Fsocial-cover\u002Fcircle-avatar-png-or-jpg\u002F",{"title":162,"to":163,"summary":164},"JPG、PNG、WEBP应该怎么选？","\u002Ffaq\u002Fworkflow\u002Fchoose-between-jpg-png-webp\u002F","普通报名和打印场景优先 JPG；需要透明背景时用 PNG；网页展示或希望体积更小时再考虑 WEBP，但要先确认目标系统是否支持。",[166,169,172,175],{"name":167,"text":168},"打开圆形图制作","进入 圆形图制作 页面，直接在浏览器里选择图片。",{"name":170,"text":171},"选择图片","选择 JPG、JPEG、PNG、WEBP 图片，确认原图预览、尺寸和格式。",{"name":173,"text":174},"选择输出格式","按用途选择透明 PNG 或底色 JPG；选择底色 JPG 时先确认底色颜色。",{"name":176,"text":177},"完成圆形裁剪","按 1:1 圆形范围裁剪，生成后检查圆外区域、底色、文件名和保存规则。",1781797967247]