Images & photos · Browser Image & Drawing Editor
Aspect ratios explained: 3:2, 4:3, 16:9 and cropping to fit them
· Background
image-editing canvas browser-processing
Every camera, screen and platform has an opinion about the shape of a picture, and cropping is how you reconcile them. This post explains where the common ratios came from and how to crop from one to another without losing the subject.
The photo that fits nowhere — one image, three placements, three different shapes
A single photograph can be perfectly usable and still fit badly in three different placements. A landscape frame may need its sides trimmed for a banner, its top and bottom reduced for a portrait card, or its edges balanced for a square thumbnail. The first useful distinction is shape: an aspect ratio describes width relative to height, while the editor supplies a free crop rectangle rather than a ratio-locking control.
Test the difference with a duplicate image. Write down the intended shapes, sketch their rectangles, then drag each crop by hand and read the resulting pixel dimensions. The source file remains on the device while the in-memory document changes, and the export gives you a separate raster result. Historical claims about cameras, screens, or platforms are outside the supplied repository evidence and are not needed for this calculation.
What an aspect ratio is — width to height as a ratio, why 3000×2000 and 1500×1000 are the same shape, and why pixel counts are a separate question
Aspect ratio is a relationship, not a resolution label. A 3000 by 2000 image and a 1500 by 1000 image are both 3:2 because dividing width by height gives the same result, even though one contains four times as many pixels. Keeping those ideas separate prevents a common mistake: choosing the right shape does not automatically choose enough detail for the final display or print size.
For a target ratio, preserve the dimension that gives you the most useful crop and solve for the other. A 3:2 frame can be represented by 3000 by 2000, 1500 by 1000, or any smaller integer pair with the same relationship. Because this editor has no fixed-ratio presets or guide overlay, do the arithmetic before dragging and use the displayed dimensions as your check.
3:2 from 35 mm film — how the 24×36 mm frame set the default for cameras
Use 3:2 as geometry, not as a historical promise. The ratio means three units of width for every two units of height, so a 2400 by 1600 crop and a 1200 by 800 crop have the same outline. Whether that proportion became common through a particular medium is not established by this repository; the practical value here is that the relationship is easy to calculate and compare.
Start with the subject and then choose which edges can give way. If the original is wider than the proposed 3:2 rectangle, remove equal or unequal amounts from the sides while keeping the person, object, or horizon in a useful position. The browser editor lets you make that free selection and reports the resulting pixels, but it does not snap the rectangle to 3:2 for you.
The repository does not source the historical origin of 3:2; use it here only as arithmetic
A 4:3 frame is another width-to-height relationship: four units across for every three units down. It often feels less panoramic than 3:2, but that visual impression should not be confused with an origin story. The evidence available here supports a comparison of the geometry, not a claim about television, compact cameras, or any particular historical route by which the ratio became familiar.
To make a 4:3 version, calculate a candidate such as 1600 by 1200, place that rectangle over the important content, and trim only the excess. Compare the result with the uncropped image at the same viewing scale. The crop overlay darkens the area outside the selection, while the absence of a ratio preset means the final width and height depend on where you release the crop.
The repository does not source the historical origin of 4:3; compare its geometry
Treat 16:9 as a calculation rather than an invitation to invent widescreen history. Sixteen units across and nine down produce a noticeably broad frame, and the ratio is useful whenever a composition must occupy that shape. What matters for this workflow is the rectangle you need and the subject area you can afford to remove, not an unsupported explanation of how any industry settled on it.
If the original image is 3:2, a 16:9 crop usually asks you to give up vertical room. Check the top and bottom first, because a face near the upper edge or a tall subject may make the target unusable. Draw the rectangle manually, read the pixel dimensions, and export a copy. The editor offers no fixed-ratio crop mode or built-in composition guide to make that decision for you.
The repository does not source widescreen history; calculate 16:9 without inventing provenance
Square and vertical frames are useful comparisons because they make the cost of shape especially visible. A 1:1 crop gives equal width and height; a vertical 4:5 crop gives the subject more room above and below than a square while still discarding side context. These are choices about framing, not fixed presets shipped by this editor, and the repository does not support a claim that the interface draws platform-specific guides.
Make a square, a 4:5-style vertical crop, and a deliberately narrow portrait crop from the same duplicate. Notice what disappears first: background context, hands, signage, or breathing room around the subject. Each result is a free rectangle whose actual dimensions should be checked after selection. For platform-specific preset sizes, use the Social Image Resizer; this editor is better suited to deliberate manual judgement.
Square and vertical frames are useful comparisons, not fixed presets in this editor
Suppose the source is 3000 by 2000, a clear 3:2 image. For 16:9, a full-width crop is 3000 by 1687.5, so choose an integer height such as 1687 or reduce the width to a convenient divisible pair before cropping. For 4:5, preserving the full height would require 1600 pixels of width; for 1:1, a centred crop is 2000 by 2000. The numbers reveal the trade before the image is changed.
Now place each rectangle around the subject instead of assuming the centre is correct. Export the 16:9, 4:5, and square versions separately, then compare them at their native dimensions. The editor can crop and export raster images locally, but it cannot promise exact ratios from a freehand selection, add missing background, or preserve a composition guide. The calculation is the control; the drag is the execution.
Worked example: calculate several rectangles before making freehand crops
The practical sequence is shape first, subject second, crop third. Decide whether the destination needs 3:2, 4:3, 16:9, square, or a vertical frame; calculate a usable pixel rectangle; then make the selection while watching what leaves the frame. This editor supports that careful local workflow and keeps the original file separate from the edited document, but it supplies no fixed-ratio crop mode or overlay.
When a service demands known platform presets, the Social Image Resizer is the implemented route to consider. When the task is a thoughtful crop with no predetermined template, use the Browser Image & Drawing Editor, inspect the resulting dimensions, and export a copy. Treat the ratio as arithmetic and the crop as a visual decision, not as an automatic composition feature or a promise about unsupported historical context.