logo
GeekFormat

Chuyển đổi Data URL

Base64 Thuần
0 ký tự

Chuyển đổi hai chiều giữa Data URL và Base64 thuần trực tuyến, tự động trích xuất hoặc bổ sung tiền tố MIME, phù hợp cho nội tuyến tài nguyên frontend và nhúng CSS.

Đề xuất Liên quan

Mật Mã Caesar

Bộ Mã Hóa Base85

Kiểm Tra Định Dạng Base64

URL Safe Base64

Kiểm tra HTTP Headers

Trình chuyển đổi cURL sang mã nguồn

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

  • Trích xuất Base64 thuần từ Data URL dùng cho truyền tải API hoặc lưu trữ
  • Bổ sung Base64 thuần thành định dạng Data URL dùng cho nhúng thẻ img HTML hoặc background CSS
  • Xác minh loại MIME có chính xác không khi gỡ lỗi tài nguyên nội tuyến frontend
  • Loại bỏ tiền tố data:image/png;base64 để nhận nội dung mã hóa thuần dùng cho xử lý tiếp theo

Tính năng

  • Chuyển đổi hai chiều: hỗ trợ trích xuất Base64 thuần từ Data URL, cũng có thể bổ sung Base64 thuần thành định dạng Data URL
  • Tự động nhận diện loại MIME: tự động suy luận loại MIME như image/png, image/jpeg, audio/mpeg dựa trên đặc trưng nội dung
  • Không tải lên cục bộ trong trình duyệt: tất cả chuyển đổi hoàn thành trong trình duyệt, không đi qua bất kỳ máy chủ nào, đảm bảo quyền riêng tư dữ liệu
  • Sao chép một lần nhấp: kết quả xử lý có thể sao chép trực tiếp vào clipboard, dùng cho nhúng HTML/CSS hoặc tham số API

Cách Sử dụng

  1. Dán Data URL hoặc nội dung Base64 thuần
  2. Công cụ tự động nhận diện định dạng và chuyển đổi sang dạng tương ứng
  3. Xem kết quả chuyển đổi, xác nhận loại MIME và tiền tố có chính xác không
  4. Sao chép kết quả dùng cho phát triển web, nhúng CSS hoặc tham số API

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

Sự khác biệt giữa Data URL và Base64 thuần là gì?

Data URL có tiền tố loại MIME (như data:image/png;base64,), có thể sử dụng trực tiếp cho tài nguyên nội tuyến HTML/CSS; Base64 thuần chỉ có nội dung mã hóa, phù hợp hơn cho truyền tải API và lưu trữ cơ sở dữ liệu.

Có thể tự động nhận diện loại MIME không?

Công cụ sẽ tự động suy luận các loại MIME phổ biến (như image/png, image/jpeg, audio/mpeg, v.v.) dựa trên đặc trưng nội dung, cũng có thể chỉ định thủ công.

Khi nào cần loại bỏ tiền tố Data URL?

Khi API, tệp cấu hình hoặc hệ thống lưu trữ chỉ nhận nội dung Base64 thuần, cần loại bỏ tiền tố data:...;base64,. Nhiều API backend không chấp nhận định dạng Data URL.

Data URL phù hợp để nhúng tài nguyên lớn bao nhiêu?

Thường khuyến nghị dùng cho tài nguyên trong vòng 10KB như biểu tượng nhỏ, hình ảnh nhỏ. Data URL quá lớn sẽ làm tăng kích thước HTML/CSS, ảnh hưởng hiệu suất tải trang.