Encode Images to Base64 for CSS

Convert small images and icons to Base64 data URLs for embedding directly in CSS or HTML.

Không cần đăng nhập

Text to encode

CSS tips

🎨

Embed small SVG icons, favicons, or background images directly in your CSS as data URLs to eliminate extra HTTP requests.

📏

Only embed images under ~5 KB as Base64. Larger images increase CSS file size significantly and are better served as separate files.

💡

Base64 images in CSS look like: background-image: url("data:image/svg+xml;base64,PHN2Zy4uLg=="). Paste your encoded output after the comma.

⚡

For SVGs specifically, URL-encoding the raw SVG source is often more compact than Base64 — compare both before choosing.

Nhập liệu

Enter your data into the tool above. Everything stays local to your browser.

Xử lý

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

Tải xuống

Get your result instantly. Nothing is stored after you leave the page — complete privacy.

✓Hoàn toàn miễn phí — không có chi phí ẩn, mãi mãi

✓Không cần tài khoản, email hoặc đăng nhập

✓Tệp không bao giờ rời khỏi thiết bị của bạn

✓Không có giới hạn kích thước tệp nào

✓Không có hình mờ trên bất kỳ đầu ra nào

Encode API Data in Base64

Encode credentials, tokens, and payloads to Base64

Encode Files to Base64 for Email

Encode file attachments to Base64 for MIME email c

Decode and Inspect JWT Tokens

Decode the header and payload sections of a JSON W

Encode Binary Data for Text Transfer

Encode files or binary data to Base64 so they can