What is a data URI and when should I use it?

A data URI embeds the image data directly in the URL string (data:image/png;base64,...) so the browser doesn't make a separate HTTP request. Best for small icons and logos — avoid for large images as it increases HTML size.

Does converting an image to Base64 increase its size?

Yes. Base64 encoding increases the data size by approximately 33%. A 10KB image becomes roughly 13KB as a Base64 string, which is why this technique is best reserved for small images.

Which image formats are supported?

All common image formats are supported: PNG, JPEG, GIF, WebP, SVG, BMP, and ICO. The output data URI will use the correct MIME type for each format.

บ้าน เครื่องมือImage to Base64

รูปภาพเป็น Base64

Name: รูปภาพเป็น Base64
Rating: 4.8 (120 reviews)
Author: DailyDevTools

แปลงรูปภาพเป็นสตริง Base64

อัปโหลดรูปภาพ

JPG, PNG, GIF, SVG, WebP

Use these tools directly in Chrome

Install the DailyDevTools extension — access all tools from your browser toolbar

Add to Chrome

What is Image to Base64?

Converting images to Base64 lets you embed them directly into HTML, CSS, JavaScript, or JSON without a separate file request. This is useful for inlining small icons in data URIs, embedding images in email templates, or sending images in API payloads. DailyDevTools' Image to Base64 converter processes images entirely in your browser — your images never leave your device.

How to use Image to Base64

1Click Upload or drag and drop any image file (PNG, JPG, GIF, SVG, WebP) into the drop zone
2The Base64 encoded string appears instantly in the output panel
3Copy the raw Base64 string, or use the pre-formatted data URI (data:image/png;base64,...) ready to paste into CSS or HTML
4Toggle between HTML img tag output, CSS background-image output, or raw Base64

Frequently asked questions

Comments

คุณอาจจะชอบ

สำรวจเครื่องมือสำหรับนักพัฒนายอดนิยมอื่นๆ

[th] Online Code Editor

[th] Write, edit, and format code with syntax highlighting

ตัวจัดรูปแบบ JSON

จัดรูปแบบ ตรวจสอบ และทำให้ JSON สวยงามทันที

[th] CURL Converter

[th] Convert CURL commands to Python, JavaScript, Go and more

ตัวเข้ารหัส Base64

เข้ารหัสและถอดรหัสสตริง Base64