JPG to PNG Converter tool

 

JPG to PNG Converter

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } .converter-container { max-width: 600px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; } h1 { color: #333; } input[type="file"] { margin-bottom: 20px; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: #0056b3; } #download-link { display: none; } function convertToPng() { const fileInput = document.getElementById('file-input'); if (!fileInput.files || fileInput.files.length === 0) { alert('Please select an image file.'); return; } const reader = new FileReader(); reader.onload = function(event) { const img = new Image(); img.src = event.target.result; img.onload = function() { const canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); canvas.toBlob(function(blob) { const url = URL.createObjectURL(blob); const downloadLink = document.getElementById('download-link'); downloadLink.href = url; downloadLink.click(); URL.revokeObjectURL(url); }, 'image/png'); }; }; reader.readAsDataURL(fileInput.files[0]); }