WebP to Base64

Use this free WebP to Base64 converter to turn any WebP image into a Base64 string or a ready-made code snippet. Select a local .webp file (or paste a link to a remote one), pick the output format and press Encode WebP to Base64.

WebP file
Drop your WebP file here or choose one

How to convert WebP to Base64 online

  1. Choose Local file and select a .webp file, or choose Remote URL and paste a link.
  2. Select the output format: plain Base64, data URI, HTML tag, CSS, JavaScript, JSON or XML.
  3. Click Encode WebP to Base64. The result appears instantly with a preview.
  4. Copy the result to the clipboard or download it as a .txt file.

About WebP (WebP)

WebP is a modern image format released by Google in 2010. It supports both lossy and lossless compression, alpha transparency and animation, and is typically 25–35% smaller than an equivalent JPG or PNG.

All current browsers support WebP, which makes it an excellent source for Base64 data URIs: a smaller image means a shorter encoded string and a faster page.

Developed2010, Google
CompressionLossy and lossless
TransparencyYes
AnimationYes
File signatureRIFF....WEBP

Output formats

Choose how the result should be wrapped. The converter can return:

  • txt: only the Base64 string, ready to paste into code, a database field or an API request.
  • uri: a complete data: URI that you can paste in a browser address bar or use anywhere a URL is accepted.
  • html img: an <img> tag with the data URI in src.
  • css background image: a CSS rule using background-image: url(data:...).
  • html favicon: a <link rel="icon"> tag for an inline favicon.
  • html hyperlink: an <a> link that downloads or opens the embedded file.
  • html iframe: an <iframe> that renders the content inline.
  • javascript image: JavaScript that creates an Image object.
  • javascript popup: JavaScript that opens the content in a new window.
  • json: a JSON object with the file name, MIME type and data.
  • xml: an XML element with the data inside a CDATA section.

Is it safe and how large will the result be?

Your file is never uploaded: it is read and converted locally by your browser using the File API, so even confidential documents stay on your device.

Base64 represents every 3 bytes with 4 characters, so the encoded result is about 33% larger than the original file (plus a few bytes for padding and the data URI prefix).

Frequently asked questions

How do I convert WebP to Base64?

Select your .webp file above and click "Encode WebP to Base64". The converter reads the file in your browser and outputs the Base64 string or a ready data URI.

What does a Base64-encoded WebP start with?

A WebP file encoded to Base64 typically starts with "UklGR". As a data URI it begins with "data:image/webp;base64,".

Is there a file size limit?

There is no hard limit because the conversion runs locally, but very large files produce very long strings. Files up to about 50 MB work comfortably in modern browsers.

How do I convert the Base64 back to WebP?

Use the Base64 to WebP decoder: paste the string, and you can preview and download the original .webp file.

Related tools and guides

Comments (0)

Questions, ideas or a bug in “WebP to Base64”? Leave a comment, rate the tool, or reply to others.

No comments yet. Be the first to share your feedback!

Leave a comment

Rate this tool:
Esc
↑ ↓ move↵ openEsc close