Ảnh sang Data URI

Data URI mã hóa ảnh trực tiếp thành văn bản (Base64), nên bạn có thể nhúng nó nội tuyến trong HTML (thuộc tính src của img) hoặc CSS (một nền) mà không cần tệp riêng hay yêu cầu mạng phụ. Công cụ này chuyển ảnh của bạn thành một data: URI sẵn sàng để dán.

Đầu ra là một tệp văn bản thuần chứa toàn bộ chuỗi data:image/...;base64,... đầy đủ. Nó tiện cho biểu tượng nhỏ xíu, mẫu email, bản demo một tệp, hoặc tránh một yêu cầu phụ, dù văn bản Base64 lớn hơn khoảng một phần ba so với số byte gốc.

Mọi thứ chạy hoàn toàn tại máy trong trình duyệt của bạn (không tải lên, kể cả khi ngoại tuyến) - ảnh của bạn không bao giờ rời khỏi thiết bị. Ảnh được mã hóa đúng như nó vốn có (cùng byte, cùng định dạng, không mã hóa lại); một ảnh rất lớn tạo ra một chuỗi rất dài, nên cách này hợp nhất với ảnh nhỏ.

Sự đánh đổi trung thực của việc nhúng: data URI đi kèm mỗi lần tệp HTML hay CSS được truyền đi và không được trình duyệt cache riêng. Quy tắc kinh nghiệm: nhúng chỉ đáng với đồ họa rất nhỏ - biểu tượng vài kilobyte; ảnh lớn nên để thành tệp riêng. Muốn kiểm tra nhanh, dán chuỗi thẳng vào thanh địa chỉ trình duyệt.

Thông số kỹ thuật

Trong 3 bước

1. Thả hoặc chạm vào ảnh của bạn (PNG, JPEG hoặc WebP).
2. Ảnh được mã hóa Base64 thành một data: URI trong trình duyệt của bạn.
3. Tải về tệp văn bản chứa data URI (sẵn sàng để dán).

Giới hạn: Mã hóa chính xác các byte của ảnh thành Base64 trong chuỗi data:<kiểu>;base64,... được lưu thành tệp văn bản. Base64 lớn hơn khoảng 33% so với bản gốc, nên hợp nhất với ảnh nhỏ. Định dạng và byte gốc được giữ nguyên (không mã hóa lại).

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

Công cụ liên quan

Ghép ảnh collage · Nén ảnh · PNG sang SVG · Tối ưu hóa SVG