Image Resizer

Resize your images to exact dimensions or by percentage with this free online tool. Perfect for social media, websites, or email attachments.

How to Use

Click the upload button or drag and drop your image into the upload area
Choose your resize method: dimensions or percentage
Enter your desired width and height or percentage
Click the "Resize Image" button
Preview the results and download your resized image

Features

Resize JPG, PNG, WebP, and GIF images
Resize by exact dimensions or percentage
Maintain aspect ratio option
Preview before and after resizing
See original and new dimensions
Download resized images instantly
100% free with no registration required
Privacy-focused: all processing happens in your browser

Why Resize Images?

Image resizing is useful for many purposes:

Social media optimization: Each platform has ideal image dimensions
Website performance: Properly sized images load faster
Email attachments: Reduce file size for easier sharing
Print preparation: Adjust dimensions for printing
Profile pictures: Resize to required dimensions

Tips for Best Results

Maintain aspect ratio to prevent image distortion
Avoid enlarging small images as this can reduce quality
For web images, resize to the exact dimensions they'll be displayed
When in doubt, use percentage scaling to maintain proportions
Consider using our Image Compressor tool after resizing for web optimization

📁

Drag & drop your image here or

document.addEventListener('DOMContentLoaded', function() { // Elements const dropArea = document.getElementById('drop-area'); const fileInput = document.getElementById('file-input'); const uploadBtn = document.getElementById('upload-btn'); const settingsPanel = document.getElementById('settings-panel'); const dimensionsPanel = document.getElementById('dimensions-panel'); const percentagePanel = document.getElementById('percentage-panel'); const widthInput = document.getElementById('width'); const heightInput = document.getElementById('height'); const maintainRatio = document.getElementById('maintain-ratio'); const percentageInput = document.getElementById('percentage'); const resizeBtn = document.getElementById('resize-btn'); const previewContainer = document.getElementById('preview-container'); const originalPreview = document.getElementById('original-preview'); const resizedPreview = document.getElementById('resized-preview'); const originalDimensions = document.getElementById('original-dimensions'); const resizedDimensions = document.getElementById('resized-dimensions'); const downloadBtn = document.getElementById('download-btn'); const resizeMethods = document.getElementsByName('resize-method'); // Variables let originalImage = null; let resizedImage = null; });