Image Tools

Resize, compress, convert, and generate favicons from images.

13
Tools in this category
0
Signup required
Free
Always and forever

13 tools in Image Tools

All categories

Free browser-based image tools — compress, resize, and convert images online

Image tools on it.you handle the image optimisation and conversion tasks that web developers, designers, and content managers deal with constantly: compressing a JPG before uploading it to a CMS, converting PNG screenshots to WebP for smaller page payloads, resizing a photo to exact pixel dimensions for a social media profile, or generating a favicon from a logo PNG. Everything runs in your browser using the Canvas API — no files are uploaded.

WebP is the recommended format for web images in 2024 and beyond. It produces files 25–35% smaller than JPEG at equivalent quality, supports transparency like PNG, and is supported by all modern browsers. If you're still serving JPEG or PNG on the web, converting to WebP is one of the highest-ROI performance optimisations you can make.

Who uses these tools?

Web developers
Convert assets to WebP, compress images before CMS upload, resize thumbnails to exact pixel dimensions.
Designers
Export optimised assets for web delivery, generate favicons, and compare before/after file size savings.
Content managers
Reduce blog and product image file sizes before upload to improve page speed without changing dimensions.
DevOps & SREs
Optimise static assets in CI pipelines, reduce CDN bandwidth costs, improve Core Web Vitals scores.

What's in this category?

Tool types in this category

Type Count How it works Privacy
Browser-only 12 Runs entirely in your browser — no server requests No data leaves your device
Server-assisted 1 Requires a server query (DNS, WHOIS, IP lookup) Input sent to our server — not stored

Key concepts

WebP — A modern image format developed by Google that provides both lossy and lossless compression. At equivalent quality, WebP is typically 25–35% smaller than JPEG and 26% smaller than PNG. Supports transparency and animation.
Lossy vs lossless compression — Lossy compression (JPEG, WebP lossy) discards some image data to achieve smaller files — imperceptible at high quality settings. Lossless compression (PNG, WebP lossless) reduces file size without any data loss.
Canvas API — A browser API that allows pixel-level manipulation of images using JavaScript. All image conversion and compression tools on it.you use the Canvas API — files never leave your device.
Favicon — A small icon (typically 16x16, 32x32, or 192x192 pixels) that represents a website in browser tabs, bookmarks, and home screen shortcuts. Modern favicons should be provided as SVG (scalable) or ICO (legacy compatibility).
Core Web Vitals — Google's performance metrics for web pages: LCP (Largest Contentful Paint), FID (First Input Delay), and CLS (Cumulative Layout Shift). Image size and format directly affect LCP — the most impactful metric for SEO.

Frequently asked questions

Should I convert all my images to WebP?
For web delivery, yes — WebP is now supported by all modern browsers (Chrome, Firefox, Safari 14+, Edge). It offers better compression than JPEG with no visible quality loss at 80–85% quality. Keep originals in PNG or JPEG for editing.
Why does compressing a PNG make the file larger?
PNG is a lossless format. The browser Canvas API re-encodes PNG without the advanced compression passes (palette quantisation, zlib tuning) that specialist tools like pngquant apply. The result can be equal to or larger than the original. For real PNG compression, use pngquant or Squoosh locally, or convert to WebP.
What quality setting should I use for JPEG compression?
For web images, 75–85% quality reduces file size by 50–70% with no visible difference on screen. Use 90–95% for product photography and portfolios. Use 100% only for print or archiving.
What is the difference between resizing and cropping?
Resizing changes the overall dimensions of the image while keeping all content. Cropping removes portions of the image to achieve a target aspect ratio or composition. The Image Resizer tool resizes (scales) — use a dedicated image editor for cropping.
What favicon sizes do I need?
At minimum: 32x32 ICO for legacy browsers, 180x180 PNG for Apple Touch Icon, and 192x192 PNG for Android. Modern best practice is an SVG favicon for scalability plus a fallback ICO.

Save your favourites

Create a free account to bookmark Image Tools tools, see your recent history, and get recommendations.

Create free account Browse all tools →