Free Image Resizer Tool

Image Resizer Tool

 

Features:

1. Image Upload:

   • Users can upload any image using the file input element.

2. Custom Height and Width:

   • Inputs for entering the desired height and width in pixels.

3. Responsive Canvas:

   • Displays the resized image on a canvas element for preview.

4. Download Button:

   • Allows downloading the resized image in .png format.

5. Styling:

   • Features colorful, modern styling with a gradient background and styled buttons.

6. Responsive Design:

   • Fully functional across devices, including desktops, tablets, and smartphones.

---

How It Works:

1. Image Upload:

   • The FileReader API reads the uploaded image, and the Image object loads it for resizing.

2. Canvas Resizing:

   • The canvas element redraws the image with the specified dimensions.

3. Download Resized Image:

   • The resized image is converted into a data URL and made available for download.