Resize images to exact dimensions or by percentage — free, in-browser
Original
Resized
This resizer uses HTML5 Canvas drawImage() with specified target dimensions — the browser's built-in bilinear interpolation algorithm handles the pixel resampling. When downscaling, this produces smooth results without manual anti-aliasing. The aspect ratio lock computes the complementary dimension using the original width/height ratio, preventing the common mistake of stretched or squished images. Output encoding uses canvas.toBlob() with format-specific quality parameters.
Real-world use cases:
<picture> elements and srcset attributes.This tool is part of the FAK LAB ecosystem, founded by Faizan Ahmad Khan Khichi. Image resizing happens entirely in your browser using Canvas API. Your photos — personal, professional, or confidential — are never uploaded to any server. The resize computation occurs in local memory, and the result exists only until you download it or navigate away. No image data is transmitted, cached, or accessible to anyone.
Downscaling (making smaller) generally maintains visual quality because you're discarding excess pixels — the remaining pixels are interpolated smoothly. Upscaling (making larger) reduces quality because the browser must invent new pixels through interpolation, resulting in blur. For best results, start with the highest resolution source available.
It maintains the image's original proportions (width÷height ratio). When locked, changing width auto-calculates height (and vice versa) to prevent stretching. Unlock it only if you intentionally want non-proportional scaling — for example, cropping a landscape photo into a square format.
PNG for images needing transparency or pixel-perfect sharpness (logos, screenshots, graphics). JPEG for photographs where small lossy artifacts are imperceptible. WebP for the best of both worlds — supports transparency AND lossy compression with 25-35% smaller files than JPEG. Use WebP for web, JPEG for maximum compatibility.