Trình chuyển đổi tệp Base64

Mã hóa bất kỳ tệp hoặc hình ảnh nào thành URI dữ liệu Base64 và giải mã URI dữ liệu trở lại thành tệp có thể tải xuống.

Đang tải công cụ…

Trình chuyển đổi tệp Base64Biến bất kỳ tệp hoặc hình ảnh nào thành URI dữ liệu Base64 mà bạn có thể dán thẳng vào CSS hoặc HTML, rồi giải mã URI dữ liệu trở lại thành tệp gốc chỉ với một cú nhấp tải xuống. Mọi thứ chạy 100% trong trình duyệt của bạn bằng FileReader và atob, vì vậy tệp bạn thả vào không bao giờ rời khỏi thiết bị của bạn và không bao giờ được tải lên máy chủ.

Trình chuyển đổi tệp Base64 là gì?

Trình chuyển đổi tệp Base64 là một công cụ miễn phí chạy trong trình duyệt, chuyển đổi giữa tệp nhị phân và URI dữ liệu Base64. Các nhà phát triển web dùng nó để nhúng trực tiếp các hình ảnh nhỏ, phông chữ hoặc biểu tượng vào bảng định kiểu và mã đánh dấu, loại bỏ một yêu cầu mạng phụ; các nhóm QA và nhân viên hỗ trợ dùng phần giải mã để khôi phục một tệp được gửi cho họ dưới dạng một URI dữ liệu dài. Dùng Mã hóa để thả một tệp và sao chép URI dữ liệu của nó (tùy chọn được bọc sẵn dưới dạng quy tắc CSS background-image hoặc thẻ HTML img), và dùng Giải mã để dán một URI dữ liệu và tải xuống tệp đã được dựng lại. Hình ảnh đầu vào và hình ảnh đã giải mã hiển thị một bản xem trước mà bạn có thể nhấp để phóng to.

Cách sử dụng Trình chuyển đổi tệp Base64

  1. Chọn một chế độ bằng nút chuyển Mã hóa / Giải mã ở trên cùng.
  2. Để mã hóa, thả hoặc chọn một tệp (hoặc hình ảnh) trong khu vực tải lên; URI dữ liệu Base64 của nó xuất hiện ngay lập tức trong ô đầu ra.
  3. Mở Cài đặt để chọn định dạng bao gói đầu ra: một URI dữ liệu thô, một quy tắc CSS background-image, hoặc một thẻ HTML img.
  4. Nhấn nút Sao chép để đưa URI dữ liệu vào bảng nhớ tạm của bạn.
  5. Để giải mã, chuyển sang Giải mã và dán một URI dữ liệu vào vùng văn bản; một bản xem trước và chi tiết tệp sẽ hiện ra.
  6. Nhấp nút Tải xuống để lưu tệp đã được dựng lại vào thiết bị của bạn.

Ví dụ

Nhúng một biểu tượng PNG nhỏ trong CSS

Chế độ Mã hóa: thả một icon.png 2 KB, đặt định dạng bao gói thành CSS, rồi sao chép quy tắc background-image: url("data:image/png;base64,…") thẳng vào bảng định kiểu của bạn.

Khôi phục một tệp nhận được dưới dạng URI dữ liệu

Chế độ Giải mã: dán một chuỗi data:application/pdf;base64,… và nhấp Tải xuống để lấy lại report.pdf mà không cần bất kỳ vòng kết nối nào tới máy chủ.

Xem trước một hình ảnh Base64 trước khi dùng

Chế độ Giải mã: dán một chuỗi data:image/jpeg;base64,… và hình ảnh sẽ hiển thị trong ô xem trước, nơi bạn có thể nhấp để xem ở kích thước đầy đủ trong lightbox.

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

Tôi có thể mã hóa những loại tệp nào?
Mọi tệp đều được: hình ảnh, PDF, phông chữ, kho lưu trữ, JSON, văn bản thuần và hơn thế nữa. Công cụ đọc tệp bằng FileReader của trình duyệt và tạo ra một URI dữ liệu Base64 bao gồm loại MIME chính xác.
Tại sao đầu ra Base64 lớn hơn tệp của tôi?
Base64 mã hóa 3 byte dữ liệu thành 4 ký tự, nên một URI dữ liệu lớn hơn tệp gốc khoảng 33%. Sự đánh đổi này là bình thường và là cái giá của việc nhúng dữ liệu nhị phân dưới dạng văn bản.
Tôi nhận được tên tệp nào khi giải mã?
Công cụ đọc loại MIME từ URI dữ liệu và đặt tên cho bản tải xuống tương ứng, chẳng hạn decoded.png hoặc decoded.pdf. Nếu loại không xác định, nó quay về phần mở rộng .bin.
Nó có thể giải mã một chuỗi Base64 thuần không có tiền tố data: không?
Có. Nếu bạn dán một tải trọng Base64 thuần không có tiêu đề data:, nó được giải mã thành một tệp nhị phân chung (application/octet-stream) và được cung cấp dưới dạng bản tải xuống .bin.
Tệp của tôi có được tải lên đâu đó không?
Không. Cả mã hóa và giải mã đều chạy hoàn toàn ở phía máy khách trong trình duyệt của bạn; không có gì được tải lên và không có máy chủ nào được liên hệ, nên các tệp của bạn vẫn riêng tư trên thiết bị của bạn.

Công cụ liên quan