Khi nào tôi nên nội tuyến một hình ảnh?

Cho hình ảnh rất nhỏ (dưới vài KB) xuất hiện trên gấp, nội tuyến có thể tăng tốc render bằng cách tránh yêu cầu HTTP thêm. Cho hình ảnh lớn hơn, phụ phí mã hóa (khoảng 33%) lấn át yêu cầu đã tiết kiệm.

Định dạng nào được hỗ trợ?

PNG, JPEG, SVG, WebP, AVIF, và GIF. SVG nội tuyến đặc biệt tốt vì nó vẫn dựa trên văn bản, nên phụ phí mã hóa là tối thiểu.

Data URI có an toàn để dùng trong CSS không?

Có. Bọc nó trong url() với dấu nháy quanh chính data URI. Đầu ra Toova tạo ra đã an toàn cho URL và hoạt động trực tiếp trong background-image, mask-image, và bất kỳ thuộc tính nào chấp nhận URL.

Tôi có thể giải mã data URI về hình ảnh không?

Có. Dán data URI và Toova giải mã nó thành hình ảnh gốc, sẵn sàng để tải xuống. Hữu ích cho việc trích xuất hình ảnh nội tuyến từ tệp HTML hoặc CSS.

Hình ảnh của tôi có được gửi đi đâu không?

Không. Mã hóa diễn ra hoàn toàn trong trình duyệt của bạn.

Hình ảnh sang Base64 — PNG, JPG, WebP

Bộ chuyển hình ảnh sang Base64

Riêng tư theo thiết kế — chạy hoàn toàn trong trình duyệt của bạn

Chuyển đổi bất kỳ hình ảnh nào sang data URI Base64 trong trình duyệt của bạn, sẵn sàng để nhúng nội tuyến trong HTML, CSS, hoặc JSON. Toova xử lý mọi định dạng phổ biến, tạo data URI hợp lệ, và không bao giờ tải hình ảnh của bạn lên — hữu ích cho biểu tượng nhỏ, mẫu email, và tài liệu tự chứa.

Khi nào nội tuyến một hình ảnh

Hình ảnh nhỏ (biểu tượng dưới vài KB) thường render nhanh hơn dưới dạng data URI nội tuyến so với yêu cầu HTTP riêng, vì chúng bỏ qua chuyến khứ hồi. Mẫu email thường nội tuyến hình ảnh vì nhiều ứng dụng thư chặn tải bên ngoài theo mặc định. Tài liệu HTML tự chứa (hướng dẫn ngoại tuyến, báo cáo có thể tải xuống) cần mọi thứ trong một tệp. Toova chuyển bất kỳ hình ảnh nào sang data URI Base64 bạn có thể dán thẳng vào src, background-image, hoặc trường JSON.

Cân nhắc định dạng và kích thước

Mã hóa Base64 thêm khoảng 33% vào kích thước tệp, nên nội tuyến chỉ thắng cho hình ảnh nhỏ. Quá khoảng 5-10 KB, yêu cầu HTTP riêng thường nhanh hơn tải nội tuyến phình to. Toova phơi bày kích thước gốc, kích thước đã mã hóa, và phần trăm phụ phí để bạn có thể quyết định. Mọi định dạng phổ biến (PNG, JPEG, SVG, WebP, GIF) đều được hỗ trợ.

Chỉ cục bộ

Hình ảnh được đọc và mã hóa hoàn toàn trong trình duyệt của bạn. Tệp không bao giờ được tải lên, và không có nhật ký nội dung. Điều đó quan trọng khi hình ảnh là mockup chưa phát hành, ảnh khách hàng, hoặc bất kỳ tài sản độc quyền nào. Tab Network sẽ trống trong khi mã hóa, và trang hoạt động ngoại tuyến sau lần tải đầu tiên.

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

Khi nào tôi nên nội tuyến một hình ảnh?: Cho hình ảnh rất nhỏ (dưới vài KB) xuất hiện trên gấp, nội tuyến có thể tăng tốc render bằng cách tránh yêu cầu HTTP thêm. Cho hình ảnh lớn hơn, phụ phí mã hóa (khoảng 33%) lấn át yêu cầu đã tiết kiệm.
Định dạng nào được hỗ trợ?: PNG, JPEG, SVG, WebP, AVIF, và GIF. SVG nội tuyến đặc biệt tốt vì nó vẫn dựa trên văn bản, nên phụ phí mã hóa là tối thiểu.
Data URI có an toàn để dùng trong CSS không?: Có. Bọc nó trong url() với dấu nháy quanh chính data URI. Đầu ra Toova tạo ra đã an toàn cho URL và hoạt động trực tiếp trong background-image, mask-image, và bất kỳ thuộc tính nào chấp nhận URL.
Tôi có thể giải mã data URI về hình ảnh không?: Có. Dán data URI và Toova giải mã nó thành hình ảnh gốc, sẵn sàng để tải xuống. Hữu ích cho việc trích xuất hình ảnh nội tuyến từ tệp HTML hoặc CSS.
Hình ảnh của tôi có được gửi đi đâu không?: Không. Mã hóa diễn ra hoàn toàn trong trình duyệt của bạn.