JPG TO PNG CONVERTER

JPG to PNG Converter

Choose a JPG file:

Converted PNG:

JPG to PNG Converter

Choose a JPG file:

Converted PNG:

const form = document.querySelector('form'); const inputFile = document.querySelector('#input-file'); const outputImage = document.querySelector('#output-image'); form.addEventListener('submit', (event) => { event.preventDefault(); if (!inputFile.files[0]) { alert('Please choose a JPG file to convert.'); return; } const reader = new FileReader(); reader.readAsDataURL(inputFile.files[0]); reader.onload = (event) => { const img = new Image(); img.src = event.target.result; img.onload = () => { const canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; const context = canvas.getContext('2d'); context.drawImage(img, 0, 0); const pngData = canvas.toDataURL('image/png'); outputImage.src = pngData; }; }; }); .container { max-width: 800px; margin: 0 auto; padding: 20px; text-align: center; } h1 { margin-bottom: 20px; } .form-group { margin-bottom: 20px; } .btn { display: inline-block; background-color: #007bff; color: #fff; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background-color 0.2s; } .btn:hover { background-color: #0069d9; } .output { margin-top: 20px; } h2 { margin-bottom: 10px; }