Base64
Image Data URL
⚠️ Large image may freez the browser
Mã hóa ảnh thành Base64 cho HTML
Chuyển đổi hình ảnh thành định dạng Base64 hoặc DataURL để nhúng trong các dự án HTML. Tải lên tệp hình ảnh của bạn, chọn tab phù hợp và tạo mã đã mã hóa. Sử dụng nút 'Sao chép' để tích hợp hình ảnh đã mã hóa vào trang web của bạn, đảm bảo nó được nhúng trực tiếp mà không có liên kết bên ngoài. Phương pháp này cho phép bạn bao gồm hình ảnh như một phần của nội dung HTML, đơn giản hóa việc triển khai và giảm sự phụ thuộc vào các nguồn bên ngoài.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Chuyển đổi hình ảnh thành mã Base64
1
Tải lên hình ảnh của bạn
Tải hình ảnh của bạn bằng cách nhấp hoặc kéo và thả vào khu vực được chỉ định.
2
Chọn Định Dạng Mã Hóa
Chọn phương thức mã hóa mong muốn bằng cách chọn tab 'Base64' hoặc 'DataURL'.
3
Xem Mã Base64
Mã Base64 hoặc DataURL cho hình ảnh của bạn sẽ hiển thị trong khu vực văn bản bên dưới các tab.
4
Sao chép mã được tạo ra
Nhấn nút 'Sao chép' để sao chép nhanh mã được tạo ra để sử dụng trong các dự án HTML của bạn.
Tích hợp hình ảnh trực tiếp vào HTML của bạn
Tích hợp hình ảnh trực tiếp vào HTML mà không cần các tệp bên ngoài bằng cách chuyển đổi chúng thành chuỗi Base64 hoặc DataURL. Phương pháp này cho phép đưa hình ảnh trực tiếp vào, giúp giảm số lượng yêu cầu HTTP và có thể cải thiện thời gian tải trang. Nó hữu ích cho các biểu tượng nhỏ, ảnh thu nhỏ hoặc các yếu tố trang trí nơi việc giảm sự phụ thuộc vào tệp là quan trọng.
Sao chép nhanh dữ liệu hình ảnh mã hóa
Công cụ này cho phép nhúng hình ảnh trực tiếp vào HTML bằng cách tạo chuỗi Base64 hoặc DataURL mã hóa. Nó giảm sự cần thiết phải sử dụng các tệp hình ảnh bên ngoài, điều này có thể đơn giản hóa quản lý tệp và cải thiện thời gian tải. Tải hình ảnh của bạn, tạo chuỗi mã hóa và sao chép mã để nhúng nó một cách liền mạch vào trang web của bạn. Cách tiếp cận này hữu ích cho các dự án yêu cầu xử lý tệp tối thiểu hoặc tải tài nguyên được tối ưu hóa.
Câu Hỏi Thường Gặp
Dữ liệu Base64 là gì và tại sao tôi cần nó?
Một DataURL dựa trên Base64 cho phép bạn nhúng hình ảnh trực tiếp trong mã HTML của mình, loại bỏ nhu cầu sử dụng một tệp hình ảnh riêng biệt. Điều này hữu ích cho hình ảnh nhỏ hoặc khi bạn muốn đảm bảo hình ảnh luôn có sẵn, ngay cả khi người dùng ngoại tuyến.
Tôi dùng công cụ này để lấy Base64 DataURL như thế nào?
Tải lên tệp hình ảnh của bạn, chọn tab ‘Base64’ hoặc ‘DataURL’ và công cụ sẽ tạo ra chuỗi mã hóa. Nhấn nút ‘Sao chép’ để dễ dàng sao chép mã đã tạo vào clipboard.
Tôi có thể dùng công cụ này để xử lý ảnh lớn không?
Trong khi có thể, hình ảnh lớn sẽ làm chậm đáng kể máy tính trong quá trình chuyển đổi. Tốt nhất là sử dụng công cụ này cho hình ảnh cỡ nhỏ đến trung bình.
Sự khác biệt giữa Base64 và DataURL là gì?
Cả hai đều biểu diễn một hình ảnh dưới dạng một chuỗi văn bản được nhúng trong HTML. DataURL bao gồm một tiền tố chỉ định loại MIME, trong khi Base64 chỉ đơn giản mã hóa dữ liệu hình ảnh.
Tôi có thể sử dụng mã Base64 hoặc DataURL được ở đâu?
Bạn có thể sử dụng trực tiếp mã sao chép bên trong thuộc tính src của thẻ <img> trong HTML, hoặc trong các thuộc tính CSS như background-image.