Upload any photo and instantly see how it looks cropped to any aspect ratio before you commit. Drag to reposition, compare six ratios at once, and export the final crop without sending your image to a server.
Privacy First
Your image never leaves your device.
The crop editor runs in your browser with Canvas APIs, so confidential brand assets, client photography, and unreleased campaign images stay local.
Upload
PNG, JPG, WebP, GIF up to 20MB
Press Ctrl+V or Cmd+V to paste an image from your clipboard.
Your image is processed entirely in your browser using the Canvas API. It is never sent to any server.
Preview
Crop Info
Upload an image to inspect crop coordinates, output size, and focus-point placement.
Platform Presets
Use the search box and category tabs to jump between platform presets. The custom tab also lets you save your own ratios locally for repeated sessions.
Multi-Ratio Preview
Move the crop in the editor above and every preview updates. Click any preview to jump back into editing for that ratio, or download the full visible set as one ZIP file.
Privacy And Features
Most crop preview tools quietly push images through a server. This one is designed for teams that want fast visual crop checks without handing off raw files, and then extends that local-first workflow with practical production features.
Local Processing
The editor, crop overlay, previews, and downloads all run on top of the browser Canvas API. That makes the page suitable for pre-release marketing art, agency client files, internal design reviews, and personal photography where privacy is a hard requirement rather than a nice-to-have.
Privacy
Unlike many crop tools, this page uses the browser Canvas API instead of uploading files to a server. Local files are decoded in browser memory only, which makes the tool safer for unreleased campaign assets, client work, or personal photography.
That privacy-first design also keeps the tool fast. Once the initial page has loaded, every crop, preview, and export happens instantly on the client side without a round-trip to a backend.
Drag
You can click or touch-drag the crop frame to reposition the composition exactly where you want it. The frame stays locked to the chosen ratio while the preview updates in real time.
That makes the tool suitable for precise social crop checks, product photography cleanup, and rapid preflight QA before you open a heavier editor.
Composition
Rule of thirds, grid overlays, and a golden-ratio guide help you crop with more intention. These overlays are especially useful when a portrait or product shot has to survive several different platform ratios.
Because the crop box is live, you can compare visual balance rather than guessing whether a specific framing will still feel deliberate after export.
Focus
The focus point control lets you mark the most important part of the image. When you switch ratios, the crop tries to keep that subject visible instead of defaulting to a naive center crop.
This matters for faces, product hero shots, logos, and editorial imagery where the wrong crop would remove the most important detail.
Safe Zones
Safe-zone overlays for TikTok, Instagram Reels, and YouTube Shorts help you anticipate where platform chrome, captions, and interaction rails will sit. That reduces the risk of placing text or product details under UI.
These overlays are guidelines rather than official SDK-level guarantees, but they are accurate enough to improve crop planning before final platform review.
Export
Single-crop export supports JPEG, PNG, and WebP so the output can slot into content workflows immediately. The multi-ratio panel can also package six crop variants as one ZIP file for fast delivery.
That is particularly useful when one source photo needs to become an Instagram portrait, square grid post, story, YouTube thumbnail, and blog thumbnail in a single session.
Use Cases
Crop preview is rarely about image editing for its own sake. It is usually a planning step inside publishing, product, print, or asset QA workflows where teams need to know how the framing will survive a platform or component constraint before final delivery.
Social Media Managers
A single campaign photo often needs to work as an Instagram portrait, a square fallback, a Twitter landscape image, a LinkedIn card, and a Pinterest pin. That is a lot of manual reframing when the goal is just to confirm that the subject survives each crop cleanly.
Upload once, mark the focus point, compare the most important ratios at the same time, then export the variants that pass review. For social teams, that turns crop preview from a design detour into a two-minute QA step.
Photographers
Print sizes rarely match the exact ratio of the camera sensor. A landscape image that looks perfect at 3:2 can lose the subject's head or key negative space when forced into 5:4 or 7:5. The earlier you see that problem, the better.
This tool makes it easy to switch between print presets and compare whether the composition still works at 4×6, 5×7, 8×10, square, or A4 dimensions before paying for a print or delivering proofs to a client.
UI / UX Designers
Product teams often need to preview how unpredictable user-uploaded imagery will behave inside fixed-ratio components. Article cards, product tiles, avatars, and hero images all behave differently depending on the source photo.
The crop preview tool bridges the gap between design review and frontend implementation by letting you inspect the crop visually and then copy a matching CSS object-position snippet for production.
img {
object-fit: cover;
object-position: 33% 25%;
}E-commerce Teams
Marketplace and storefront platforms each have their own bias toward square, 4:3, or landscape media. If your product photography is inconsistent, automatic crops can hide packaging details, cut off bottle tops, or crop out model faces.
With a crop preview step, merchandising teams can spot assets that will break before they are uploaded in bulk. That reduces rework, avoids weak thumbnails, and helps teams decide which photos need a better source image instead of a rushed crop fix.
Platform Guide
Different platforms crop images differently. Some let you reposition during upload, some center-crop by default, and some preserve the full image with padding. Understanding that behavior is often more useful than memorizing one recommended size.
Instagram supports square, portrait, and landscape feed posts, but the crop experience depends on the chosen format. Portrait 4:5 is often the strongest default because it gives more vertical real estate in the feed without forcing a full story-style frame.
If the source photo is wider or taller than the final post, previewing the crop first helps avoid cutting off faces, text, or product edges.
Profile images end up inside a circular mask even when the upload is square. Reels covers also live in more than one context: full vertical preview, profile grid, and discovery surfaces. That means a safe central crop matters more than a perfect edge-to-edge composition.
Single-image posts tend to favor a wide landscape thumbnail in the feed, even when the full image opens larger. If your subject sits too far left or right, the feed crop can weaken the post before the viewer ever taps through.
Header images have an additional complication: mobile and desktop crop them differently, so the most important content should stay in the center-safe band.
Facebook still leans heavily on 1.91:1 feed assets and asymmetric cover-photo behavior between desktop and mobile. Previewing the crop is useful because the same upload can look balanced on desktop and awkwardly tight on a phone.
Covers are especially prone to crop problems because the visible mobile window is narrower and taller than the desktop presentation.
LinkedIn is less forgiving than Instagram when a card image does not match its preferred shape. The safest path is still to target the recommended ratio directly, but a preview tool helps you decide whether an existing asset is reusable or needs a better crop.
LinkedIn cover art also benefits from central-safe composition because mobile views crop more aggressively than desktop.
YouTube thumbnails should behave like disciplined 16:9 crops, but they still appear in smaller cards where edge text can suffer. Channel art is more complex because television, desktop, and mobile all reveal different parts of the master canvas.
A preview step helps you decide how much of a wide hero image can survive inside the truly safe central strip before you commit.
Composition Tips
A crop succeeds when it preserves both the required ratio and the visual logic of the photo. These principles are useful whether you are framing a portrait for social media, a product image for commerce, or a landscape for print.
The rule of thirds divides the frame into a three-by-three grid. Placing eyes, products, or other focal elements near an intersection point usually creates a more dynamic crop than centering everything mechanically.
Enable the overlay while dragging the crop frame so the composition decisions happen visually instead of from guesswork.
When a subject faces or moves in a direction, leave more room in front of that direction. This gives the crop breathing room and keeps the image from feeling cramped.
Leading room becomes even more important in portrait and vertical crops because there is less horizontal space to absorb mistakes.
A common social-media mistake is placing a subject's head too close to the top edge. Leaving roughly ten to fifteen percent headroom usually preserves a cleaner portrait crop while still keeping the face large enough to read.
For landscapes, the horizon line controls the emotional weight of the frame. An upper-third horizon emphasizes the foreground. A lower-third horizon emphasizes sky and scale. A centered horizon works best when symmetry is the actual subject.
When cropping people, avoid cutting at wrists, elbows, knees, ankles, or the neck. These crop points usually feel abrupt and visually uncomfortable. Mid-thigh, waist, chest, or a slightly looser head-and-shoulders frame are safer choices.
How-To
Step 1
Click the upload area, drag in a file, or paste from the clipboard. The image stays in your browser memory only and never uploads to a server.
Step 2
Pick from the preset library for Instagram, YouTube, LinkedIn, TikTok, print, and web crops, or enter your own custom width and height.
Step 3
Move the crop frame over the part of the image you want to keep. Resize with the handles, center it, or fit the widest possible crop with one click.
Step 4
Mark the most important part of the image so ratio changes keep the subject visible instead of defaulting to a naive center crop.
Step 5
Use the multi-ratio section to see how the same image behaves as 16:9, 1:1, 4:5, 9:16, 4:3, and 3:2 at the same time.
Step 6
Export a single crop as JPEG, PNG, or WebP, copy the equivalent CSS object-position, or download the visible multi-ratio set as a ZIP file.
FAQ
No. The crop preview tool uses local browser APIs only. Your image is decoded and rendered in browser memory, not transmitted to a backend. Closing or refreshing the tab clears that in-memory state.
JPEG, PNG, WebP, and GIF are supported for input. GIF files are treated as a static first-frame image for preview and export. Local files up to roughly 20MB are the intended target.
Yes. The custom preset area lets you enter any width and height pair. The editor immediately locks the crop frame to that ratio, and you can optionally save the preset in localStorage for later sessions.
When focus lock is enabled, clicking the image records the most important point. Ratio changes and crop resets then try to keep that point inside the crop instead of blindly centering the frame.
Yes. The multi-ratio preview panel builds a ZIP archive in the browser and downloads the six visible crop variants together. There is no server-side packaging step.
It produces an object-fit and object-position snippet that approximates the chosen crop in CSS. This is useful when you want a web component to mimic the crop without creating a second image file.
They are practical design guides rather than official SDK-level overlays. The sizes reflect common UI patterns for TikTok, Reels, and Shorts, but final in-app preview is still recommended before publishing.
Yes. The editor uses pointer events, so dragging the crop box works with mouse and touch. On smaller screens the preview stack becomes vertical, but the core interactions remain available.
Keep Exploring
Calculator
Use the main ratio calculator for width, height, diagonal, and percentage math.
Bulk
Normalize long resolution lists when a crop workflow starts in spreadsheets.
Widescreen
Widescreen layouts for YouTube, blogs, video players, and hero images.
Vertical
Vertical video reference for TikTok, Reels, Shorts, and Stories.
Square
Square crops for avatars, feeds, icons, and balanced card layouts.
Classic
Classic ratio reference for photography, slides, and older display shapes.
Use Case
Compare platform-first aspect ratios for campaigns and publishing workflows.
CSS
Convert a chosen crop direction into aspect-ratio and padding-top snippets.