[{"data":1,"prerenderedAt":58},["ShallowReactive",2],{"blog-zh-image-cropping-composition-tips-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"updated":8,"author":9,"tags":10,"keywords":14,"h1":21,"readingTime":22,"html":23,"recommendedTools":24,"faqs":40,"cta":53},"image-cropping-composition-tips-guide","zh","同样一张图，会裁的人和不会裁的人，差距真挺大","图片裁剪不只是切掉多余边缘。学会三分法、横竖构图、留白和视线引导，再用 DocCrunch 免费在线图片裁剪锁定比例、实时预览，普通照片也能裁得更好看。","2026-06-18","DocCrunch Team",[11,12,13],"图片裁剪","构图技巧","在线修图",[15,16,17,18,19,20],"图片裁剪技巧","裁图构图","在线裁剪图片","三分法裁图","图片留白","按比例裁剪图片","图片裁剪怎么更好看？4 个简单构图技巧立刻有差别",1,"\u003Cp>我以前觉得裁图就是把多余的边切掉，能有什么讲究。\u003C\u002Fp>\n\u003Cp>后来帮人改了一阵图才发现，差别大了去了。同一张照片，有的人裁完平平无奇，有的人随手一裁就好看不少。区别不全在工具，而在裁的时候脑子里有没有想清楚：主体放哪、留多少空、这张图最后要发到哪里。\u003C\u002Fp>\n\u003Cp>下面几个方法很简单，但真的能让图片裁剪效果明显变好。\u003C\u002Fp>\n\u003Ch2>1. 别老把主体放正中间\u003C\u002Fh2>\n\u003Cp>新手裁图最容易做的一件事，就是把人或物怼在画面正中间。这样确实安全，但经常会显得呆。\u003C\u002Fp>\n\u003Cp>可以试着把主体往左或往右挪一点，让它落在偏离中心的位置。画面会松一些，也更有呼吸感。这就是常说的三分法，不过不用背理论。裁图时看着预览，把主体稍微移开正中间，感觉舒服就可以。\u003C\u002Fp>\n\u003Cp>商品图、人物照片、旅行照都适用。尤其是人物半身照，脸不一定非要卡在正中央。\u003C\u002Fp>\n\u003Ch2>2. 先想清楚发哪，再决定横竖\u003C\u002Fh2>\n\u003Cp>很多图片不是裁坏了，而是一开始方向就选错了。\u003C\u002Fp>\n\u003Cp>发朋友圈、小红书、手机信息流，竖图通常更占屏，也更容易被看到。做视频封面、PPT、横版缩略图，就更适合横图。头像、九宫格和很多商品方图，则优先考虑 1:1。\u003C\u002Fp>\n\u003Cp>所以裁图前先问自己一句：这张图最后出现在哪里？\u003C\u002Fp>\n\u003Cp>方向定了，再选比例。比如发九宫格就锁 1:1，发竖图可以试 3:4 或 4:5，做横版封面就用 16:9。这样裁出来的图不会发上去才发现不对。\u003C\u002Fp>\n\u003Ch2>3. 留白不是浪费\u003C\u002Fh2>\n\u003Cp>不是画面塞得越满越好。\u003C\u002Fp>\n\u003Cp>主体周围留一点空，图片反而更干净、更有质感。尤其是你还要在图上加标题、价格、活动文案的时候，提前留出文字位置，后面编辑起来会轻松很多。\u003C\u002Fp>\n\u003Cp>留白也能让视线集中。主体太满，用户第一眼反而不知道看哪里；适当留空，重点会更明显。\u003C\u002Fp>\n\u003Ch2>4. 把视线引导留出来\u003C\u002Fh2>\n\u003Cp>如果照片里的人是侧脸，或者正看向某个方向，那一侧最好多留一点空间。\u003C\u002Fp>\n\u003Cp>比如人脸朝右，就在右边留出更多画面；人脸朝左，就别把左边切得太紧。这样看起来顺，不会有一种被画面边缘堵住的感觉。\u003C\u002Fp>\n\u003Cp>商品图也类似。如果一个物品有明显的朝向，比如杯子手柄、鞋头、车头，也可以顺着方向多留一点空间。\u003C\u002Fp>\n\u003Ch2>为什么我用 DocCrunch 练裁图\u003C\u002Fh2>\n\u003Cp>这些方法听起来简单，关键是裁的时候要能实时看到变化。\u003C\u002Fp>\n\u003Cp>我现在用 \u003Ca href=\"\u002Fzh\u002Fimage-crop\u002F\">DocCrunch 在线裁剪图片\u003C\u002Fa>，主要因为它能边拖边预览，比例也能锁死。想发九宫格就锁 1:1，想做竖图就锁 3:4 或 4:5，想做视频封面就锁 16:9。裁剪框形状固定后，我只需要移动和缩放画面，不用担心比例越裁越歪。\u003C\u002Fp>\n\u003Cp>它也支持 JPG、PNG、WebP。裁完如果还想统一尺寸，可以接着用 \u003Ca href=\"\u002Fzh\u002Fimage-resize\u002F\">图片改尺寸\u003C\u002Fa>；文件太大，就用 \u003Ca href=\"\u002Fzh\u002Fimage-compress\u002F\">图片压缩\u003C\u002Fa>；想加字和调色，可以继续打开 \u003Ca href=\"\u002Fzh\u002Fimage-editor-pro\u002F\">在线图片编辑器\u003C\u002Fa>。\u003C\u002Fp>\n\u003Cp>还有一点我很在意：它在浏览器本地处理图片，不会把图片上传到服务器。练手时随便拖图进去试，证件照、合同截图、没公开的设计图也更安心。\u003C\u002Fp>\n\u003Ch2>裁图前先想一秒\u003C\u002Fh2>\n\u003Cp>裁图这事，工具占一半，眼睛占一半。\u003C\u002Fp>\n\u003Cp>工具帮你锁比例、看预览、导出格式；剩下的就是你决定主体放哪、哪边多留空、要不要给文字留位置。多裁几次，眼睛自然会有感觉。\u003C\u002Fp>\n\u003Cp>下次裁图别急着切，先想一秒：主体放哪？图片发哪？要往哪边留空？\u003C\u002Fp>\n\u003Cp>就这一下，出来的图会明显不一样。想边看边练，可以直接打开 \u003Ca href=\"\u002Fzh\u002Fimage-crop\u002F\">按比例在线裁剪图片\u003C\u002Fa>。\u003C\u002Fp>\n",[25,28,32,36],{"slug":26,"label":11,"description":27},"image-crop","锁定 1:1、16:9、3:4 等比例，边预览边裁图。",{"slug":29,"label":30,"description":31},"image-editor-pro","在线图片编辑器","裁剪后继续加文字、调色、旋转和微调画面。",{"slug":33,"label":34,"description":35},"image-resize","图片改尺寸","把裁好的图片统一到指定宽高。",{"slug":37,"label":38,"description":39},"image-compress","图片压缩","发布前减小文件体积，上传更快。",[41,44,47,50],{"question":42,"answer":43},"图片裁剪怎么裁才更好看？","先决定图片用途，再注意主体位置、留白、视线方向和比例。不要只想着切掉多余边缘。",{"question":45,"answer":46},"裁图时主体一定要放在正中间吗？","不一定。很多照片把主体稍微放到画面左侧或右侧会更自然，也更有故事感。",{"question":48,"answer":49},"发手机平台的图片适合横图还是竖图？","朋友圈、小红书等手机浏览场景通常竖图更显眼；视频封面、PPT 和横版缩略图更适合横图。",{"question":51,"answer":52},"DocCrunch 裁剪图片会上传服务器吗？","不会。图片裁剪在浏览器本地完成，适合练习构图，也适合处理不想外传的图片。",{"title":54,"description":55,"button":56,"href":57},"按比例在线裁剪图片","锁定常用比例，实时预览构图，浏览器本地完成裁剪。","开始裁剪图片","\u002Fimage-crop",1789443127550]