Image Guide

How to Crop and Resize an Image to Exact Pixels Online for Free

A form wants a photo of exactly 600 × 600 pixels, a thumbnail has to be 16:9, a profile picture must be square, or a camera photo is simply too big. All of these need the same two operations: cut away the part you do not want (crop) or change the number of pixels (resize). The ToolTiny Image Crop & Resize tool does both in your browser, with a frame you drag, boxes where you type exact numbers and ready-made aspect ratios. This guide follows a real recording with a 6,000 × 4,000 photo, with the exact sizes that appeared on screen, and warns about one setting that can stretch your picture.

When Do You Need to Crop or Resize?

Crop or Resize: What Is the Difference?

CropResize
What it doesCuts away the outside of a frame you chooseChanges the width and height of the whole picture
What you seeLess of the scene, same sharpnessThe whole scene, smaller or larger
You setX, Y, Width, Height, or a ratio like 1:1Width and height in pixels
Typical useSquare profile picture, remove empty spaceMake a photo fit a size limit

You can use both on the same picture, one after the other.

Watch the Whole Process

The recording resizes a large photo with the quick sizes, crops it with the aspect ratio presets, chooses the format and downloads the result.

How to Crop and Resize an Image, Step by Step

  1. Open Image Crop & Resize

    Open the Images menu in the top bar and choose Image Crop & Resize, or go straight to tooltiny.com/image-crop-resize.html.

    Images menu with Image Crop and Resize highlighted
    Images → Image Crop & Resize
  2. Find the upload box

    The page shows a Drop your image here box with the note “JPG, PNG, WebP, GIF, BMP” and Max 20MB. Drop a picture on it or click the box to choose a file.

    Drop your image here box with the supported formats
    Drop an image or click the box
  3. Choose a photo

    In the file window select your picture and press Open. We chose a large photo of a woman on a beach at sunset.

    Windows file dialog with a photo selected
    Select one image
  4. Look at the workspace

    The photo opens in the Original Image box on the left. Above it, at the right of the title, the tool shows the real size: our photo is 6,000 × 4,000 px. The panel on the right has two tabs, Crop and Resize, and the X, Y, Width and Height boxes show the whole picture (0, 0, 6000, 4000).

    Workspace with the original image of 6000 by 4000 pixels and the Crop panel
    Left: the picture. Right: Crop and Resize tabs
  5. Open the Resize tab

    Click Resize. The Output Dimensions boxes show the current width and height. Lock aspect ratio is switched on, so if you type a new width the height follows by itself and the picture keeps its proportions.

    Resize tab with width, height and Lock aspect ratio
    Resize tab with the lock switched on
  6. Try the Quick Sizes

    Under Quick Sizes are ready-made sizes: 320×240, 640×480, 800×600, HD 720p, FHD 1080p, 4K UHD, IG 1:1 and OG 1200. We clicked FHD 1080p and the boxes changed to 1920 × 1080. Notice that the Lock aspect ratio switch turned itself off.

    FHD 1080p quick size selected and the lock switch turned off
    Quick size FHD 1080p: 1920 x 1080
  7. Press Apply Resize

    Press Apply Resize. The title above the picture changes to Resized Image and the size next to it reads 1,920 × 1,080 px. Look at the result: our photo was 3:2 and the new size is 16:9, so the picture is stretched sideways. Read the warning below this list before you use a quick size.

    Resized Image of 1920 by 1080 pixels
    Resized Image: 1,920 x 1,080 px
  8. Switch to the Crop tab

    Click Crop. The crop works on the picture you see now, so in our recording it used the resized 1920 × 1080 image. The four boxes show X, Y, Width and Height of the selection.

    Crop tab opened on the resized image
    Crop works on the current picture
  9. Drag to select an area

    Press the mouse on the picture and drag. A frame appears with a dark area around it and a small label with the size of the selection. Our first frame was 683 × 1039 px. The X, Y, Width and Height boxes fill in as you drag, and you can also type numbers in them.

    Crop frame dragged over the picture with its size label
    Drag a frame, read its size in the label
  10. Use an aspect ratio preset

    Under Aspect Ratio Presets choose Free, 1:1, 4:3, 16:9, 3:2, 2:3, 9:16 or 3:4. Click a preset, then drag on the picture: the frame keeps that proportion. With 9:16 our frame came out 574 × 1021 px.

    Crop frame with the 9:16 preset selected
    9:16 gives a tall frame, 574 x 1021
  11. Try 1:1 for a square

    With 1:1 the width and the height are always the same. Our square frame was 1015 × 1015 px. Move the mouse onto the picture and drag again to place a new frame.

    Square crop frame with the 1:1 preset
    1:1: a square frame, 1015 x 1015
  12. Choose the format and quality

    In Output Settings pick JPG, PNG or WebP. For JPG and WebP the Quality slider sets how much the file is compressed: lower means a smaller file with less detail. In our recording the slider went from 95% to 55%.

    Output Settings with the JPG format and the Quality slider
    Pick a format, then the quality
  13. Press Apply Crop

    Press Apply Crop. The title changes to Cropped Image and the size next to it shows 1,015 × 1,015 px. If you do not like the result, press Reset to Original to go back to the photo you opened.

    Cropped Image of 1015 by 1015 pixels
    Cropped Image: 1,015 x 1,015 px
  14. Download the image

    A Ready to download box appears under the buttons with a small preview and a line with the size, for example 1015 × 1015 px and the file size and format (about 1.1 MB as PNG in our recording). Click Download Image.

    Ready to download box with the Download Image button
    Check the preview, then Download Image
  15. Save the file

    Choose a folder in the Save As window and press Save. The folder names in this picture are blurred. Use Use Another Image to start with a new picture.

    Save As window with the file name selected
    Choose a folder and press Save

