300x300 Image Converter body { font-family: Arial, sans-serif; max-width: 600px; margin: 20px auto; padding: 20px; } .converter-box { border: 2px dashed #ccc; padding: 20px; text-align: center; } #preview { margin: 20px 0; border: 1px solid #ddd; } button { padding: 10px 20px; background: #4CAF50; color: white; border: none; cursor: pointer; margin: 5px; } .hidden { display: none; } 300x300 Image Converter PNG JPEG Convert Download const imageInput = document.getElementById('imageInput'); const preview = document.getElementById('preview'); const convertBtn = document.getElementById('convertBtn'); const downloadBtn = document.getElementById('downloadBtn'); const formatSelect = document.getElementById('formatSelect'); let convertedImage = null; imageInput.addEventListener('change', function(e) { const file = e.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = function(e) { preview.src = e.target.result; preview.classList.remove('hidden'); convertBtn.classList.remove('hidden'); } reader.readAsDataURL(file); } }); function convertImage() { const img = new Image(); img.onload = function() { const canvas = document.createElement('canvas'); canvas.width = 300; canvas.height = 300; const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0, 300, 300); const format = formatSelect.value; canvas.toBlob(function(blob) { convertedImage = URL.createObjectURL(blob); downloadBtn.classList.remove('hidden'); preview.src = convertedImage; }, `image/${format}`, 0.9); } img.src = preview.src; } function downloadImage() { const a = document.createElement('a'); a.download = `converted-300x300.${formatSelect.value}`; a.href = convertedImage; a.click(); } Bangla Date Converter Free Convert Rupee To Taka Zakat Calculator BD Free Online Random Gift Card Generator Spell Checker
