Which one to choose? Quickly decrease the width and height of a PNG. How to create a function that invokes each provided function with the arguments it receives using JavaScript ? How to get a subset of a javascript objects properties? Anyway, thanks for your response, @Daekard how did you convert into webp? Allowed image types: JPG, JPEG, PNG, GIF, BMP, TIFF, SVG - Max size: 10Mb. On what basis are pardoning decisions made by presidents or governors when exercising their pardoning power? How can I convert a string to boolean in JavaScript? What does 'They're at four. We converted a File, Blob, , and to DataURLs and we looked at how to convert a DataURL to a Base64 string. How to wait for a promise to finish before returning the variable of a function ? Now we will put onchange on the input type and this will execute a function imageUploaded () when you upload an image. Would you ever say "eat pig" instead of "eat pork"? Which was the first Sci-Fi story to predict obnoxious "robo calls"? Passing that function to a new variable, we will use it in another function that will perform the conversion task. We will initiate an image constructor, and the src property for that corresponding object will translate the base64 string. The base64 encoded string that you provided decodes to an image in PNG format. Not the answer you're looking for? In fact, it is a data URL, but it contains the Base64-encoded image: This can only be useful if you dont need the original Base64 string or original image type. // Wait for the image to load before converting, converting a file to base64 string or dataURL, converting an image tag to a Base64 string, Convert A File To A Base64 String Or DataURL Using JavaScript, Cropping Images To A Specific Aspect Ratio With JavaScript. In this short tutorial we explore 3 different JavaScript methods to convert an image into a Base64 string. To learn more, see our tips on writing great answers. The free plan lets you use PNG tools for personal use only. To learn more, see our tips on writing great answers. How to get the first non-null/undefined argument in JavaScript ? How to create Text Editor using Javascript and HTML ? Convert PNG to Base64 - Online PNG Maker Can you still use Commanders Strike if the only attack available to forego is an attack against an ally? Base64 encoding tool supports loading the Base64 text File to transform to Image.