Chuyển đến nội dung chính

Ảnh sang Base64 miễn phí

Chuyển đổi hình ảnh thành URI dữ liệu Base64 để sử dụng nội tuyến trong CSS, HTML hoặc Markdown. Sao chép đoạn mã sẵn sàng dùng. Mã hóa trên trình duyệt; không bao giờ được tải lên.

Hoạt động ngoại tuyến sau khi tải

Thả tệp vào đây hoặc nhấp để chọn

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · được xử lý trên thiết bị của bạn

hoặc nhấn Ctrl+V để dán từ bảng nhớ tạm

Duyệt tệp

Mẹo: bạn cũng có thể dán hình ảnh từ bộ nhớ tạm của mình (Ctrl+V).

Tệp của bạn không bao giờ rời khỏi thiết bị. Toàn bộ xử lý diễn ra cục bộ trong trình duyệt của bạn.

Chuyển đổi hình ảnh sang Base64 data URI để dán trực tiếp vào CSS, HTML hoặc Markdown — không cần file riêng. Mã hóa trong trình duyệt; không tải lên.

Công dụng phổ biến

  • Nhúng Hình Ảnh Trong CSSNhúng biểu tượng nhỏ hoặc nền dưới dạng URI dữ liệu trong bảng kiểu của bạn.
  • Nhúng Hình Ảnh Trong HTMLNhúng logo hoặc biểu tượng trực tiếp trong HTML độc lập.
  • Chuyển Đổi SVG Hoặc Biểu Tượng Sang Base64Biến biểu tượng nhỏ thành URI dữ liệu để nhúng.
  • Nhúng Hình Ảnh Trong MarkdownNhúng hình ảnh nhỏ trong tệp Markdown bằng URI dữ liệu.
  • Nhận URI Dữ Liệu Hình ẢnhTạo URI dữ liệu thô mà bạn có thể sử dụng ở bất cứ nơi nào.

Cách hoạt động

Một URI dữ liệu nhúng một hình ảnh trực tiếp vào mã của bạn dưới dạng văn bản, vì vậy nó tải mà không cần yêu cầu tệp riêng - tiện dụng cho các biểu tượng nhỏ và HTML tự chứa. Công cụ này mã hóa nó trong trình duyệt của bạn.

  1. 1
    Bạn thả vào một hình ảnh
    Nó được đọc cục bộ với FileReader API - không bao giờ được tải lên.
  2. 2
    Nó được mã hóa Base64
    Các byte hình ảnh trở thành một URI data: (data:image/...;base64,…) ngay trong trình duyệt của bạn.
  3. 3
    Bạn chọn một đoạn mã
    Sao chép URI dữ liệu thô, hoặc CSS sẵn sàng (background-image), HTML (<img>) hoặc Markdown.
  4. 4
    Dán nó vào mã của bạn
    Hình ảnh giờ được nhúng trực tiếp trong CSS/HTML của bạn - không cần lưu trữ thêm tệp nào.

Hình ảnh được mã hóa hoàn toàn trên thiết bị của bạn. Lưu ý rằng Base64 lớn hơn ~33% so với bản gốc, vì vậy URI dữ liệu tốt nhất cho các hình ảnh nhỏ.

Công cụ liên quan

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