Cách sử dụng
- Kéo ảnh vào vùng thả, nhấp vào đó để chọn tệp hoặc dán ảnh từ bộ nhớ tạm. Bạn có thể xử lý nhiều tệp cùng lúc.
- Nếu muốn, hãy chọn định dạng đích ở mục Chuyển sang (PNG, JPEG hoặc WebP), điều chỉnh Chất lượng và đặt Chiều rộng tối đa.
- Kiểm tra kích thước ảnh, dung lượng gốc và dung lượng sau mã hóa hiển thị cho từng ảnh.
- Sao chép hoặc tải xuống đầu ra bạn cần: data URI, Base64 thuần, thẻ img HTML, CSS background-image hoặc Markdown.
Cách chuyển ảnh sang Base64 hoạt động
Base64 biến các byte của tệp ảnh thành văn bản thuần chỉ gồm 64 ký tự. Cứ 3 byte trở thành 4 ký tự, nên văn bản lớn hơn tệp gốc khoảng 33%. Data URI thêm một tiền tố ngắn chứa kiểu MIME, chẳng hạn data:image/png;base64,, để trình duyệt có thể hiển thị đoạn văn bản này ở bất kỳ chỗ nào cần URL của ảnh.
Ảnh được đọc và mã hóa cục bộ trong trình duyệt của bạn. Không có gì được tải lên, nên ảnh chụp màn hình riêng tư và bản thiết kế chưa công bố vẫn nằm trên thiết bị của bạn.
Nên sao chép đầu ra nào?
- Data URI cho thuộc tính
src, mã JavaScript và các trường JSON cần một URL. - Base64 thuần cho các API chỉ nhận phần byte đã mã hóa, thường đi kèm một trường riêng cho kiểu MIME hoặc tên tệp.
- Thẻ img HTML để dán thẳng vào trang web hoặc template.
- CSS background-image cho biểu tượng và họa tiết trang trí trong stylesheet.
- Markdown cho tài liệu và ghi chú. Một số trình hiển thị, trong đó có GitHub, không hiển thị ảnh dạng data URI.
Tổng quan các định dạng được hỗ trợ
Chỉ cần nhìn vài ký tự đầu của chuỗi Base64 là biết loại tệp, vì chúng mã hóa chữ ký nhận dạng của định dạng.
| Định dạng | Kiểu MIME | Base64 bắt đầu bằng |
|---|---|---|
| PNG | image/png | iVBORw0KGgo |
| JPEG | image/jpeg | /9j/ |
| WebP | image/webp | UklGR |
| GIF | image/gif | R0lGOD |
| SVG | image/svg+xml | PHN2Zy hoặc PD94bWw |
| BMP | image/bmp | Qk |
| ICO | image/x-icon | AAABAA |
| AVIF | image/avif | không cố định |
| TIFF | image/tiff | SUkqAA hoặc TU0AKg |
Khi nào nhúng ảnh trực tiếp là đáng
Data URI giúp bớt một yêu cầu mạng và làm cho tệp trở nên tự chứa. Cách này hợp với biểu tượng và logo nhỏ vài kilobyte, báo cáo HTML một tệp, ảnh giữ chỗ làm mờ cỡ nhỏ và ảnh gửi bên trong JSON. Với ảnh chụp lớn thì không nên: dung lượng tăng thêm một phần ba, trình duyệt không thể lưu đệm ảnh riêng, và tệp HTML hoặc CSS nặng hơn phải tải xong trước khi trang hiển thị, thường gây hại nhiều hơn lợi ích của việc bớt được một yêu cầu. Nếu trang web của bạn gửi header Content-Security-Policy, ảnh nhúng còn cần có data: trong img-src.
Câu hỏi thường gặp
Ảnh của tôi có bị tải lên máy chủ không?
Không. Trình duyệt đọc từng tệp và mã hóa ngay trên thiết bị của bạn. Không có gì được gửi đến base64.is hay bất kỳ nơi nào khác.
Vì sao văn bản Base64 lại lớn hơn ảnh?
Base64 dùng 4 ký tự cho mỗi 3 byte, nên kết quả lớn hơn khoảng 33%, chưa kể tiền tố data URI. Để rút ngắn, hãy đặt Chiều rộng tối đa hoặc chuyển sang WebP hay JPEG với chất lượng thấp hơn.
Tôi có thể chuyển nhiều ảnh cùng lúc không?
Có. Hãy chọn hoặc thả nhiều tệp. Mỗi ảnh có bản xem trước, thông tin dung lượng và các đầu ra riêng, mỗi đầu ra đều có nút Sao chép và Tải xuống.
Ảnh Base64 có hiển thị trong email HTML không?
cid: sẽ đáng tin cậy hơn.