How to Convert an Image to PNG format with JavaScript

Looking for an easy, stress-free way to quickly convert images to PNG format on your app/website? We have a great solution: our PNG conversion API takes dozens of common image formats and converts them to PNG automatically, returning the necessary file encoding to produce a new PNG file. If you’re uploading transparent images, never fear — the transparency will be preserved during the conversion.

You can use this API for free by registering a free account on our website. Use the below JavaScript code examples to structure your API call, and then include your API key to authenticate access — it’s just that easy.

To structure your call around JavaScript’s built-in XHR feature, use the below snippet:

var data = new FormData();
data.append("imageFile", fileInput.files[0], "file");

var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function() {
if(this.readyState === 4) {
console.log(this.responseText);
}
});
xhr.open("POST", "https://api.cloudmersive.com/image/convert/to/png");xhr.setRequestHeader("Apikey", "YOUR-API-KEY-HERE");xhr.send(data);

To install the jQuery library instead, run the following command:

bower install jquery

Then structure your call like so:

var form = new FormData();
form.append("imageFile", fileInput.files[0], "file");
var settings = {
"url": "https://api.cloudmersive.com/image/convert/to/png",
"method": "POST",
"timeout": 0,
"headers": {
"Content-Type": "multipart/form-data",
"Apikey": "YOUR-API-KEY-HERE"
},
"processData": false,
"mimeType": "multipart/form-data",
"contentType": false,
"data": form
};
$.ajax(settings).done(function (response) {
console.log(response);
});

And you’re all done — easy as that.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Cloudmersive

Cloudmersive

There’s an API for that. Cloudmersive is a leader in Highly Scalable Cloud APIs.