Base64
Image Data URL
⚠️ Large image may freez the browser
Chuyển đổi PNG thành Dữ liệu URI Base64
Chuyển đổi ảnh PNG thành định dạng Base64 hoặc DataURL bằng công cụ trực tuyến của chúng tôi. Tải lên hình ảnh, chọn định dạng mong muốn và tạo mã. Sao chép kết quả để nhúng vào dự án. Đầu ra Base64 và DataURL hỗ trợ quy trình làm việc phát triển web yêu cầu dữ liệu hình ảnh trực tiếp.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Chuyển đổi hình ảnh thành Base64 hoặc Data URL
1
Tải ảnh lên
Tải hình ảnh PNG của bạn bằng cách nhấp hoặc kéo nó vào khu vực được chỉ định.
2
Chọn Định Dạng Đầu Ra
Chọn trình bày 'Base64' hoặc 'DataURL' để chọn định dạng đầu ra mong muốn của bạn.
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ấp vào nút 'Sao chép' để sao chép nhanh chóng mã được tạo ra vào clipboard của bạn.
Tích hợp hình ảnh PNG trực tiếp vào trang web của bạn
Chuyển đổi ảnh PNG thành dữ liệu URI Base64 để nhúng trực tiếp vào HTML. Phương pháp này loại bỏ nhu cầu sử dụng các tệp tin bên ngoài, giảm số lượng yêu cầu HTTP và cải thiện hiệu suất trang web. Nhà phát triển có thể dán các đoạn mã được tạo ra vào HTML của họ để đơn giản hóa việc tích hợp và tăng cường hiệu quả tải. Phù hợp cho các tình huống mà việc giảm thiểu các phụ thuộc bên ngoài là rất quan trọng, chẳng hạn như triển khai trang web tĩnh hoặc quản lý tài nguyên nội bộ.
Chuyển đổi Mã sao chép nhanh chóng
Sử dụng hình ảnh PNG trong các dự án của bạn mà không cần thêm tệp tin bằng cách tạo mã Base64 hoặc DataURL. Công cụ này cho phép nhúng hình ảnh trực tiếp vào các dự án bằng cách chuyển đổi các tệp PNG thành chuỗi được mã hóa. Tải lên hình ảnh, chọn định dạng mong muốn và sao chép mã được tạo ra để tích hợp nó một cách liền mạch vào công việc của bạn.
Câu Hỏi Thường Gặp
Base64 hoặc DataURL là gì?
Base64 và DataURL là cách để biểu diễn hình ảnh dưới dạng chuỗi văn bản. Điều này cho phép bạn nhúng hình ảnh trực tiếp trong HTML hoặc CSS mà không cần các tệp hình ảnh riêng biệt.
Tôi sử dụng công cụ PNG sang Base64/DataURL này như thế nào?
Tải lên hình ảnh PNG của bạn. Sau đó, nhấp vào tab 'Base64' hoặc 'DataURL' để tạo mã tương ứng. Sử dụng nút 'Sao chép' để sao chép nhanh mã đã tạo.
Tôi có thể sử dụng mã được tạo ra để làm gì?
Bạn có thể sử dụng mã Base64 hoặc DataURL để nhúng hình ảnh trực tiếp vào các dự án HTML, CSS hoặc JavaScript của mình. Điều này hữu ích cho các hình ảnh nhỏ, biểu tượng hoặc khi bạn muốn tránh các yêu cầu HTTP bên ngoài.
Có giới hạn nào khi sử dụng công cụ này không?
Hình ảnh lớn có thể làm chậm 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 PNG có kích thước nhỏ đến trung bình.
Các định dạng hình ảnh nào được hỗ trợ?
Công cụ này được thiết kế đặc biệt cho hình ảnh PNG. Các định dạng khác hiện không được hỗ trợ.