图片裁剪

点击上传图片支持 PNG, JPG, WebP 格式

裁剪比例

裁剪区域像素

输出格式

上传图片后开始裁剪

在线图片裁剪工具，支持自由拖拽、固定比例和精确像素输入三种裁剪方式，内置三分法构图辅助线，实时预览暗色遮罩，PNG/JPG双格式输出可选JPG质量，纯浏览器本地处理，适合头像制作、证件照、社媒配图和电商主图截取。

图片裁剪的原理与构图技巧

图片裁剪是数字图像处理中最基础也最常用的操作之一，其本质是从原始图片的像素矩阵中截取一个矩形区域的像素数据，丢弃区域外的像素。与图片缩放(Resizing)不同，裁剪不改变保留区域的像素密度和画质，只是重新定义画面的边界。这一特性使得裁剪成为照片二次构图的核心手段——很多时候前期拍摄构图不理想，通过后期裁剪可以大幅提升照片表现力。

为什么需要固定比例裁剪？不同的发布平台和使用场景对图片宽高比有严格要求：微信/QQ/微博头像必须是1:1正方形，抖音/小红书竖版视频是9:16，YouTube/B站横版视频和PPT是16:9，传统冲印照片是3:2，电影是21:9。如果比例不对，平台会自动居中裁剪或拉伸变形，导致重要内容被切掉或画面变形。使用固定比例裁剪可以提前适配目标平台的展示要求。

三分法构图法则是摄影和视觉设计中最经典的构图原则，早在文艺复兴时期就被画家广泛使用。其原理是将画面沿水平和垂直方向各分为三等分，形成九宫格，四条分割线的四个交叉点被称为「黄金分割点」。人眼自然会被这些位置吸引，将画面主体（如人物眼睛、地平线、建筑主体）放在这些位置或线条上，比单纯居中构图更具动感和视觉平衡感。本工具内置的三分辅助线就是帮助你在裁剪时应用这一法则。

PNG与JPG输出格式选择：PNG是无损压缩格式，支持透明背景，适合图标、截图、文字图片、需要二次编辑的素材，但文件体积较大；JPG是有损压缩格式，不支持透明，但可以通过质量参数灵活控制压缩率，在80-90%质量下肉眼几乎看不出差异但体积可减小60-80%，适合照片类图片。如果裁剪后的图片用于网页展示，建议选择JPG 85%质量以平衡画质和加载速度；如果是截图、Logo、需要透明背景则必须用PNG。

本地浏览器处理的重要性：很多在线裁剪工具需要将图片上传到远程服务器处理，这不仅速度慢（取决于网络带宽），还存在隐私泄露风险——身份证照片、合同截图、私人照片等敏感图片上传后可能被缓存或滥用。本工具基于HTML5 Canvas API实现，所有像素操作都在你的浏览器内存中完成，图片数据从未离开你的设备，处理速度只取决于你的电脑性能，即使断网也可以使用。

精确像素裁剪的应用场景：大多数时候拖拽裁剪足够方便，但在一些专业场景下需要精确到像素的裁剪：证件照有严格的像素尺寸要求（如护照照片、考试报名照片）、电商平台主图有统一尺寸规范（如淘宝主图800×800）、UI设计稿切图需要精确尺寸、网页固定尺寸Banner需要严格像素匹配。此时直接在X/Y/W/H输入框中输入数值是最高效准确的方式。

关于画质损失：很多人担心裁剪会降低画质，实际上PNG格式裁剪是无损的——保留区域的每个像素与原图完全一致，没有任何压缩或重采样。JPG格式裁剪时会进行一次重新压缩，但只要质量参数设置在85%以上，这种损失在正常观看距离下肉眼无法分辨。相比之下，如果你把一张大图缩放缩小再放大，才会造成不可逆的画质模糊，单纯裁剪不会。

适用场景

社交媒体头像制作：裁剪为1:1方形比例，将面部放在三分线交叉点位置
证件照精确裁剪：输入一寸(295×413)、二寸(413×579)等标准像素值精确截取
电商主图处理：淘宝/京东/亚马逊商品主图按平台要求比例裁剪主体区域
横屏视频封面：16:9比例裁剪，突出视频主体用于YouTube/B站/视频号封面
竖屏短视频制作：9:16手机竖屏比例裁剪，适配抖音/快手/小红书发布要求
PPT/演示文稿配图：16:9或4:3比例裁剪，避免图片拉伸变形
截图截取重点：长截图中只保留需要的对话或重点区域，去掉多余内容
去除图片水印/边缘：裁掉图片边缘的水印、Logo或不需要的边框区域
照片二次构图：拍摄后通过裁剪重新构图，将主体移到黄金分割位置
朋友圈/Instagram配图：按平台显示比例裁剪，避免被自动裁切到重要内容
宽屏电影感截图：21:9超宽比例裁剪，营造电影宽银幕的视觉效果
网页配图准备：裁剪为合适比例后配合图片压缩工具优化网页加载速度

