onul.works

Ảnh sang Base64

Chuyển ảnh sang Base64 online, tạo data URI và sao chép chuỗi đã mã hóa mà không tải tệp lên.

⌘ Chạy trong trình duyệt ◴ Không lưu dữ liệu ⌁ Miễn phí

Khái niệm

Chuyển ảnh sang Base64 để nhúng vào HTML, CSS, email và JSON

Chuyển ảnh sang Base64 biến tệp ảnh thành data URI để nhúng trực tiếp mà không cần yêu cầu tệp bên ngoài.

Bạn có thể mã hóa ảnh thành chuỗi Base64 ngay trong trình duyệt rồi chèn vào thẻ img/CSS, nội dung email, JSON kiểm thử API hoặc dữ liệu mẫu.

Cách này phù hợp nhất với tài nguyên nhỏ như icon nhỏ, ảnh nhúng trong email và dữ liệu giả lập nhẹ.

Trường hợp sử dụng

Dùng cho nền chữ ký email, ảnh README, dữ liệu mock của API response hoặc kiểm thử frontend khi muốn nhúng ảnh mà không dùng liên kết ngoài.

Điểm cần kiểm tra

Hãy kiểm tra MIME type trong data URI (ví dụ image/png) và so sánh kích thước chuỗi sau mã hóa với tệp gốc.

Lưu ý hiệu năng

Base64 thường dài hơn tệp gốc, có thể làm giảm hiệu quả cache, tăng bundle size và ảnh hưởng hiệu năng render.

Với ảnh lớn hoặc tài nguyên thay đổi thường xuyên, hãy dùng tệp riêng qua CDN/static hosting; Base64 nên dành cho tài nguyên nhỏ hoặc dữ liệu kiểm thử tạm thời.

Ảnh đầu vào
Kết quả Base64
Thông tin ảnh sẽ hiển thị tại đây.

Cách sử dụng

  1. 1 Kéo ảnh vào hoặc nhấn để tải ảnh lên.
  2. 2 Kiểm tra bản xem trước và thông tin tệp, rồi xem kết quả ảnh sang Base64.
  3. 3 Sao chép chuỗi đã chuyển đổi vào HTML, CSS, JSON hoặc nơi cần dùng.

Trường hợp sử dụng phổ biến

  • Tạo data URI Base64 từ ảnh
  • Chuẩn bị nhúng inline biểu tượng nhỏ
  • Chuyển ảnh sang Base64 và sao chép chuỗi

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

Làm sao đưa ảnh vào công cụ?

Chọn tệp ảnh hoặc kéo thả vào vùng nhập để tạo Base64 data URL kèm bản xem trước.

Có thể sao chép kết quả Base64 của ảnh không?

Có. Bạn có thể sao chép Base64 data URL từ ô kết quả vào clipboard.

Cần lưu ý gì khi chuyển ảnh lớn?

Chuỗi Base64 có thể lớn hơn tệp gốc, vì vậy nên kiểm tra dung lượng trước khi nhúng ảnh lớn vào trang hoặc mã nguồn.

Quy trình liên quan

Ảnh sang Base64Chuyển ảnh thành chuỗi Base64 có thể đặt trong HTML, CSS hoặc JSON. → Base64 sang ảnhTrước khi nhúng inline, mở lại chuỗi thành ảnh để kiểm tra kết quả chuyển đổi. → Trình tạo faviconNếu cùng ảnh nguồn cũng cần dùng làm biểu tượng website, hãy tạo favicon từ ảnh đó.