Công cụ chuyển và giải mã ảnh sang Base64
Biến ảnh nhỏ thành data URI và đoạn mã sẵn sàng sao chép, hoặc giải mã chuỗi Base64 trở lại thành ảnh có thể tải xuống.
- Chạy trong trình duyệt
- Không tải lên, không cần tài khoản
- Miễn phí và không giới hạn
- Mã hóa và giải mã
- Đoạn mã sẵn sàng sao chép
Chuyển ảnh sang Base64 chỉ trong một bước: thả tệp PNG, JPG, WebP, GIF, SVG hoặc ICO và nhận chuỗi Base64 thô, data URI, thẻ img HTML, quy tắc nền CSS và Markdown, mỗi loại có nút sao chép. Chuyển sang Base64 sang ảnh để dán chuỗi và nhận lại ảnh cùng loại tệp và dung lượng. Mọi thứ chạy trong trình duyệt.
Cách chuyển ảnh sang Base64
1. Thêm ảnh
Thả tệp, duyệt tìm, hoặc dán bằng Ctrl+V.
2. Chọn đoạn mã
Data URI, Base64 thô, thẻ img, CSS hoặc Markdown.
3. Sao chép
Sao chép đoạn mã và dán vào mã nguồn.
4. Hoặc giải mã
Dán chuỗi Base64 vào thẻ thứ hai để nhận lại ảnh.
Công cụ miễn phí này làm gì
Năm định dạng đoạn mã
Data URI, Base64 thô, HTML, CSS và Markdown.
Cả giải mã
Base64 hoặc data URI trở lại thành ảnh có thể tải xuống.
Nhận diện loại tệp
Loại tệp thật được nhận diện từ các byte.
Thông tin dung lượng
Xem dung lượng gốc và dung lượng sau mã hóa cạnh nhau.
Nhiều định dạng
PNG, JPG, WebP, GIF, BMP, SVG, ICO và AVIF.
Riêng tư
Tệp và chuỗi văn bản không bao giờ rời trình duyệt.
Ai sử dụng
Email HTML
Nhúng logo nhỏ ở nơi ảnh liên kết bị chặn.
Bản demo một tệp
Gửi trang hoặc bản mẫu mà không cần tệp phụ.
Biểu tượng CSS
Nhúng nền nhỏ để tiết kiệm một yêu cầu mạng.
Gỡ lỗi API
Kiểm tra trường ảnh đã mã hóa thực sự chứa gì.
Miễn phí và Pro: bạn trả tiền cho điều gì
Miễn phí · công cụ này
Chuyển ảnh sang Base64
- Chuyển đổi không giới hạn
- Chạy trong trình duyệt, không tải lên
- Đoạn mã Data URI, HTML, CSS và Markdown
- Không cần tài khoản, không dùng tín dụng
Tín dụng Pro · Công cụ AI Pro
Làm nét, tăng độ phân giải, phục hồi
- Tín dụng chỉ dùng cho xử lý AI Pro
- 5 tín dụng Pro miễn phí mỗi tuần khi có tài khoản
- Chỉ tính phí khi tác vụ thành công
- Các công cụ định dạng như thế này luôn miễn phí
Base64 là gì?
Base64 là cách viết dữ liệu nhị phân, như tệp ảnh, chỉ bằng 64 ký tự văn bản an toàn: chữ cái, chữ số, dấu cộng và dấu gạch chéo. Mỗi ba byte của tệp thành bốn ký tự văn bản. Điều đó cho phép nội dung nhị phân đi qua các hệ thống chỉ xử lý văn bản, như JSON, thuộc tính HTML, tệp CSS và một số định dạng email.
Data URI bọc chuỗi đó với phần đầu ngắn cho trình duyệt biết nó chứa gì, ví dụ data:image/png;base64, theo sau là tệp đã mã hóa. Trình duyệt có thể hiển thị nó y như một liên kết ảnh thông thường.
Khi nào nên nhúng trực tiếp
Khi cân nhắc giữa Base64 và liên kết tệp ảnh, sự đánh đổi là dung lượng và bộ nhớ đệm. Chuỗi Base64 lớn hơn tệp gốc khoảng một phần ba, và trình duyệt không thể lưu đệm riêng. Tệp thông thường được tải một lần và dùng lại. Base64 tỏa sáng với ảnh rất nhỏ, khi tiết kiệm một yêu cầu mạng quan trọng hơn vài trăm byte.
Cách chuyển ảnh sang Base64 tại đây
Thêm ảnh vào thẻ Ảnh sang Base64. Công cụ đọc nó cục bộ, nhận diện loại thật từ các byte của tệp và hiển thị dung lượng gốc, dung lượng sau mã hóa và mức tăng. Bên dưới là năm đoạn mã sẵn có kèm nút sao chép. Chuỗi rất dài được rút gọn trong ô để tăng tốc, nhưng nút sao chép luôn sao chép toàn bộ văn bản.
Bạn cũng có thể tải data URI dưới dạng tệp văn bản, tiện lợi với chuỗi rất lớn hoặc khi cần gửi cho đồng nghiệp.
Định dạng phổ biến
PNG sang Base64 là trường hợp phổ biến nhất, vì biểu tượng và logo thường là tệp PNG trong suốt. JPG sang Base64 hoạt động tương tự và hợp với ảnh nhỏ như avatar. Tệp SVG cũng được mã hóa; với SVG, văn bản mã hóa URL thông thường có thể còn nhỏ hơn, nhưng Base64 là lựa chọn tương thích nhất.
Dùng các đoạn mã
Trong HTML
Để dùng ảnh Base64 trong HTML, dán đoạn mã img vào trang. Nó đã có văn bản alt dựa trên tên tệp cùng chiều rộng và chiều cao, giúp tránh xô lệch bố cục. Hãy sửa văn bản alt để mô tả ảnh cho trình đọc màn hình.
Trong CSS
Với ảnh nền Base64 trong CSS, dán quy tắc background-image vào stylesheet. Phù hợp với họa tiết và biểu tượng nhỏ. Hãy giữ ảnh lớn dạng tệp, vì nhúng chúng làm cả stylesheet tải và phân tích chậm hơn.
Markdown và JSON
Đoạn mã Markdown hoạt động trong nhiều trình soạn thảo và công cụ tài liệu chấp nhận data URI. Với API và JSON, dùng đoạn mã chỉ Base64, không có phần đầu data:, trừ khi tài liệu API yêu cầu data URI đầy đủ.
Giải mã Base64 sang ảnh
Chuyển sang thẻ Base64 sang ảnh và dán chuỗi Base64 thô hoặc data URI đầy đủ. Công cụ xóa khoảng trắng và ngắt dòng, chấp nhận ký tự an toàn cho URL, thêm phần đệm còn thiếu, giải mã văn bản và kiểm tra các byte đầu để nhận ra loại ảnh thật. Sau đó bạn thấy ảnh, kích thước và dung lượng, cùng nút tải xuống với đuôi tệp đúng.
Nếu văn bản không phải Base64 hợp lệ, bị cắt cụt hoặc chứa loại tệp khác, một thông báo rõ ràng giải thích lỗi. Điều này làm bộ giải mã hữu ích để gỡ lỗi phản hồi API, trường cơ sở dữ liệu và mã nguồn email.
Dung lượng, hiệu năng và thực hành tốt
Theo kinh nghiệm, hãy nhúng ảnh nhỏ hơn vài kilobyte và giữ mọi thứ khác dạng tệp. Công cụ cảnh báo khi ảnh lớn hơn 100 KB, vì nhúng nó sẽ làm HTML hoặc CSS nặng. Với ảnh lớn hơn, hãy nén trước bằng công cụ nén ảnh hoặc chuyển sang WebP.
Base64 là mã hóa, không phải mật mã hóa. Ai cũng có thể giải mã, nên đừng bao giờ coi nó là cách giấu hay bảo vệ ảnh.
Quyền riêng tư
Mã hóa và giải mã diễn ra hoàn toàn trong trình duyệt bằng các hàm có sẵn. Không có gì được tải lên hay lưu trữ, và công cụ miễn phí, không giới hạn, không dùng tín dụng EnhancerPro.
Câu hỏi thường gặp từ lập trình viên
Vì sao chuỗi của tôi dài vậy?
Mỗi ba byte thành bốn ký tự, nên ảnh 30 KB thành khoảng 40.000 ký tự. Điều đó là bình thường. Nếu quá dài cho mục đích của bạn, hãy giảm kích thước ảnh hoặc nén trước khi mã hóa.
Ngắt dòng và email
Một số hệ thống email ngắt Base64 thành các dòng 76 ký tự. Bộ giải mã tự động bỏ qua các ngắt dòng đó, nên bạn có thể dán trực tiếp văn bản đã ngắt dòng.
Favicon và biểu tượng
Nhúng favicon dạng data URI hoạt động trên hầu hết trình duyệt, nhưng favicon.ico và tệp PNG thật đáng tin cậy hơn cho dấu trang và màn hình chính. Công cụ tạo favicon của chúng tôi tạo cả bộ.
Ví dụ thực tế
Logo trong chữ ký email
Một số ứng dụng email chặn ảnh liên kết đến khi người đọc cho phép, nhưng mức hỗ trợ data URI nhúng cũng khác nhau. Với chữ ký, PNG nhỏ được liên kết từ trang của bạn thường là lựa chọn đáng tin cậy nhất, và Base64 là phương án dự phòng cho hệ thống yêu cầu mọi thứ trong một khối HTML. Dù cách nào, hãy giữ logo dưới vài kilobyte.
Ảnh giữ chỗ và ảnh đang tải
Phiên bản rất nhỏ, mờ của ảnh mã hóa Base64 có thể hiện ngay trong khi ảnh đầy đủ đang tải. Thu nhỏ ảnh xuống khoảng 20 điểm ảnh chiều rộng, mã hóa và dùng làm nền phía sau ảnh thật. Nó chỉ thêm vài trăm byte vào trang.
Lưu ảnh trong JSON
Một số API và tệp cấu hình nhận ảnh dạng chuỗi Base64. Dùng đoạn mã chỉ Base64 và kiểm tra giới hạn dung lượng trong tài liệu. Khi nhận dữ liệu như vậy, hãy dán vào bộ giải mã để xác nhận loại ảnh và kích thước trước khi lưu.
Thử nghiệm và bản mẫu
Khi bạn chia sẻ bản mẫu nhanh dưới dạng một tệp HTML, nhúng ảnh nhỏ giúp không có gì bị hỏng khi tệp được di chuyển hoặc gửi email. Với mọi thứ đưa vào sản phẩm thật, hãy thay ảnh nhúng lớn bằng tệp thông thường để trình duyệt lưu đệm được.
Kiểm tra chuỗi chứa gì
Chuỗi Base64 không gợi ý gì về nội dung. Các ký tự đầu thường gợi ý loại tệp, như iVBOR cho PNG hoặc /9j/ cho JPEG, nhưng bộ giải mã là cách đáng tin cậy để biết. Nó đọc chữ ký tệp thật thay vì tin nhãn trong data URI.
Danh sách kiểm tra hiệu năng
Trước khi nhúng ảnh, hãy đặt ba câu hỏi. Ảnh có nhỏ không, lý tưởng dưới vài kilobyte? Nó có chỉ dùng trên một trang, nên bộ nhớ đệm không giúp nhiều? Một yêu cầu mạng thêm có làm chậm rõ rệt lần xem đầu không? Nếu cả ba đều có, Base64 là lựa chọn phù hợp. Nếu không, hãy phục vụ tệp thông thường ở định dạng hiện đại như WebP, đặt chiều rộng và chiều cao, và để trình duyệt lưu đệm cho mọi trang dùng nó. Điều đó giữ HTML gọn nhẹ và trang nhanh.
Chuyển đổi qua lại
Mã hóa rồi giải mã một ảnh trả lại đúng các byte ban đầu; Base64 không mất dữ liệu. Điều đó làm bộ giải mã thành cách nhanh để xác nhận chuỗi bạn sao chép là đầy đủ. Nếu ảnh giải mã bị cắt hoặc không hiển thị, một phần văn bản đã mất khi sao chép, thường ở cuối nơi có ký tự đệm. Hãy sao chép lại từ nguồn và giải mã lần nữa. Công cụ sẽ xác nhận khi chuỗi đầy đủ.
Câu hỏi thường gặp
Công cụ liên quan
Cần ảnh sắc nét hơn, lớn hơn hoặc được phục hồi?
Các công cụ AI của chúng tôi làm nét, tăng độ phân giải và sửa ảnh miễn phí trên thiết bị, với tùy chọn xử lý AI Pro bằng tín dụng.