使用方法

点击上传区域选择图片文件，或点击「加载示例」按钮先体验功能
根据需要选择裁剪比例（自由/1:1/16:9/9:16等），自由模式可任意调整
拖动裁剪框移动位置，拖动四角手柄调整大小，可输入像素值精确控制
选择输出格式（PNG/JPG），JPG可调节质量，点击「裁剪并下载」保存结果

功能特点

自由拖拽裁剪：鼠标拖动裁剪框移动位置、拖放四角调整大小，所见即所得的操作体验
8种比例预设：内置自由、1:1方形、4:3、3:2、16:9横屏、2:3、9:16竖屏、21:9电影宽屏共8种常用比例
像素精确控制：支持输入X/Y坐标和宽高像素值精确裁剪，适合严格尺寸要求场景
三分法辅助线：裁剪框内显示九宫格三分线，帮助黄金分割点构图，提升照片美感
实时暗色遮罩：裁剪区域外实时显示半透明黑色遮罩，直观看到保留和丢弃的画面范围
双格式输出：支持PNG无损和JPG有损两种输出格式，根据场景选择合适格式
JPG质量可调：选择JPG输出时可调节10-100%压缩质量，在文件大小和画质间平衡
四角自由缩放：四个角均有拖拽手柄，支持从任意方向调整裁剪框大小
比例锁定调整：选择固定比例后拖放缩放自动保持宽高比，不会变形
原始尺寸显示：实时显示原图尺寸和当前裁剪区域尺寸，方便对照
纯本地处理：所有裁剪操作在浏览器本地完成，图片不上传服务器，隐私安全
支持常见格式：可打开PNG、JPG、WebP、GIF等所有浏览器支持的图片格式
示例图片体验：提供示例图片按钮，无需上传即可立即体验裁剪功能
响应式设计：电脑、平板、手机均可使用，移动端适配触控拖拽操作

常见问题

怎么在线裁剪图片指定区域？

上传图片后，用鼠标拖动裁剪框的白色边框可以移动裁剪位置，拖动四个角的白色方块可以调整裁剪区域大小。裁剪框外的半透明黑色区域是会被裁掉的部分，框内是保留区域。调整好后点击「裁剪并下载」按钮即可。

可以按1:1、16:9这类固定比例裁剪吗？

可以。工具提供8种常用比例预设：自由裁剪、1:1方形（头像常用）、4:3（传统相机/显示器）、3:2（单反相机）、16:9（横屏视频/PPT/YouTube）、2:3（竖版照片）、9:16（手机竖屏/抖音/小红书）、21:9（电影宽屏）。点击对应比例按钮后再拖动裁剪框会自动锁定宽高比。

图片裁剪和调整大小(resize)有什么区别？

两者功能完全不同：裁剪(Crop)是截取图片的一部分区域、丢弃边缘内容，改变的是画面构图和内容范围，但不缩放保留区域的像素；调整大小(Resize)是将整张图片等比例缩放或拉伸，保留全部内容但改变整体像素尺寸。如果需要把大图缩小但保留完整内容请用调整大小工具。

适合做头像和证件照裁剪吗？

非常适合。头像建议使用1:1方形比例，裁剪时将人物面部放在画面中央偏上位置，利用三分线辅助对齐眼睛位置效果更好。证件照可以先查询对应证件的像素尺寸要求（如一寸295×413、二寸413×579），在像素输入框中直接输入对应宽高值进行精确裁剪。

裁剪后的图片会上传到服务器吗？隐私安全吗？

完全不会上传。所有图片加载、裁剪预览、导出下载都在你的浏览器本地通过Canvas API完成，图片数据不会通过网络发送到任何服务器。关闭页面后浏览器内存中的图片数据即被清除，适合处理身份证、合同截图等隐私敏感图片。

裁剪后输出什么格式？可以选JPG吗？

支持PNG和JPG两种输出格式。默认输出PNG无损格式，适合需要透明背景、截图、文字图片、图标等场景；选择JPG格式可以调节压缩质量(10-100%)，适合照片类图片减小文件体积。JPG质量建议设置在80-92%之间，文件体积明显减小但肉眼几乎看不出画质差异。

什么是三分法构图辅助线？怎么用？

