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
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...
Chuỗi Base64 sẽ xuất hiện ở đây...
Cách chuyển đổi Hình ảnh sang Base64
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.
Công cụ sẽ chuyển đổi ngay hình ảnh của bạn thành chuỗi Base64.
Sao chép chuỗi Base64 thô hoặc định dạng Data URI để sử dụng HTML/CSS.
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
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
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
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
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
Base64 sang hình ảnh
Giải mã chuỗi Base64 hoặc Data URI trở lại thành tệp hình ảnh có thể tải xuống.
Mã hóa / Giải mã Base64
Mã hóa hoặc giải mã bất kỳ văn bản hoặc dữ liệu nào sang và từ Base64.
Nén hình ảnh
Nén hình ảnh trước để giảm kích thước đầu ra Base64 và tệp HTML.
Chuyển đổi WebP
Chuyển đổi hình ảnh sang định dạng WebP nhẹ hơn trước khi mã hóa.
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.