TaskEaser
Back to home

Photo & Video

Aspect Ratio Crop

Calculate center-crop dimensions for any aspect ratio

Runs locally in your browser

Source image

Target aspect ratio

Crop (center crop)

Crop size
1920 × 1080 px
Offset (x, y)
0, 0 px
Area loss
0.0%

Preview

CSS snippet

/* CSS object-fit crop preview */
.container {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
}
.container img {
  width: 1920px;
  height: 1080px;
  object-fit: cover;
  object-position: -0px -0px;
}

How it works

Calculates center-crop dimensions to fit an image into a target aspect ratio—outputs pixel crop size, offset, and a CSS object-fit snippet for web layouts.

Who it's for: Photographers, social media managers, and frontend developers preparing images for fixed-ratio slots

Computes crop width and height from source dimensions and target ratio (16:9, 4:5, 1:1, etc.).

Shows how much to trim from each side for a centered crop.

Provides CSS guidance for object-fit: cover in responsive containers.

How to use

  1. Enter the original image width and height in pixels.
  2. Select a preset aspect ratio or enter a custom width:height ratio.
  3. Review crop dimensions and X/Y offset for your editor’s crop tool.
  4. Apply the values in Photoshop, Lightroom, Figma, or use the CSS snippet for web thumbnails.
  5. Export at the cropped size to avoid blurry scaling in strict layout grids.

Good to know

  • Center crop may cut faces or logos—manual crop sometimes beats mathematical centering.
  • Instagram Reels (9:16) and LinkedIn banners (4:1) need different presets—verify platform specs annually.