三分法(Rule of Thirds)是摄影中最经典的构图法则：将画面用两条横线和两条竖线平均分成九宫格，把主体放在线条交叉点(黄金分割点)位置，画面会更平衡美观。裁剪框内的白色半透明线条就是三分线，构图时把人物眼睛、地平线、建筑边缘等关键元素对齐线条或交叉点即可。

9:16和16:9比例分别用在什么场景？

16:9是横屏宽屏比例，是电脑显示器、电视、YouTube/B站横版视频、PPT演示文稿的标准比例；9:16是竖屏比例，是手机竖屏拍照、抖音/快手/小红书/视频号短视频、Instagram Stories和手机全屏内容的标准比例。裁剪前先确认发布平台要求的比例。

裁剪会降低图片画质吗？

PNG输出是完全无损的，裁剪后的保留区域像素与原图完全一致不会损失画质；JPG输出是重新压缩，会有轻微画质损失，但质量设置在85%以上时肉眼难以分辨。与原图相比，裁剪本质是「截取」而非「压缩」，只要不选择过低的JPG质量，裁剪本身不会造成明显画质下降。

怎么精确裁剪成指定像素尺寸？

在左侧配置面板的「裁剪区域像素」输入框中直接输入W（宽度）和H（高度）的目标像素值即可精确控制输出尺寸。X和Y值控制裁剪框左上角的起始坐标位置。如果已经选择了固定比例，输入宽度后高度会自动按比例计算，反之亦然。

可以裁剪WebP、GIF动图吗？

可以打开WebP和GIF格式图片，但注意：GIF动图裁剪后只会保留第一帧画面输出为静态PNG/JPG，不支持保留动画效果。如果需要处理GIF动图裁剪请使用专门的GIF编辑工具。WebP格式图片可以正常裁剪并输出为PNG或JPG。

为什么我拖放裁剪框时比例会变化？

这是因为你当前选择的是「自由」比例模式。在自由模式下可以任意调整裁剪框宽高比。如果需要保持固定比例（如1:1正方形不被拉成矩形），请先点击对应的比例按钮(如1:1、16:9)锁定比例后再调整大小。

裁剪后的图片文件保存在哪里？

点击「裁剪并下载」按钮后，浏览器会自动将裁剪后的图片下载到你的电脑默认下载文件夹，文件名为cropped_原文件名.png（或.jpg）。工具不会在服务器保存任何文件，所有临时数据在浏览器关闭后即清除。

手机上可以使用吗？触控操作方便吗？

可以。工具采用响应式设计，在手机浏览器上同样可以正常使用。左侧配置面板在手机端会折叠为顶部按钮，点击展开；裁剪框支持手指触控拖拽移动和缩放操作，建议在横屏模式下操作以获得更大的预览区域。

裁剪后的图片还能继续编辑吗？

可以。下载裁剪后的图片后，可以再次上传到本工具进行二次裁剪，也可以使用我们的其他图片工具：调整大小(resize)、压缩(compress)、格式转换(convert)、旋转翻转(rotate-flip)、加圆角(round-corner)、滤镜(filters)等继续处理。

故障排查

裁剪后下载的图片模糊怎么办？

请检查：1）如果选择了JPG格式，将质量滑块调高到85%以上；2）检查裁剪区域尺寸W×H是否过小，如果裁剪区域像素本身就很小（如100×100），放大查看自然会模糊；3）对比原图查看，确保你看到的是100%缩放比例。PNG输出是完全无损的，如果对画质要求极高请选择PNG格式。

选择固定比例后裁剪框无法调整到想要的大小？

固定比例模式下宽高比被锁定，调整宽度时高度会自动按比例变化，反之亦然。这是正常现象，确保裁剪结果严格符合选定比例。如果你需要自由调整任意宽高比，请切换到「自由」比例模式。

上传图片后没有显示？

请确认：1）上传的是标准图片格式（JPG/PNG/GIF/WebP），不支持PSD、RAW等专业格式；2）图片文件没有损坏，可以在系统看图软件中正常打开；3）文件大小不要过大（建议20MB以内）；4）刷新页面重新上传通常可以解决。

点击下载按钮没反应？

请检查：1）浏览器是否允许弹出式下载，某些隐私设置可能会阻止自动下载；2）是否使用了现代浏览器（Chrome、Firefox、Safari、Edge）；3）清除浏览器缓存刷新页面重试。

术语表