Avoid a Stretched Picture

In our recording the photo was 6,000 × 4,000, a 3:2 shape. Clicking FHD 1080p set 1,920 × 1,080, a 16:9 shape, and the picture was stretched sideways. The cause is visible on screen: a quick size turns Lock aspect ratio off and fills in both numbers. Two ways to keep the proportions:

Aspect Ratio Presets

The presets are Free, 1:1, 4:3, 16:9, 3:2, 2:3, 9:16 and 3:4. The frames we dragged in the recording, on the 1,920 × 1,080 picture, had these sizes:

PresetTypical useFrame in our recording
1:1Profile picture, square post1015 × 1015
3:2Camera photo shape1321 × 881
9:16Tall story or phone screen574 × 1021
16:9Video thumbnail, slide(wide frame)

The numbers depend on where you drag and on the size of the picture, so yours will be different. What stays the same is the shape of the frame.

Good to Know

Follow ToolTiny for short tutorials

One-minute clips on converting, repairing and editing documents, images and text.

Tips for Better Results

Crop or resize your image now

Drag a frame or type exact pixels, then download. Free, no sign-up.

Open Crop & Resize

Related ToolTiny Tools

Frequently Asked Questions

How do I crop an image to an exact size online for free?
Open the ToolTiny Image Crop & Resize tool, upload your image, drag a frame on the picture or type X, Y, Width and Height in pixels, press Apply Crop and download the result. It is free with no sign-up and no watermark.
How do I resize an image to an exact width and height?
Open the Resize tab, type the width and height in pixels and press Apply Resize. With Lock aspect ratio switched on, typing a width fills in the height for you, so the picture keeps its proportions.
What is the difference between crop and resize?
Crop cuts away part of the picture and keeps the pixels of the area you select. Resize changes the number of pixels of the whole picture, so it becomes smaller or larger but shows the same content.
Why does my picture look stretched after I click a quick size?
Clicking a Quick Size such as FHD 1080p, 4K UHD or IG 1:1 switches Lock aspect ratio off and sets both numbers. If the shape of your picture is different from the shape of that size, for example a 3:2 photo and a 16:9 size, the picture is stretched. To avoid it, crop to the ratio you need first, or switch the lock on and type only the width.
Which should I do first, crop or resize?
Crop first and then resize. Crop works on the picture you see, so after you crop you can type the final width and height, and the result has exactly the size you typed.
Can I make a square or 16:9 crop?
Yes. Aspect Ratio Presets offer Free, 1:1, 4:3, 16:9, 3:2, 2:3, 9:16 and 3:4. In our recording 9:16 gave a 574 x 1021 frame, 3:2 gave 1321 x 881 and 1:1 gave 1015 x 1015.
Is my image uploaded to a server?
The page says the image is processed in your browser and never leaves your device. Nothing is needed from you except choosing the file.
Which file types and sizes are supported?
You can open JPG, PNG, WebP, GIF and BMP images up to 20 MB. You can save the result as JPG, PNG or WebP. An animated GIF is opened as a single still picture. The result can be up to 8000 pixels on each side.
What does the Quality slider do?
It sets the compression for JPG and WebP files. A lower value gives a smaller file with less detail. PNG is lossless, so it has no quality setting.
What happens to transparent areas?
PNG and WebP can keep transparent areas, JPG cannot store transparency. If your picture has a transparent background, save it as PNG or WebP.