Bộ chuyển đổi Hình ảnh sang Base64 - Công cụ trực tuyến miễn phí

Chuyển ảnh PNG, JPG, GIF, WebP, SVG hay BMP thành chuỗi Base64 ngay lập tức. Xử lý cục bộ trong trình duyệt, an toàn và miễn phí.

Tải lên hình ảnh

Tải lên

Xóa

Kéo & Thả hoặc Nhấp để Tải lên

Hỗ trợ PNG, JPG, GIF, WebP, SVG, BMP

Đầu ra Base64

Chuỗi Base64 sẽ xuất hiện ở đây...

Sao chép

Chuỗi Base64 sẽ xuất hiện ở đây...

Cách chuyển đổi Hình ảnh sang Base64

01

Tải lên hình ảnh của bạn bằng cách kéo và thả hoặc nhấp vào khu vực tải lên.

02

Công cụ sẽ chuyển đổi ngay hình ảnh của bạn thành chuỗi Base64.

03

Sao chép chuỗi Base64 thô hoặc định dạng Data URI để sử dụng HTML/CSS.

04

Sử dụng chuỗi đã tạo để nhúng hình ảnh trực tiếp vào mã của bạn.

Tính năng chính

Chuyển đổi tức thì

Chuyển đổi hình ảnh sang Base64 ngay lập tức mà không cần tải lên máy chủ.

Quyền riêng tư là trên hết

Tất cả quá trình xử lý diễn ra cục bộ trong trình duyệt của bạn. Hình ảnh của bạn không bao giờ rời khỏi thiết bị của bạn.

Hỗ trợ tất cả các định dạng

Tương thích với các định dạng PNG, JPEG, GIF, SVG, WebP và BMP.

Sẵn sàng cho Data URI

Nhận chuỗi Data URI hoàn chỉnh sẵn sàng để sử dụng trong thẻ HTML <img> hoặc CSS background-image.

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

Tại sao chuyển đổi hình ảnh sang Base64?

Chuyển đổi hình ảnh sang Base64 cho phép bạn nhúng chúng trực tiếp vào các tệp HTML hoặc CSS, giảm số lượng yêu cầu HTTP và tăng tốc thời gian tải trang cho các hình ảnh nhỏ.

Có giới hạn kích thước tệp không?

Vì quá trình xử lý được thực hiện trong trình duyệt của bạn, giới hạn phụ thuộc vào bộ nhớ thiết bị của bạn. Tuy nhiên, nên sử dụng Base64 chỉ cho các hình ảnh nhỏ (biểu tượng, logo) để tránh làm tăng kích thước tệp HTML của bạn.

Có bị giảm chất lượng không?

Không, mã hóa Base64 là không mất dữ liệu. Hình ảnh được giải mã sẽ giống hệt bản gốc.

Kéo và thả bất kỳ hình ảnh nào vào công cụ hoặc nhấp để chọn — hình ảnh sẽ được mã hóa ngay lập tức thành chuỗi Base64. Bạn nhận được cả văn bản Base64 thô và Data URI sẵn sàng để dán (data:image/png;base64,...). Hỗ trợ PNG, JPG, GIF, WebP, SVG và BMP. Toàn bộ xử lý diễn ra trong trình duyệt của bạn — không có tệp nào được gửi lên máy chủ.

Cách chuyển đổi hình ảnh sang Base64

  1. 1

    Tải lên hình ảnh

    Kéo và thả tệp vào vùng tải lên hoặc nhấp để duyệt. Hỗ trợ PNG, JPG, GIF, WebP, SVG và BMP.

  2. 2

    Nhận kết quả đã mã hóa

    Công cụ đọc tệp cục bộ và tạo ra chuỗi Base64 ngay lập tức — không cần gửi lên máy chủ.

  3. 3

    Chọn Base64 thô hoặc Data URI

    Sao chép văn bản Base64 thô cho payload JSON, hoặc sao chép chuỗi Data URI đầy đủ để dùng trong thẻ HTML <img> và CSS background-image.

  4. 4

    Nhúng vào mã của bạn

    Dán Data URI trực tiếp vào HTML hoặc CSS để nhúng hình ảnh inline và tiết kiệm một yêu cầu HTTP.

Tài liệu tham khảo

  • RFC 2397 — Sơ đồ data URL

    Đặc tả IETF định nghĩa sơ đồ data: URL dùng để nhúng media được mã hóa Base64 inline.

  • MDN — Data URLs

    Hướng dẫn thực tế về cú pháp data URL, mã hóa Base64 và cách nhúng hình ảnh trong HTML và CSS.

Công cụ liên quan

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

Tại sao chuyển đổi hình ảnh sang Base64?
Mã hóa Base64 cho phép nhúng hình ảnh trực tiếp vào tệp HTML hoặc CSS dưới dạng chuỗi văn bản, loại bỏ yêu cầu HTTP riêng cho tệp ngoài. Đặc biệt hữu ích cho icon, logo và hình ảnh nhỏ.
Có giới hạn kích thước tệp không?
Công cụ không có giới hạn cố định — giới hạn thực tế phụ thuộc vào bộ nhớ trình duyệt của bạn. Lưu ý rằng đầu ra Base64 lớn hơn khoảng 33% so với tệp nhị phân gốc, vì vậy chỉ nên dùng Base64 cho hình ảnh nhỏ.
Chuyển đổi sang Base64 có làm giảm chất lượng không?
Không. Mã hóa Base64 là không mất dữ liệu — hình ảnh được giải mã giống hệt tệp gốc từng byte.
Sự khác biệt giữa Base64 thô và Data URI là gì?
Base64 thô chỉ là chuỗi ký tự đã được mã hóa. Data URI thêm tiền tố như data:image/png;base64, để thông báo loại MIME cho trình duyệt — cho phép dán trực tiếp vào thuộc tính src của <img> hoặc CSS background-image.
Hình ảnh của tôi có bị tải lên máy chủ không?
Không. Toàn bộ quá trình mã hóa diễn ra cục bộ trong trình duyệt của bạn bằng FileReader API — tệp của bạn không bao giờ rời khỏi thiết bị.
Cách sử dụng hình ảnh Base64 trong CSS?
Sao chép Data URI và sử dụng làm giá trị của thuộc tính background-image: url('data:image/png;base64,...'); trong tệp CSS của bạn.