How It Works:

Image Upload: The user selects an image, which is loaded and displayed in the preview area. The original dimensions are set in the width and height input fields.
Dimension Adjustment: The user can adjust either the width or height. If only one is entered, the other is auto-calculated to preserve the aspect ratio.
Resizing: Upon clicking the "Resize Image" button, the image is drawn onto a hidden canvas element with the new dimensions, and the preview is updated.
Download: The "Download Resized Image" button lets users download the new image as a PNG file.



Responsive Image Resizer

Responsive Image Resizer

Resized Image