Image Size Reducer | Compress Image

const upload = document.getElementById(‘upload’); const targetSizeInput = document.getElementById(‘targetSize’); const compressBtn = document.getElementById(‘compressBtn’);const compressProgress = document.getElementById(‘compressProgress’); const compressBar = document.getElementById(‘compressBar’); const downloadProgress = document.getElementById(‘downloadProgress’); const downloadBar = document.getElementById(‘downloadBar’);const preview = document.getElementById(‘preview’); const originalPreview = document.getElementById(‘originalPreview’); const originalInfo = document.getElementById(‘originalInfo’); const compressedPreview = document.getElementById(‘compressedPreview’); const compressedInfo = document.getElementById(‘compressedInfo’);let originalFile = null;upload.addEventListener(‘change’, (e) => { if (!e.target.files[0]) return; originalFile = e.target.files[0];const url = URL.createObjectURL(originalFile); originalPreview.src = url; originalInfo.textContent = `${originalFile.name} | ${(originalFile.size / 1024).toFixed(1)} KB`;preview.style.display = ‘block’; compressedPreview.src = ”; compressedInfo.textContent = ”; compressProgress.style.display = ‘none’; downloadProgress.style.display = ‘none’; });compressBtn.addEventListener(‘click’, async () => { if (!originalFile) { alert(‘Please upload an image first!’); return; }const targetKB = parseInt(targetSizeInput.value); if (isNaN(targetKB) || targetKB maxBytes && quality > 0.05 && attempts < maxAttempts) { attempts++; quality -= 0.03; // Reduce quality gradually baseOptions.initialQuality = quality;compressBar.style.width = `${Math.min(90, 10 + attempts * 3)}%`; compressBar.textContent = `Attempt ${attempts}: Quality ~${Math.round(quality * 100)}%`;try { compressedFile = await imageCompression(originalFile, baseOptions); } catch (err) { console.error(err); break; } }// Final result const finalKB = (compressedFile.size / 1024).toFixed(1); const reduction = ((originalFile.size – compressedFile.size) / originalFile.size * 100).toFixed(1);const compressedURL = URL.createObjectURL(compressedFile); compressedPreview.src = compressedURL; compressedInfo.innerHTML = ` ${finalKB} KB ${finalKB <= targetKB ? '✓' : '⚠'} (Target: ≤${targetKB} KB)
${reduction}% smaller `;compressBar.style.width = ‘100%’; compressBar.textContent = ‘Compression Complete!’;// Auto download with progress downloadProgress.style.display = ‘block’; downloadBar.style.width = ‘0%’; downloadBar.textContent = ‘0%’;const filename = originalFile.name.replace(/.[^/.]+$/, “”) + `_compressed_${targetKB}kb.` + compressedFile.type.split(‘/’)[1];const a = document.createElement(‘a’); a.href = compressedURL; a.download = filename; document.body.appendChild(a);let progress = 0; const interval = setInterval(() => { progress += Math.random() * 20 + 10; if (progress > 100) progress = 100;downloadBar.style.width = progress + ‘%’; downloadBar.textContent = Math.round(progress) + ‘%’;if (progress >= 100) { clearInterval(interval); downloadBar.textContent = ‘Downloaded!’; setTimeout(() => { a.click(); document.body.removeChild(a); }, 300); } }, 120);compressBtn.disabled = false; });

Online Image Compressor Tool – Reduce Image Size Instantly

Compress your images quickly and efficiently with our online image compressor tool. Set a target file size, compress JPEG, PNG, or WebP images 100% in-browser, and auto-download the optimized image. Perfect for websites, blogs, and social media.

Why Use Our Image Compressor Tool?

• Fast & Reliable: Compress images directly in your browser without uploading to a server.
• Target File Size: Set your desired maximum size in KB, and the tool automatically adjusts quality to meet it.
• Supports Multiple Formats: Works with JPEG, PNG, and WebP images.
• Automatic Download: Once compression is complete, the optimized image downloads instantly.
• No Quality Compromise: Maintains visual quality while significantly reducing file size.
• Safe & Private: All processing is done locally on your device, so your images stay private.

How to Compress Your Image

1. Click Upload to select an image from your device.
2. Enter your maximum target size (in KB).
3. Click Compress to Target Size.
4. Watch the compression progress, then download the compressed image automatically.

Benefits for SEO & Website Speed

• Faster loading times for your website or blog.
• Improved user experience on mobile and desktop devices.
• Optimized images help boost Google PageSpeed and SEO rankings.

Supported File Types

• JPEG / JPG
• PNG
• WebP

Perfect For

• Bloggers and content creators.
• Website owners optimizing images for speed.
• Social media managers reducing file sizes without losing quality.
• Designers needing quick image compression.

Tips for Best Results

• Choose a target size that balances quality and file size.
• For very large images, consider resizing dimensions before compression.
• Use WebP format for maximum compression efficiency.