宽高比(Aspect Ratio): 图片宽度与高度的比例关系，通常表示为W:H（宽度:高度）。常见比例有1:1（正方形）、16:9（横屏）、9:16（竖屏）、4:3（传统显示器）、3:2（单反相机）、21:9（电影宽屏）。
三分法(Rule of Thirds): 摄影构图基本法则，将画面用两条水平线和两条垂直线分为九等份，将主体放置在分割线或交叉点位置，使画面更平衡、更有视觉吸引力。
像素(Pixel): 图像的最小单位，是一个带颜色的小点。一张图片的像素尺寸=宽度方向像素数×高度方向像素数，如1920×1080表示宽1920像素、高1080像素。
PNG格式: 便携式网络图形格式，无损压缩，支持Alpha透明通道，适合图标、截图、文字图片、Logo等需要锐利边缘或透明背景的场景。
JPG/JPEG格式: 联合图像专家小组格式，有损压缩，不支持透明，通过质量参数(0-100%)平衡画质和文件体积，适合照片类色彩丰富的图片。
Canvas API: HTML5提供的浏览器端绘图API，通过JavaScript可以在网页上动态绘制和处理图像像素，是实现纯本地图片处理的核心技术。
无损压缩(Lossless): 压缩后可以完整还原原始数据，没有任何信息损失的压缩方式。PNG、GIF属于无损压缩，适合需要精确像素的场景。
有损压缩(Lossy): 通过丢弃人眼不敏感的数据来大幅减小文件体积，压缩后无法完全还原原始数据。JPG属于有损压缩，质量越低损失越明显。
黄金分割点: 三分线的四个交叉点位置，约在画面1/3和2/3处，是人眼自然关注的焦点位置。将画面主体放在这些位置比居中构图更具美感。
遮罩预览(Mask Preview): 裁剪框外显示半透明黑色遮罩，直观区分保留区域（清晰原色）和丢弃区域（暗化），让用户在裁剪过程中看到最终画面的边界效果。
DPI/PPI: 每英寸点数/像素数，是打印分辨率单位。屏幕显示只看像素尺寸，与DPI无关；裁剪不会改变DPI设置，只改变像素数量。
EXIF数据: 图片文件中嵌入的元数据，包括拍摄设备、时间、GPS位置、相机参数等信息。Canvas导出图片时不会保留EXIF数据，有助于保护拍摄位置隐私。

8种裁剪比例适用场景速查表

以下是各种常用宽高比的典型应用场景：

比例	名称	方向	典型适用场景
自由	自由裁剪	任意	无比例限制，任意调整宽高，适合去边缘、去水印等非标准场景
1:1	正方形	方形	微信/QQ/微博头像、Instagram帖子、淘宝主图、产品图
4:3	标准屏	横/竖	传统显示器、iPad屏幕、老式电视、卡片相机照片
3:2	相机标准	横/竖	单反/微单相机默认比例、6寸照片冲印、摄影作品
16:9	宽屏	横屏	高清电视/显示器、YouTube/B站视频、PPT、横屏封面
2:3	竖版照片	竖屏	竖版照片冲印、手机竖拍照片、海报竖版
9:16	竖屏	竖屏	抖音/快手/小红书/视频号短视频、手机全屏、Stories
21:9	电影宽屏	横屏	电影截图、超宽屏显示器、影院比例、全景感照片

常用证件照标准尺寸对照表

裁剪证件照时可直接输入对应像素值（300DPI印刷标准）：

证件类型	毫米尺寸	像素尺寸(300DPI)	比例
一寸	25×35	295×413	约5:7
小一寸	22×32	260×378	约2:3
二寸	35×49	413×579	约3:4
小二寸	35×45	413×531	约3:4
护照/签证	33×48	390×567	约2:3
身份证	26×32	358×441	约4:5

JPG质量参数选择建议

选择JPG输出时，质量参数与画质/体积的关系：

JPG质量	典型压缩率	画质表现	推荐场景
90-100%	压缩10-25%	极高，肉眼完全无法分辨与原图差异	专业摄影、印刷出版、高质量存档
80-89%	压缩50-70%	高，正常使用几乎看不出区别	网页配图、社交媒体、日常分享（推荐）
60-79%	压缩70-85%	中等，仔细看可能有轻微压缩痕迹	缩略图、头像、对体积极度敏感场景
30-59%	压缩85-95%	低，有明显可见的压缩伪影	不推荐，仅用于预览或极低带宽场景

Privacy & Security

本图片裁剪工具所有操作均在你的浏览器本地通过HTML5 Canvas API完成，你选择的图片文件不会被上传到任何远程服务器，也不会被存储、缓存或用于任何其他用途。所有图像处理都在你的设备内存中进行，关闭或刷新页面后临时数据即被自动清除。身份证、合同截图、私人照片等隐私敏感内容可以放心处理。