Question 1

What is a Base64 image / Data URL?

Accepted Answer

A Data URL embeds an image directly in your HTML or CSS as a Base64 text string, so the browser does not need a separate file request.

Question 2

When should I inline images as Base64?

Accepted Answer

It is handy for small icons and images to reduce HTTP requests. Avoid it for large images, since Base64 adds about 33% to the size.

Question 3

Is my image uploaded?

Accepted Answer

No. Conversion happens entirely in your browser; your image never leaves your device.

Question 4

Which formats are supported?

Accepted Answer

PNG, JPG, GIF, WebP, SVG, and most common image types your browser can read.

Question 5

Why is the Base64 bigger than the file?

Accepted Answer

Base64 encoding increases size by roughly 33% because it represents binary data using a limited text alphabet.

Image → Base64