Chuyển Đổi Hình Ảnh Sang Data URI / Base64
Kéo & thả hoặc tải lên hình ảnh thủ công từ thiết bị của bạn hoặc dán URL hình ảnh từ web để chuyển đổi hình ảnh mục tiêu sang định dạng văn bản Base64 / Data URI. Chuyển đổi hình ảnh sang định dạng văn bản Data URI / Base64.
Công Cụ Chuyển Đổi Data URI / Base64 Sang Hình Ảnh
Sử dụng Chuyển Đổi Hình Ảnh Sang Data URI / Base64
Liên kết công cụ
Chia sẻ
Hãy giúp cải thiện công cụ này
Đọc nội dung
Chuyển đổi nhiều tệp hình ảnh sang định dạng Data URI và Base64 trực tuyến và miễn phí.
Công Cụ Chuyển Đổi Hình Ảnh Sang Data URI / Base64
Công cụ chuyển đổi hình ảnh sang Data URI / Base64 là một tiện ích hữu ích cho phép bạn nhanh chóng và dễ dàng chuyển đổi hình ảnh thành chuỗi văn bản có thể sử dụng trong trang web hoặc ứng dụng trực tuyến khác. Loại công cụ này rất hữu ích khi bạn cần nhúng hình ảnh vào mã nguồn nhưng không muốn sử dụng dịch vụ lưu trữ tệp bên ngoài.
Hệ Thống Mã Hóa Hình Ảnh Sang Base64 Là Gì?
Bạn đã bao giờ cần chuyển đổi hình ảnh thành URL dữ liệu hoặc chuỗi Base64 chưa?
Hệ thống mã hóa hình ảnh sang Base64 là một phương pháp chuyển đổi bất kỳ hình ảnh nào thành định dạng văn bản không thể đọc được mà không làm mất dữ liệu. Văn bản được mã hóa Base64 chứa các ký tự như dấu cộng, dấu gạch chéo, dấu bằng, chữ cái Latin và chữ số.
Mã hóa Base64 là một cách rất hữu ích để lưu trữ thông tin nhị phân dưới dạng văn bản. Mục tiêu của nó là biểu diễn dữ liệu nhị phân (như hình ảnh, âm thanh, video) bằng các ký tự ASCII (chữ cái và số).
Tại Sao Nên Sử Dụng Data URI / Base64?
Một hình ảnh có thể được chuyển đổi thành chuỗi Base64 bằng phương pháp gọi là Data URI. Điều này cho phép chúng ta tạo một URL cho hình ảnh có thể được nhúng trong trang web. Quá trình này bao gồm việc chuyển đổi tệp gốc thành một mảng byte (tập hợp các byte). Sau đó, chúng ta có thể mã hóa mảng byte này thành chuỗi Base64.
Data URI mang lại nhiều lợi ích so với tệp cục bộ. Chúng tiết kiệm không gian trong bộ nhớ đệm của trình duyệt, có kích thước nhỏ hơn hình ảnh thông thường và cho phép các trang web phục vụ hình ảnh lớn hơn với việc sử dụng băng thông ít hơn. Chuỗi Base64 cũng dễ đọc hơn vì có thể xem chúng bằng các trình soạn thảo văn bản thông thường.
Với Data URI, bạn có thể nhúng hình ảnh trực tiếp vào mã HTML mà không cần tải tệp bên ngoài. Điều này có thể tăng tốc độ tải trang và thực sự khá dễ thực hiện. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách chuyển đổi hình ảnh sang Data URI chỉ trong vài giây.
Cách Chuyển Đổi Hình Ảnh Sang Base64 / Data URI Trong Vài Giây
Bạn đã bao giờ tự hỏi làm thế nào để hình ảnh tải nhanh hơn trên trang web của mình chưa? Một cách để làm điều đó là sử dụng Data URI. Chỉ cần kéo & thả hoặc tải lên hình ảnh thủ công từ thiết bị của bạn hoặc dán URL hình ảnh từ web, bạn có thể chuyển đổi hình ảnh mục tiêu sang định dạng văn bản Base64 / Data URI.
Ví Dụ Mã Hóa Hình Ảnh Sang Base64
Kết Quả Mã Hóa Base64 cho một hình ảnh sẽ như sau data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC....
Ứng Dụng Của Mã Hóa Hình Ảnh Sang Base64
Đối với Nguồn Hình Ảnh (img src):
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC..." />
Đối với URL Hình Nền (background-image: url):
background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLC...")
Cách Sử Dụng Data URI / Base64
Để sử dụng công cụ chuyển đổi Data URI / Base64, chỉ cần sao chép và dán mã đã tạo vào dự án của bạn tại vị trí bạn muốn hình ảnh được nhúng xuất hiện. Đảm bảo không xóa bất kỳ dấu ngắt dòng hoặc khoảng trắng nào trong mã vì chúng cần thiết cho định dạng hiển thị đúng. Bạn cũng có thể cần điều chỉnh một số cài đặt tùy thuộc vào cách bạn dự định sử dụng hình ảnh đã chuyển đổi - chẳng hạn như thay đổi kích thước hoặc thêm viền/khoảng cách xung quanh chúng.
Bình luận (0)
Báo cáo sự cố liên quan đến công cụ này
Hãy mô tả vấn đề mà bạn gặp phải để chúng tôi có thể tìm hiểu và cải thiện công cụ này.