Free Image Tools Online

Home / Tools / Image & Design

Image and design tools that never see your image

Convert, compress, resize, extract palettes, remove backgrounds, read text and generate codes. All of it through the Canvas API in your own browser, with no upload step anywhere.

9 tools here, 150+ across the site
JPG PNG WEBP AVIF SVG GIF
All tools

Image and design tools

Tools for conversion, compression, colour and generation.

choosing a format

Six formats, and the one question that picks between them

Almost every format argument resolves once you know whether the image is a photograph, whether it needs transparency, and whether it has to animate.

JPEGLossy, no transparency, universally supported. Still the right default for photographs where a few compression artefacts will never be noticed.photos · email · legacy systems
PNGLossless with full alpha. Perfect for screenshots, logos and anything with sharp edges or flat colour. Large files for photographs.logos · UI · screenshots
WebPDoes both lossy and lossless, with transparency and animation. Roughly 25 to 35 percent smaller than JPEG at equivalent quality. Supported everywhere current.the modern default for web
AVIFSmaller again, often half the size of JPEG, with better gradient handling. Encoding is slow and support is good but not universal.hero images · large photos
SVGVector, so it scales to any size with no loss and no retina variants. Only suitable for shapes and text, never photographs.icons · logos · charts
GIF256 colours and dated compression, kept alive purely by universal support for short animations. A WebP or MP4 is smaller and looks better.short loops, reluctantly

One thing that catches people out constantly. Exporting a transparent PNG as JPEG does not warn you, it flattens the transparency onto a background, usually white or black. If a logo suddenly has a white box around it, that is what happened.

compression

What the quality slider is actually discarding

JPEG and WebP quality is not a percentage of anything. It is a knob controlling how aggressively high frequency detail gets thrown away.

1 to 40 40 to 60 60 to 75 75 to 90 90 to 100
visible blockingacceptable for thumbnailsweb defaultdiminishing returns

The useful range is narrower than it looks. Below 60 you get visible blocking around edges and banding in skies. Above 90 the file grows steeply while almost nothing improves, because you are spending bytes encoding detail the eye discards anyway. For most web work 75 to 85 is where the curve flattens.

Two things worth knowing. Quality settings are not comparable across encoders, so quality 80 in one tool is not quality 80 in another. And every lossy save discards more, permanently, so repeatedly opening and re-saving a JPEG degrades it a little each time. Keep a lossless master and export from that.

Resizing before compressing usually saves more than any quality setting. A 4000px photo displayed in a 600px column is carrying more than forty times the pixels it needs.

colour

Five notations for the same colour

The colour converter moves between all of these. They describe identical pixels in different vocabularies.

HEXSix digits of red, green and blue. Compact and universal, but says nothing meaningful to a human reading it.
RGBThree channels, 0 to 255. What the screen actually receives. Add alpha for transparency.
HSLHue, saturation, lightness. The one to reach for when you want a lighter version of the same colour without shifting the hue.
HSVHue, saturation, value. What most colour pickers use internally. Saturation means something different here than in HSL.
CMYKSubtractive, for print. Any conversion from screen colour is an estimate until an ICC profile and a real press are involved.
OklabPerceptually uniform, so equal numeric steps look like equal visual steps. Now supported in CSS and much better for gradients.

Contrast deserves a note of its own. The WCAG contrast requirement is 4.5 to 1 for body text, and it is calculated from relative luminance rather than anything you can eyeball. White text on a mid yellow looks fine and scores about 1.4 to 1, which is close to invisible for a lot of readers. The contrast checker on this page runs the actual formula.

Browse more

Other categories worth a look

Every category on ConvertNow, free and growing.

From the blog

Notes on images and colour

Format choices, compression tradeoffs and accessible palettes.

FAQ

Questions about image and design tools

Formats, compression, metadata and where the processing happens.

Are my images uploaded anywhere?
No. Decoding, resizing, recompressing and exporting all run through the browser Canvas API on your own device. Open the network tab while converting and you will see no requests at all. There is no server copy to delete afterwards.
Which format should I actually use?
Photographs go to WebP or AVIF for the web, JPEG when you need universal compatibility. Anything with transparency or sharp edges goes to PNG or WebP. Logos and icons should be SVG so they scale without retina variants. GIF only for short loops where nothing else is supported.
Does converting remove EXIF and GPS data?
Yes, as a side effect. Redrawing an image to a canvas discards the original metadata, so camera model, serial number and GPS coordinates do not survive into the exported file. That is usually what you want before publishing a photo.
What quality setting should I pick?
Between 75 and 85 for most web work. Below 60 you get visible blocking around edges and banding in skies. Above 90 the file grows steeply while almost nothing visible improves. Quality numbers are not comparable between different encoders.
Why did my transparent PNG get a white background?
Because you exported it as JPEG, which has no alpha channel at all. The transparency has to be flattened onto something, and white is the default. Keep PNG or WebP if the subject needs to sit on top of anything later.
Is there a file size limit?
No upload cap, since nothing is uploaded. Very large images use more browser memory and take longer, and the tools downscale anything over 2560 pixels on the long edge before heavy operations to keep phones responsive.
Does compressing an image twice lose more quality?
Yes, permanently. Every lossy save discards more detail, and it never comes back. Keep a lossless master such as PNG or the original camera file, and export from that each time rather than re-saving an already compressed JPEG.
What contrast ratio do I need to pass accessibility checks?
4.5 to 1 for normal body text and 3 to 1 for large text or interface components, under WCAG level AA. Worth knowing the formula measures brightness only, so two colours can pass while still being hard to distinguish for someone with colour vision deficiency.
Local only

Your images never upload

Photos are personal. Product shots are commercial. Neither should pass through a somebody else’s server to be resized.

Canvas does the workDecoding, resizing, recompressing and exporting all run through the browser Canvas API. Open the network tab while converting and you will see no requests.
No retention questionBecause nothing is uploaded, there is no retention policy to read and no deletion request to make.
Metadata is stripped by defaultRedrawing to a canvas discards EXIF, which means GPS coordinates and camera serial numbers do not travel with the exported file.
Batch without a queueProcessing happens on your machine, so there is no upload limit, no daily cap and no waiting behind other people.
Explore all tools
Powered by  GDPR Cookie Compliance
Privacy Overview

Cookies let this site remember your preferences and show us which tools people actually use. Full detail sits in our Privacy Policy.