TanodTools
VI

Ảnh sang Base64

Biến ảnh thành data URL Base64 để dán thẳng vào HTML, CSS, Markdown hoặc JSON.

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

Thả ảnh vào đây

PNG, JPEG, WebP, GIF, BMP, AVIF hoặc SVG. Hoặc kéo thả vào bất kỳ đâu trên trang này.

Mở ngay trên thiết bị này. Không có gì được tải lên.

Mỗi lần một ảnh, tối đa 10 MB. PNG, JPEG, WebP, GIF, BMP, AVIF và SVG.

Cách chuyển ảnh sang Base64

  1. Chọn một ảnh, hoặc kéo thả vào trang.
  2. Chọn dạng bạn cần: data URL, Base64 thuần, CSS, thẻ img HTML hoặc Markdown.
  3. Nhấn Sao chép, hoặc tải văn bản xuống dưới dạng tệp.

Nhúng ảnh dưới dạng văn bản

HTML, CSS, JSON, Markdown và nội dung email đều là văn bản, nhưng ảnh là dữ liệu nhị phân. Base64 bắc cầu giữa hai thứ bằng cách viết các byte của ảnh với 64 ký tự an toàn, nhờ đó cả bức ảnh có thể nằm trong một quy tắc stylesheet, một thẻ img hoặc một tệp cấu hình mà không cần tải riêng.

Công cụ này đọc tệp trong trình duyệt của bạn, kiểm tra loại thật của nó từ những byte đầu tiên, rồi dựng đoạn mã bạn chọn quanh văn bản đã mã hóa. Bản thân ảnh không bị thay đổi: giải mã Base64 sẽ trả lại đúng tệp gốc.

Mẹo

  • Hãy thu nhỏ ảnh trước bằng Nén ảnh hoặc Đổi kích thước ảnh; mỗi byte tiết kiệm được sẽ tiết kiệm thêm một phần ba trong Base64.
  • Với biểu tượng đơn giản, SVG thường nhỏ hơn bất kỳ PNG nào, kể cả khi ở dạng Base64.
  • Để giải mã Base64 trở lại thành tệp, hoặc mã hóa bất kỳ tệp nào khác, hãy dùng Mã hóa và giải mã Base64.

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

Data URL là gì?

Là cách đặt các byte của một tệp vào bên trong một liên kết. Nó bắt đầu bằng data:, loại tệp như image/png, rồi ;base64,, tiếp theo là văn bản Base64. Trình duyệt hiển thị nó đúng như khi ảnh được tải từ một tệp riêng.

Vì sao Base64 lớn hơn ảnh?

Base64 viết mỗi 3 byte thành 4 ký tự văn bản, nên văn bản lớn hơn tệp khoảng 33 phần trăm. Các máy chủ web nén văn bản sẽ lấy lại được một phần, nhưng ảnh nhúng vẫn lớn hơn cùng ảnh đó khi phục vụ riêng.

Khi nào nên nhúng ảnh trực tiếp?

Cho những thứ nhỏ: biểu tượng, nền nhỏ và ảnh giữ chỗ dưới vài kilobyte, hoặc khi cần một tệp HTML hay email độc lập, đầy đủ. Ảnh lớn nên để dưới dạng tệp riêng, vì data URL không thể được lưu cache riêng và bị tải lại với mỗi trang hoặc stylesheet chứa nó. Công cụ sẽ cảnh báo khi vượt quá 100 KB.

Loại tệp được xác định như thế nào?

Từ các byte trong tệp, không phải từ tên, nên một ảnh PNG được lưu với đuôi .jpg vẫn nhận image/png. Tệp SVG được nhận diện từ nội dung văn bản và gắn nhãn image/svg+xml.

Ảnh của tôi có bị tải lên không?

Không. Ảnh được đọc và mã hóa trong trình duyệt, trên thiết bị của bạn.