How to Resize, Crop and Convert Images Without Installing Anything
Every GIF starts life as a still image, and most of them end up next to one. The thumbnail for a post. The frame you grabbed to see whether a clip was worth sharing. The logo you want in the corner. The screenshot someone sent you at the wrong size, in the wrong format, at four megabytes.
None of that needs software on your machine any more. A browser-based image editor handles the boring parts — resizing, cropping, converting, compressing — in the time it would take a desktop app to finish loading. What follows is which tool to reach for, and the handful of settings that actually change the result.
Resizing: the one setting people get wrong
Almost every bad resize comes from the same mistake: typing both a width and a height that don't match the original proportions. The picture stretches, faces go wide, text goes fat, and it looks wrong in a way most people notice without being able to name it.
Set one dimension and let the other follow. An image resizer keeps the aspect ratio locked by default, so pick the width your layout needs and leave the height alone. If you genuinely need an exact box — a square avatar, a fixed banner — crop to that shape first and resize afterwards. Cropping throws away pixels you didn't want; stretching ruins the ones you did.
The other rule: resize down, not up. Going from 400px to 1200px cannot invent detail that was never captured. There is a real fix for that further down, but it isn't the resizer.
Cropping to the part that matters
Most images carry dead space — empty desk, blank wall, half a doorway. Cutting it out does more for how a picture reads than any filter. An image cropper with preset ratios saves the arithmetic: 1:1 for avatars and most grids, 16:9 for video thumbnails and wide headers, 4:5 for the tall slot that social feeds give you.
Occasionally you have the opposite problem: the image is the wrong shape and there's nothing left to cut. An uncrop tool extends the edges and fills in what plausibly continues — more wall, more sky, more carpet. It is convincing on texture and backgrounds, and unconvincing the moment it has to guess at something structured, like a face near the edge or a line of text. Check the new edges before you use it.
Converting between PNG, JPG, WebP and GIF
Format is not a matter of taste, it's a matter of what the picture contains:
- PNG for anything with sharp edges or transparency: logos, icons, screenshots of text, line art.
- JPG for photographs, where its compression is nearly invisible and the file is a fraction of the size.
- WebP when you control where it's displayed — smaller than both at the same quality, and supported by every current browser.
- GIF for short animation, and for animation only. As a still-image format it is stuck at 256 colours and will band a photograph badly.
An image converter moves between them, along with the awkward ones you get handed rather than choose: HEIC from an iPhone, AVIF from a modern export, TIFF and RAW from a camera, ICO for a favicon. Converting a screenshot from PNG to JPG to save space is usually a mistake, though — JPG blurs exactly the crisp edges that make text readable.
Compression: smaller file, same picture
Page weight is the one image decision that touches everyone who visits, on the slow connection as much as the fast one. An image compressor will usually take 40–70% off a photograph before anything is visible to the eye.
Where to stop depends on the content. Photographs hide compression well: skin, foliage and sky have no hard edges to fall apart. Flat colour, gradients and text do not — push those too far and you get blocks around the letters and stripes across the gradient. Compress, look at it at full size, and if you can see the damage, go back one step. Flat graphics are usually better served by switching to PNG or WebP than by compressing a JPG harder.
When the source image is simply poor
Sometimes there's nothing to adjust, because the image arrived small, soft or badly lit. Three tools cover most of it:
- An image upscaler enlarges 2x, 4x or 8x and reconstructs detail rather than smearing pixels. It works well on faces and product shots, less well on heavy JPG artefacts — it will happily sharpen the blocks along with everything else.
- An image enhancer fixes the ordinary faults of a phone photo: flat exposure, muddy colour, a slightly soft focus.
- A background remover cuts the subject out so you can drop it on a colour, a banner or a slide. Hair and glasses are where these break down, so zoom in on the edge before trusting it.
There's a decent test for all three: if you can't tell it was touched, it worked.
The two steps people skip
First, alt text. Every image that carries meaning needs a sentence describing what's in it — for screen readers first, and search engines second. If writing them for forty images sounds like an afternoon gone, an alt text generator gives you a serviceable first draft to correct, which is a great deal faster than starting from an empty box.
Second, the thumbnail. A thumbnail is not a shrunk image; it's a different composition, because it will be viewed at a fraction of the size. Crop tighter than feels right, and if there's text, make it far bigger than looks sensible at full size. For video specifically, a thumbnail maker starts you at the correct dimensions instead of having you look them up.
Where the GIFs come in
Still images and animation do different jobs. A still explains; a GIF reacts. When it's the reaction you want, take a ready-made one rather than building it — browse reaction GIFs, see what's moving in trending GIFs, or go straight to the occasion with happy birthday GIFs and thank you GIFs. Every one of them is free to download and drop into a message, a post or a slide.
Keep the division of labour clear: prepare the stills in an image editor, and let a GIF handle the part a still can't do.
Start here
Nothing above needs an install or an account to try: resize, crop, convert or compress a file in the browser and see what comes back. Then come back for the animated part.