Compress JPEG to 30KB

JPEG Compressor

Download Compressed Image

function compressImage() { var fileInput = document.getElementById('fileInput'); var file = fileInput.files[0]; if (!file) { alert('Please select an image file.'); return; } var fileSize = file.size / 1024; // Convert bytes to KB if (fileSize <= 30) { alert('Image is already below 30KB.'); return; } var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(event) { var img = new Image(); img.src = event.target.result; img.onload = function() { var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); var maxWidth = 800; var maxHeight = 600; var width = img.width; var height = img.height; if (width > height) { if (width > maxWidth) { height *= maxWidth / width; width = maxWidth; } } else { if (height > maxHeight) { width *= maxHeight / height; height = maxHeight; } } canvas.width = width; canvas.height = height; ctx.drawImage(img, 0, 0, width, height); canvas.toBlob(function(blob) { var compressedFileSize = blob.size / 1024; // Convert bytes to KB var downloadLink = document.getElementById('downloadLink'); downloadLink.href = URL.createObjectURL(blob); downloadLink.style.display = 'block'; downloadLink.innerHTML = 'Download Compressed Image (' + compressedFileSize.toFixed(2) + 'KB)'; }, 'image/jpeg', 0.7); // Adjust the compression quality here (0.7 means 70% quality) } } } body { font-family: Arial, sans-serif; } .container { max-width: 600px; margin: 0 auto; padding: 20px; } h1 { text-align: center; } input[type="file"], button { display: block; margin: 10px auto; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; cursor: pointer; } button:hover { background-color: #0056b3; } #downloadLink { text-align: center; margin-top: 20px; } #result { text-align: center; margin-top: 20px; } This code creates a web page where users can upload a JPEG image file, and the script will compress it to approximately 30KB (adjustable) and provide a download link for the compressed image.