CONVERT JPG TO PNG

JPG to PNG Converter

function convertToPng() { var fileInput = document.getElementById('fileInput'); var file = fileInput.files[0]; if (!file) { alert('Please select a JPG image file.'); 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'); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); var pngUrl = canvas.toDataURL('image/png'); var result = document.getElementById('result'); result.innerHTML = ''; } }; } 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; } #result { text-align: center; margin-top: 20px; } This code creates a simple web-based JPG to PNG converter. Users can upload a JPG image file, and the script converts it to PNG format and displays the converted image. The CSS provides basic styling for the elements.