Image Resizer

Image resizing changes the pixel dimensions of a raster image. This tool loads your file into an HTML <canvas> element and calls the 2D context's drawImage method to paint the source image into a canvas sized to your target width and height. The browser resamples the pixels to fit, then toDataURL exports the canvas as a base64 PNG you can download. Because a raster image is a fixed grid of pixels, shrinking discards pixels while preserving detail, but enlarging interpolates new pixels and can never recover detail that was not captured — upscaled images look soft or blocky. This tool uses the browser's default canvas smoothing; it does not set imageSmoothingQuality or apply a high-quality algorithm like Lanczos, so heavy downscaling may look softer than dedicated software produces. Width and Height are independent, so changing only one stretches the image. Output is always lossless PNG regardless of the input format, and browsers cap canvas dimensions (roughly 16,384 pixels per edge plus a total area limit), so very large targets can fail silently. Everything runs locally in JavaScript, so your image never leaves your device.