Image Tools — Complete Guide

This guide covers every image tool on ToolStackTools: format conversion (JPG/PNG/WebP), resizing, compression, cropping, rotation, watermarking, colour picking, base64 encoding and background removal. Everything runs on the browser's Canvas API and WebAssembly — your photos never leave your device. If you're preparing images for the web, social media, e-commerce, or print, the correct workflow is the difference between a 4 MB blurry mess and a crisp 120 KB asset.

Alle tools

• Afbeelding Verkleinen

  Comprimeer afbeeldingen zonder kwaliteitsverlies.

• Afbeelding Aanpassen

  Verander afmetingen van afbeeldingen.

• JPG naar PNG

  Zet JPG-afbeeldingen om naar PNG-formaat.

• PNG naar JPG

  Zet PNG-afbeeldingen om naar JPG-formaat.

• Afbeelding Bijsnijden

  Snijd afbeeldingen bij op elke maat.

• Afbeelding Draaien

  Draai afbeeldingen naar elke hoek.

• Afbeeldingen omzetten

  Zet afbeeldingen om tussen verschillende formaten.

• GIF-maker

  Gebruik GIF-maker direct online.

• Screenshot naar PDF

  Maak van je screenshots één PDF-document.

• Achtergrond Verwijderen

  Verwijder automatisch de achtergrond van afbeeldingen.

• Afbeelding Watermerk

  Gebruik Afbeelding Watermerk direct online.

• Afbeelding naar Base64

  Zet afbeeldingen om naar Base64-strings.

• Base64 naar Afbeelding

  Gebruik Base64 naar Afbeelding direct online.

• Kleurkiezer

  Gebruik Kleurkiezer direct online.

• Afbeeldingsfilter

  Gebruik Afbeeldingsfilter direct online.

Choose the right format for the job

JPG for photographs and complex imagery where a small quality loss is invisible but file size matters. PNG for logos, icons, screenshots, and anything with sharp edges or transparency. WebP when you control the target platform (all modern browsers, most CMSs) — typically 25-35% smaller than JPG at the same quality. GIF only for tiny animations. Using the wrong format is the single most common reason images look bad or load slowly.

The correct order of operations

Always resize before compressing. A 4000×3000 image compressed to 80% quality is still ~4000×3000 and still huge; a 1200×900 image at 80% quality is a fraction of the size with no visible difference at typical viewing sizes. Correct order for a web hero image: (1) crop to the aspect ratio you need, (2) resize to the target pixel dimensions, (3) convert to the right format, (4) compress. Reversing these steps wastes bytes.

Compression that doesn't destroy quality

Lossy compression removes information your eye barely notices — start at quality 80 and drop only if the file is still too big. Compressing an already-compressed JPG multiple times causes cumulative degradation (this is why memes look worse each repost). Always keep the original and re-export from it rather than re-compressing an existing output.

Background removal and colour picking

Background Remover uses an AI segmentation model that runs in your browser — no upload. It works best on subjects with clear edges (people, products, animals). For fuzzy edges (hair, glass, motion blur) manual touch-ups may still be needed. Colour Picker extracts hex/RGB/HSL values from any pixel, useful for matching brand colours or building a palette from a mood board.

Preparing images for specific platforms

Instagram feed: 1080×1080 or 1080×1350 (portrait). LinkedIn post: 1200×627. Twitter/X card: 1200×628. Blog hero: 1600×900 at ~150 KB. Product listing: 2000×2000 square, WebP, under 200 KB. E-commerce zoom: same aspect ratio, higher resolution, then compressed. Resize with our Image Resizer to exact pixel dimensions, then compress to hit the file-size target.

Veelgestelde vragen