Chuyển ảnh sang Base64

Chọn một tệp hình ảnh để chuyển đổi thành chuỗi mã hóa Base64. Bật/tắt tiền tố URI dữ liệu để có đầu ra CSS/HTML sẵn sàng sử dụng. Toàn bộ quá trình xử lý diễn ra trong trình duyệt của bạn.

Image preview

Về chuyển đổi hình ảnh sang Base64

Công cụ này chuyển đổi hình ảnh thành chuỗi mã hóa Base64 hoàn toàn trong trình duyệt của bạn. Không có dữ liệu nào được tải lên máy chủ.

  • Data URI: Khi bật tiền tố, đầu ra sẵn sàng sử dụng trong CSS background-image hoặc HTML <img src="...">.
  • Base64 thô: Không có tiền tố, bạn nhận được chuỗi mã hóa thô.
  • Hỗ trợ JPEG, PNG, GIF, WebP, SVG và các định dạng hình ảnh khác được trình duyệt hỗ trợ.

Nhúng một ảnh dưới dạng data URI bỏ bớt được một yêu cầu và làm kích thước tăng khoảng một phần ba, vì base64 cần bốn ký tự cho mỗi ba byte. Đánh đổi ấy đáng với thứ nhỏ và lúc nào cũng cần, còn với một tấm ảnh chụp thì không. Ảnh đã nhúng cũng không thể lưu đệm riêng, nên nó được tải lại cùng với mọi bản sao của tệp mang nó.

Công cụ liên quan

Mã hóa Base64 Công cụ Tạo Mã QR Chuyển đổi màu

Mã đánh dấu đang làm khó bạn?

Thực thể bị thoát, mã hoá hỏng và nội dung hiện một kiểu trong CMS còn trên trang lại một kiểu khác thường có nghĩa là đâu đó trong chuỗi xử lý đang đoán. Chúng tôi dựng giao diện và cả đường xuất bản phía sau, để khách xem thấy đúng thứ bạn viết.

Trao đổi về website của bạn

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

Khi nào data URI mới đáng dùng?
Với những ảnh nhỏ cần ngay lập tức: một biểu tượng, một miếng đệm, một logo trong thư HTML nơi ảnh ngoài bị chặn theo mặc định. Mức tham khảo là vài kilobyte; quá đó thì phần tăng kích thước lấn át yêu cầu tiết kiệm được.
Vì sao bản mã hoá lại lớn hơn?
Base64 biểu diễn ba byte bằng bốn ký tự, nên kết quả đã lớn hơn một phần ba trước cả tiền tố. Nén lấy lại được một phần khi truyền, nhưng trình duyệt vẫn giữ dạng dài hơn trong tài liệu.
Nó có hại cho việc lưu đệm không?
Có, và đây là chỗ người ta hay bỏ qua. Một tệp ảnh riêng được lưu đệm một lần rồi dùng lại; ảnh nhúng là một phần của tệp kiểu hoặc của trang, nên bị tải lại mỗi khi tệp đó thay đổi.
Tôi nhúng được những định dạng nào?
Bất kỳ định dạng nào, vì base64 không quan tâm nội dung là gì. SVG là trường hợp thú vị: nó vốn đã là văn bản, nên nhúng dưới dạng data URI thường lớn hơn là đặt thẳng SVG vào.
Ảnh của tôi có bị tải lên không?
Không. Tệp được trình duyệt đọc rồi mã hoá ngay trong trang, nên nó không bao giờ rời khỏi máy bạn. Điều đó quan trọng khi tấm ảnh là ảnh chụp màn hình của thứ gì đó nội bộ, mà phần lớn là như vậy.