Chuyển ảnh sang Base64
Chuyển ảnh sang chuỗi mã hóa Base64
Ảnh đầu vào
Chọn hoặc kéo thả một ảnh
Tệp ảnh tối đa 10 MiB. JPG, PNG, GIF, WebP, SVG và các định dạng ảnh khác.
Thông tin tệp
- Tên
- —
- Kích thước
- 0 B
- Loại MIME
- —
- Kích thước ảnh
- —
Giới thiệu về mã hóa Base64
- Nhúng ảnh trực tiếp vào HTML, CSS hoặc JSON mà không cần tệp bên ngoài
- Hữu ích cho mẫu email, data URI và phản hồi API
- Mã hóa Base64 làm tăng kích thước tệp khoảng 33%
- Phù hợp nhất với ảnh nhỏ như biểu tượng, logo hoặc ảnh thu nhỏ
Kết quả Base64
Hãy tải ảnh lên để xem kết quả Base64.
0 ký tự
Hãy tải ảnh lên để xem kết quả Base64.
Ví dụ sử dụng
Các ví dụ được rút gọn để hiển thị. Các nút sao chép sẽ sao chép HTML hoặc CSS đầy đủ.
Giới thiệu công cụ chuyển ảnh sang Base64
Công cụ chuyển ảnh sang Base64 miễn phí của chúng tôi biến tệp ảnh thành chuỗi văn bản mã hóa Base64 có thể nhúng trực tiếp vào HTML, CSS, JavaScript hoặc JSON. Chỉ cần tải lên hoặc kéo thả một ảnh, công cụ sẽ lập tức tạo data URI hoàn chỉnh, sẵn sàng dùng trong mã của bạn.
Mã hóa Base64 chuyển dữ liệu ảnh nhị phân sang định dạng văn bản dùng bảng chữ cái 64 ký tự. Nhờ đó có thể đưa ảnh trực tiếp vào các tài liệu dạng văn bản, không cần yêu cầu tệp ảnh riêng. Dù mã hóa Base64 làm tăng kích thước dữ liệu khoảng 33%, đổi lại vẫn đáng giá với các ảnh nhỏ như biểu tượng, logo và ảnh thu nhỏ, nơi việc giảm số yêu cầu HTTP giúp cải thiện tốc độ tải trang.
Công cụ xử lý ảnh của bạn hoàn toàn trong trình duyệt bằng FileReader API. Không có dữ liệu ảnh nào được tải lên máy chủ, nên hoàn toàn an toàn khi mã hóa đồ họa độc quyền, ảnh chụp màn hình bí mật hoặc bất kỳ nội dung hình ảnh nhạy cảm nào. Công cụ hỗ trợ tất cả các định dạng ảnh phổ biến, kích thước tối đa 10MB.
Tính năng chính
- Hỗ trợ JPG, PNG, GIF, WebP, SVG và các định dạng ảnh khác
- Chọn tệp bằng cách kéo thả hoặc nhấp để tải lên
- Chuyển đổi tức thì ngay trên máy khách, không tải lên máy chủ
- Xem trước ảnh trực tiếp bên cạnh kết quả Base64
- Kết quả data URI đầy đủ kèm phần đầu MIME type
- Sao chép toàn bộ chuỗi Base64 vào clipboard chỉ với một cú nhấp
- Tải chuỗi Base64 xuống dưới dạng tệp văn bản
- Hiển thị thông tin tệp (tên, kích thước, loại)
- Có sẵn các đoạn mã HTML và CSS dùng được ngay
- Kích thước tệp tối đa 10MB, có kiểm tra định dạng
Cách sử dụng công cụ chuyển ảnh sang Base64
- Tải ảnh lên: Nhấp vào khu vực tải lên hoặc kéo thả tệp ảnh. Các định dạng được hỗ trợ gồm JPG, PNG, GIF và WebP, tối đa 10MB.
- Xem bản xem trước: Công cụ hiển thị bản xem trước của ảnh bạn đã tải lên cùng thông tin tệp (tên, kích thước và loại).
- Sao chép chuỗi Base64: Nhấp nút Copy để sao chép toàn bộ data URI vào clipboard, sẵn sàng dán vào mã của bạn.
- Tải xuống dạng văn bản: Nhấp nút Download để lưu chuỗi Base64 thành tệp văn bản dùng về sau.
- Dùng các đoạn mã: Tham khảo các ví dụ sử dụng HTML và CSS hiển thị bên dưới kết quả để tích hợp ảnh đã mã hóa vào dự án của bạn.
- Xóa và chuyển đổi ảnh khác: Nhấp nút X trên thẻ thông tin tệp để xóa ảnh hiện tại và bắt đầu một lần chuyển đổi mới.
Trường hợp sử dụng
- Nhúng biểu tượng vào HTML: Chuyển các biểu tượng và logo nhỏ sang Base64 rồi đưa trực tiếp vào HTML bằng thẻ img với data URI, không cần thêm yêu cầu HTTP.
- Ảnh nền CSS: Mã hóa các ảnh trang trí và dùng làm giá trị background-image nội tuyến trong CSS để giảm phụ thuộc vào tệp bên ngoài.
- Thiết kế mẫu email: Nhúng ảnh trực tiếp vào mẫu email HTML để ảnh vẫn hiển thị ngay cả khi ứng dụng email chặn ảnh bên ngoài.
- API và JSON payload: Đưa dữ liệu ảnh vào phản hồi hoặc yêu cầu API dạng JSON khi không có điểm cuối tải tệp lên.
- Ứng dụng một tệp: Tạo các tệp HTML khép kín với toàn bộ ảnh được nhúng dưới dạng Base64, lý tưởng cho tài liệu, báo cáo hoặc công cụ ngoại tuyến.
- Tệp cấu hình: Mã hóa các ảnh nhỏ để đưa vào tệp cấu hình, biến môi trường hoặc mẫu hạ tầng dưới dạng mã.
- Ứng dụng web tiến bộ: Lưu đệm các ảnh quan trọng dưới dạng chuỗi Base64 trong service worker hoặc bộ nhớ cục bộ để hiển thị ngoại tuyến tức thì.
Câu hỏi thường gặp
Mã hóa Base64 cho ảnh là gì?
Mã hóa Base64 chuyển dữ liệu ảnh nhị phân thành chuỗi văn bản ASCII. Kết quả có thể dùng làm data URI trong thẻ img của HTML, thuộc tính background của CSS hoặc đưa vào JSON payload, cho phép truyền và lưu ảnh dưới dạng văn bản thuần.
Mã hóa Base64 có làm tăng kích thước tệp không?
Có, mã hóa Base64 làm tăng kích thước dữ liệu khoảng 33% vì nó dùng 4 ký tự văn bản để biểu diễn mỗi 3 byte dữ liệu nhị phân. Đó là lý do việc nhúng Base64 chủ yếu được khuyến nghị cho các ảnh nhỏ như biểu tượng và logo.
Khi nào nên dùng ảnh Base64 thay vì tệp ảnh thông thường?
Dùng Base64 cho ảnh nhỏ (dưới 10-20KB) khi việc giảm số yêu cầu HTTP có lợi, cho mẫu email có thể bị chặn ảnh bên ngoài, hoặc khi bạn cần tài liệu HTML khép kín. Với ảnh lớn hơn, tham chiếu đến tệp thông thường hiệu quả hơn.
Công cụ này có miễn phí không?
Có, công cụ chuyển ảnh sang Base64 này hoàn toàn miễn phí. Không giới hạn số lần chuyển đổi, không cần đăng ký, không có hình mờ hay hạn chế nào áp dụng cho kết quả của bạn.
Dữ liệu của tôi có an toàn không?
Có. Ảnh của bạn được xử lý hoàn toàn trong trình duyệt bằng JavaScript FileReader API. Không có dữ liệu ảnh nào được tải lên hay lưu trên bất kỳ máy chủ nào, nên công cụ hoàn toàn an toàn với ảnh nhạy cảm hoặc độc quyền.
Kích thước tệp tối đa là bao nhiêu?
Công cụ hỗ trợ ảnh có kích thước tối đa 10MB. Trong thực tế, mã hóa Base64 hữu ích nhất với ảnh dưới 20KB. Ảnh lớn hơn nên dùng dưới dạng tệp thông thường để tránh làm phình HTML hoặc CSS của bạn.
Mẹo và thực hành tốt nhất
- Tối ưu ảnh trước: Nén và đổi kích thước ảnh trước khi chuyển sang Base64. Tệp nguồn càng nhỏ thì chuỗi Base64 càng ngắn và hiệu quả hơn.
- Chỉ dùng cho ảnh nhỏ: Base64 phù hợp nhất với biểu tượng, logo và ảnh thu nhỏ dưới 10-20KB. Với ảnh lớn hơn, tham chiếu tệp bên ngoài cho hiệu năng tốt hơn.
- Sao chép toàn bộ data URI: Kết quả bao gồm đầy đủ tiền tố data:image/[format];base64, nên có thể dán thẳng vào HTML hoặc CSS mà không cần chỉnh sửa.
- Xem các đoạn mã: Dùng các ví dụ HTML và CSS có sẵn làm mẫu để tích hợp ảnh Base64 vào dự án của bạn.
- Cân nhắc bộ nhớ đệm: Ảnh mã hóa Base64 nhúng trong HTML hoặc CSS được lưu đệm cùng tài liệu, còn ảnh bên ngoài có thể được lưu đệm độc lập. Hãy chọn cách phù hợp nhất với chiến lược lưu đệm của bạn.
- Tải xuống để sao lưu: Dùng nút Download để lưu tệp văn bản Base64 làm bản sao lưu, đặc biệt với các ảnh dùng trong nhiều dự án.