Monu Tools

Ảnh sang Base64

Chuyển một ảnh thành một URI dữ liệu Base64 để nhúng vào HTML, CSS hoặc JSON, hoàn toàn trong trình duyệt của bạn.

Cách dùng Ảnh sang Base64

  1. 01

    Chọn một ảnh từ thiết bị của bạn.

  2. 02

    Sao chép URI dữ liệu, hoặc đoạn CSS sẵn có.

  3. 03

    Dán nó vào HTML, CSS hoặc JSON của bạn.

What this converter does

This image to Base64 converter turns a picture into a data URI, a long text string that embeds the image directly, plus a ready-to-use CSS background snippet. You can inline an image instead of linking to a separate file.

It runs locally in your browser, so your image is read on your device and never uploaded.

Why inline an image

A data URI carries the whole image inside the markup, so the browser does not make a separate network request to fetch it. For small assets like icons, that saved round trip can make a page feel faster.

The trade-off: size and caching

The catch is size and caching. Base64 adds roughly 33 percent overhead because it represents binary data with a limited text alphabet, and an inlined image cannot be cached separately, so it is downloaded again with every page that contains it.

The rule of thumb is to inline small images, icons, tiny logos or a sprite, where avoiding a request is worth the overhead, and to keep larger images as normal files that the browser can cache and load in parallel.

Where data URIs work

Data URIs work anywhere a URL is accepted: an img src, a CSS background, or a field in JSON or an email template. That makes them handy for self-contained snippets.

Câu hỏi thường gặp

Ảnh của tôi có được tải lên máy chủ không?

Không. Ảnh được đọc hoàn toàn trong trình duyệt của bạn, nên nó không bao giờ rời khỏi thiết bị.

Khi nào tôi nên dùng URI dữ liệu?

Cho các ảnh nhỏ như biểu tượng, nơi việc tránh một yêu cầu mạng thêm đáng giá so với sự tăng kích thước. Với ảnh lớn, một tệp thông thường tốt hơn.

Tại sao Base64 lớn hơn tệp?

Mã hóa Base64 thêm khoảng 33 phần trăm chi phí phụ vì nó biểu diễn dữ liệu nhị phân bằng một bảng chữ cái văn bản giới hạn.

Nguồn

Nhúng công cụ này

Thêm công cụ này vào trang web của riêng bạn. Sao chép đoạn mã bên dưới; nó tự động cập nhật.

<iframe src="https://monu.tools/embed/vi/image-to-base64" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Công cụ liên quan