Example
Input
user.jpg (1920×1080, 543 KB)
Output
user_600x400.jpg (600×400, 78 KB)
Note
Source ratio (1.78) ≠ target ratio (1.5) → crop mode center-crops to exactly 600×400.
Usage guide
Use cases
- Fit profile pictures to a fixed size (e.g., 600×400)
- Resize and reduce file size for social or blog upload
- Match width/height requirements on registration or admin forms
- Generate thumbnails in bulk (aspect ratio preserved)
- Cut down mobile data — drop JPEG quality to shrink file size
FAQ
- Q.Is my file uploaded anywhere?
- A.No. All processing happens in your browser via the Canvas API. The file never leaves your device.
- Q.Can it handle big files?
- A.Up to 20 MB. 4K or large RAW files depend on your browser's memory and may run slowly — not recommended.
- Q.Which format should I pick?
- A.Photos -> JPEG (best compression). Transparency required -> PNG (lossless). Modern browsers + smaller files -> WebP.
Fun facts
Image resizing comes down to pixel-interpolation choice: fast-but-blocky nearest-neighbor → smooth bilinear → sharper bicubic → highest-quality Lanczos. The browser Canvas API's `drawImage` defaults to bilinear or bicubic — a quality/speed compromise.
Wikipedia — Image scalingJPEG's 'quality' slider actually controls the strength of the DCT-coefficient quantization table. Below ~80% you start seeing block artifacts; 90–95% is the sweet spot where the eye can't tell the difference but the file is smallest.
Wikipedia — JPEG qualityWebP, announced by Google in 2010, is on average 25–35% smaller than JPEG and supports lossless mode like PNG. iOS 14 (2020) was the last major browser to add support — that's when WebP truly hit universal-browser compatibility.
Google — WebP
Related guides
- Image Optimization for the Web — WebP, AVIF, srcset, and the Right Compression
Modern image formats compared, when to pick JPEG vs WebP vs AVIF, responsive images with srcset, lazy loading, and how compression actually works.
- SVG Optimization — From 50KB Editor Export to 5KB Production-Ready
Why editor exports balloon, what SVGO removes, when to inline vs reference, sprite sheets, and the security checklist for user-uploaded SVGs.
- How Image Compression Actually Works (PNG, JPG, WebP, AVIF)
What's inside a JPEG, why PNG is lossless, how WebP and AVIF squeeze further without visible loss. Discrete cosine transform, Huffman coding, palette indexing, and the trade-offs each format makes.
Related tools
- Color Converter
Convert colors between HEX, RGB, and HSL with a live preview swatch. Auto-detects any of the three input formats.
- Image to Base64 (Data URI)
Convert an image file to a Base64 data URI for inline embedding in HTML/CSS/Markdown. Up to 5 MB.
- Image Crop
Crop images right in your browser — drag to select, lock aspect ratios (1:1, 16:9…), export PNG/JPEG. No upload.
- Emoji Picker
Pick and copy emojis with one click. Search by name (en/ko), browse by category, and keep your recents and favorites in the browser.
- QR Code Generator
Generate a QR code from any text or URL. Adjustable error correction (L/M/Q/H), SVG output, downloadable.
- Color Contrast Checker
Check the WCAG contrast ratio between two colors. Pass/fail for AA Normal/Large + AAA Normal/Large with a live sample.
- Color Palette Generator
Generate a palette from a single base color — shades, tints, complement, analogous, triad, tetrad. HSL-based. 0 dependency.
- CSS Gradient Generator
Build linear, radial, and conic CSS gradients with color stops + angle/position. Live preview + copy-ready CSS.
- PDF Merge
Merge multiple PDF files into a single document. Drag to reorder pages, all client-side — files never leave your browser.
- PDF Split
Extract a page range from a PDF — e.g. 1-3,5,7-9. All client-side, files never leave your browser.
- PDF Rotate
Rotate all or selected PDF pages by 90°, 180°, or 270°. Useful for scanned documents in wrong orientation. All client-side.
- PDF Watermark
Add a text watermark (CONFIDENTIAL, DRAFT, etc.) to every PDF page. Control opacity, rotation, size, color. All client-side.
- PDF Compress
Re-encode a PDF with object stream compression and metadata stripping. Modest size reduction (text-heavy: 5-20%). Image-heavy PDFs need server-side tools. All client-side.
- Image to PDF
Combine JPG, PNG, and other images into a single PDF — in your browser. Reorder pages, choose A4/Letter or original size. Nothing is uploaded.
- Favicon Generator
Make a favicon from an image, emoji, or text — multi-size favicon.ico, apple-touch-icon, PWA icons + ready HTML/manifest snippets, in your browser.