Image Resizer

The Image Resizer changes the pixel dimensions of one uploaded PNG, JPG, JPEG, or WebP image. Add an image by dragging it onto the upload area or using the file picker, review the preview and original dimension badge, enter the new Width (PX) and Height (PX), then use Resize & Download to save the resized copy.

This tool is useful when an image is visually correct but too large, too small, or the wrong pixel size for a profile, product listing, blog post, email, form, or design mockup. It focuses on direct dimension resizing, not cropping, format conversion, AI upscaling, batch processing, compression, or quality tuning.

How to use Image Resizer

1. Drag a PNG, JPG, JPEG, or WebP image into the upload area, or click the upload area to browse for a file.
2. Wait for the preview to load. The tool reads the image and fills the width and height fields with the original pixel dimensions.
3. Check the original dimension badge in the preview area so you know the starting size.
4. Leave Maintain aspect ratio checked if you want the image to keep its original proportions.
5. Enter the target value in Width (PX) or Height (PX). With aspect ratio enabled, changing one field updates the other from the original ratio.
6. Turn off Maintain aspect ratio only when you intentionally want to set width and height independently.
7. Click Resize & Download to create the resized image and download it to your device.

The download uses the original image's file type and extension. The filename is built from the original name plus the requested dimensions, such as sample_600x400.jpg. If the original was a WebP file, the resized download keeps the WebP extension; if it was a PNG, the resized download keeps the PNG extension.

Inputs, outputs, and limitations

Image Resizer accepts one image at a time. The live interface lists a maximum file size of 2MB and supports PNG, JPG, JPEG, and WebP. The underlying validation checks the selected file's MIME type against image/png, image/jpeg, image/jpg, and image/webp. It also checks the file size against the active PHP upload limit, calculated from the smaller of upload_max_filesize and post_max_size.

The resize operation uses a browser canvas sized to the requested width and height, then draws the loaded image into that canvas. That means the visible image content is scaled to fit the new dimensions. If you turn off aspect ratio and enter a mismatched width and height, the image is stretched or squeezed rather than cropped. Use an image cropper when you need to remove edges or change framing without distorting the subject.

The tool does not provide batch resizing, folder upload, crop handles, rotation controls, format conversion, EXIF editing, metadata retention settings, a quality slider, target file-size controls, background replacement, or AI upscaling. Canvas export creates a new image file from pixels, so do not rely on it to preserve camera metadata, color-profile details, GPS tags, or other embedded information.

Verified behavior example

Suppose you select a file named banner.jpg with original dimensions of 1200x800 pixels. After the image loads, the preview appears, the original dimension badge shows the starting size, and the width and height fields are filled with 1200 and 800.

With Maintain aspect ratio still enabled, change Width (PX) to 600. Because the original ratio is 1200:800, the tool updates the height to 400. Clicking Resize & Download creates a canvas at 600x400, draws the image into that canvas, converts the canvas to a blob using the original file type, and downloads a resized JPG. The filename includes the requested size, for example banner_600x400.jpg.

If you turn off Maintain aspect ratio and enter 600 by 600, the output is square, but the image content is scaled into that square rather than cropped. That is usually not ideal for people, products, logos, or photos where natural proportions matter.

Browser processing and privacy notes

The verified implementation is a browser-side Alpine and canvas component named window.bitflanConvertComponent(). The selected image is loaded in the page, read for its original width and height, previewed with an object URL, drawn into an HTML canvas at the requested dimensions, converted with canvas.toBlob(blob, file.type), wrapped as a downloaded file, and saved through a temporary download link.

No separate server upload or storage path was found for the resize processing in the verified tool implementation. The page still belongs to the broader Digital Domain Kit website, and normal sitewide scripts may load, so this documentation avoids promising absolute anonymity or a complete absence of telemetry. Avoid opening sensitive documents, private identity images, credentials, unpublished client material, or photos containing confidential information in any public web tool unless your own privacy requirements allow it.

Local traces may remain outside the tool itself: your browser may keep the download in its downloads list, your operating system may keep file history, and both the original and resized images remain wherever you store them.

Troubleshooting

Related tools

Image Resizer is best when the main task is changing pixel dimensions. These related tools help with adjacent image-editing decisions:

• Image Compressor for reducing file size when an image is too heavy to upload or share.
• Image Cropper for trimming edges, changing framing, or creating a specific composition instead of stretching the whole image.
• Image Rotate for turning an image left or right before resizing it.
• Image to Grayscale for creating a black-and-white version after the dimensions are correct.
• Aspect Ratio Calculator for calculating proportional width and height values before entering them here.

Editorial and technical method

Built and maintained by Digital Domain Kit. Editorial and technical behavior reviewed September 14, 2026, from the verified implementation notes for resources/views/modules/tools/image-resizer/view.blade.php, resources/views/modules/tools/image-resizer/header.blade.php, resources/views/modules/tools/image-resizer/selector.blade.php, lang/en/webtools/tools/image-resizer.php, app/Settings/Tools/ImageResizerSettings.php, and the current settings group tool-image-resizer.

This supporting content describes the current tool as a single-image browser canvas resizer with drag-and-drop or click-to-browse selection, original-dimension preview, aspect-ratio locking, pixel width and height fields, supported image validation, and a resized download whose filename includes the requested dimensions. It intentionally avoids claiming batch processing, server-side storage guarantees, no quality loss, full metadata preservation, format conversion, crop controls, AI enhancement, compression settings, or exact JavaScript enforcement of the displayed maximum dimension hint. To report a problem with this page or its documentation, use the contact page.

Technical references

• MDN: HTMLCanvasElement
• MDN: CanvasRenderingContext2D.drawImage()
• MDN: HTMLCanvasElement.toBlob()
• MDN: URL.createObjectURL()