Hình ảnh sang Base64 là gì?

Hình ảnh sang Base64 là một công cụ chuyển đổi mạnh mẽ giúp biến đổi hình ảnh thành chuỗi văn bản được mã hóa Base64 và ngược lại. Mã hóa Base64 biểu diễn dữ liệu hình ảnh nhị phân dưới dạng văn bản ASCII, cho phép bạn nhúng hình ảnh trực tiếp trong HTML, CSS hoặc mẫu email mà không cần các tệp hình ảnh riêng biệt.

Giảm yêu cầu HTTP

Nhúng hình ảnh nhỏ trực tiếp trong mã để loại bỏ các yêu cầu máy chủ bổ sung và cải thiện tốc độ tải trang.

HTML tự chứa

Tạo tài liệu HTML một tệp với hình ảnh được nhúng, hoàn hảo cho các trang web di động.

Mẫu email

Bao gồm hình ảnh nội tuyến mà không cần lưu trữ chúng bên ngoài, đảm bảo hiển thị email đáng tin cậy.

CSS Backgrounds

Nhúng biểu tượng và mẫu trực tiếp trong bảng định kiểu để quản lý tài sản hợp lý.

Lưu trữ dữ liệu

Lưu trữ hình ảnh dưới dạng văn bản trong cơ sở dữ liệu hoặc tệp cấu hình để xử lý dữ liệu đơn giản hóa.

Hỗ trợ tất cả định dạng

Hoạt động với các định dạng hình ảnh JPEG, PNG, WebP, GIF, SVG, BMP và ICO.

Thực hành tốt nhất: Mã hóa Base64 hiệu quả nhất cho các hình ảnh nhỏ dưới 10 KB, chẳng hạn như biểu tượng, logo và đồ họa đơn giản. Đối với hình ảnh lớn hơn, phục vụ tệp truyền thống với bộ nhớ đệm thích hợp mang lại hiệu suất tốt hơn.

Cách sử dụng

Chuyển đổi hình ảnh thành Base64

Chọn Tab

Nhấp vào tab Hình ảnh sang Base64 để truy cập giao diện mã hóa.

Tải lên hình ảnh

Kéo và thả hình ảnh vào khu vực tải lên hoặc nhấp để duyệt và chọn tệp từ thiết bị của bạn.

Xem trước & Thông tin

Xem bản xem trước hình ảnh cùng với thông tin tệp chi tiết bao gồm tên, loại, kích thước và kích thước.

Chọn định dạng đầu ra

Chọn định dạng đầu ra ưa thích của bạn từ các tùy chọn có sẵn:

Data URI — Data URI hoàn chỉnh với tiền tố loại MIME, sẵn sàng cho <img src>
Raw Base64 — Chuỗi Base64 thuần túy mà không có tiền tố data URI
CSS — Thuộc tính CSS background-image với data URI được nhúng
HTML <img> — Thẻ hình ảnh HTML hoàn chỉnh với nguồn Base64

Sao chép hoặc tải xuống

Nhấp Sao chép để sao chép đầu ra vào bộ nhớ tạm của bạn hoặc nhấp .txt để tải xuống dưới dạng tệp văn bản.

Chuyển đổi Base64 thành hình ảnh

Chọn Tab

Nhấp vào tab Base64 sang Hình ảnh để truy cập giao diện giải mã.

Dán chuỗi Base64

Dán chuỗi Base64 của bạn vào khu vực văn bản. Bạn có thể bao gồm tiền tố data:image/... hoặc chỉ dán chuỗi Base64 thuần túy — cả hai định dạng đều hoạt động tự động.

Xem trước tự động

Bản xem trước hình ảnh xuất hiện ngay lập tức với thông tin chi tiết bao gồm loại, kích thước và kích thước tệp.

Tải xuống hình ảnh

Nhấp Tải xuống hình ảnh để lưu hình ảnh được giải mã vào thiết bị của bạn ở định dạng gốc.

Các tính năng chính

Nhiều định dạng đầu ra

Chuyển đổi hình ảnh của bạn thành định dạng chính xác mà bạn cần với chuyển đổi tức thời giữa các loại đầu ra.

Data URI với loại MIME
Chuỗi Raw Base64
CSS background-image
Thẻ HTML img
So sánh kích thước thời gian thực

Tải lên kéo và thả

Tải lên tệp dễ dàng với xử lý tức thời và xem trước toàn diện.

Kéo tệp từ bất kỳ đâu
Xem trước hình ảnh tức thời
Hiển thị tên và loại tệp
Thông tin kích thước và kích thước
Chuyển đổi Base64 ngay lập tức

Giải mã Base64 thông minh

Phát hiện và xử lý thông minh bất kỳ định dạng Base64 nào bạn dán.

Tự động phát hiện tiền tố Data URI
Xử lý chuỗi Raw Base64
Nhận dạng định dạng tự động
Tái tạo hình ảnh tức thời
Tải xuống ở định dạng gốc

Quyền riêng tư hoàn toàn

Tất cả xử lý diễn ra cục bộ trong trình duyệt của bạn — hình ảnh của bạn không bao giờ rời khỏi thiết bị của bạn.

Không tải lên máy chủ
Không thu thập dữ liệu
Không theo dõi hoặc phân tích
Xử lý 100% phía máy khách
Dữ liệu của bạn vẫn là của bạn

Tệp gốc

Kích thước tệp hình ảnh

Định dạng nhị phân
Yêu cầu yêu cầu HTTP
Lưu trữ tệp riêng biệt
Tối ưu cho hình ảnh lớn

Base64 được mã hóa

~33% lớn hơn

Định dạng văn bản (ASCII)
Nhúng trong mã
Không cần lưu trữ bên ngoài
Tốt nhất cho hình ảnh nhỏ

Sự cân bằng kích thước: Mã hóa Base64 làm tăng kích thước dữ liệu khoảng 33%. Hình ảnh 100 KB trở thành khoảng 133 KB khi được mã hóa. Chi phí này có thể chấp nhận được cho các tài sản nhỏ nhưng có thể ảnh hưởng đến hiệu suất của hình ảnh lớn hơn.

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

Mã hóa Base64 là gì?

Base64 là một lược đồ mã hóa nhị phân sang văn bản chuyển đổi dữ liệu nhị phân (như hình ảnh) thành văn bản ASCII bằng 64 ký tự (A-Z, a-z, 0-9, +, /). Điều này cho phép dữ liệu nhị phân được nhúng trực tiếp trong các định dạng dựa trên văn bản như HTML, CSS và JSON.

Quá trình mã hóa lấy mỗi 3 byte dữ liệu nhị phân và biểu diễn chúng dưới dạng 4 ký tự ASCII, làm cho dữ liệu an toàn để truyền và lưu trữ trong các môi trường chỉ có văn bản.

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%. Hình ảnh 100 KB trở thành khoảng 133 KB ở định dạng Base64.

Kích thước hình ảnh gốc 100 KB

Kích thước Base64 được mã hóa 133 KB

Sự cân bằng này có thể chấp nhận được cho các hình ảnh nhỏ như biểu tượng và logo, nhưng không được khuyến nghị cho các bức ảnh lớn nơi mà sự gia tăng kích thước có thể ảnh hưởng đáng kể đến hiệu suất tải trang.

Khi nào tôi nên sử dụng hình ảnh Base64?

Nhúng Base64 hoạt động tốt nhất trong các tình huống cụ thể nơi lợi ích vượt quá sự gia tăng kích thước:

Hình ảnh nhỏ dưới 10 KB (biểu tượng, logo, đồ họa đơn giản)
Tài liệu HTML một tệp hoặc mẫu email
CSS backgrounds cho các phần tử giao diện người dùng
Giảm yêu cầu HTTP để tối ưu hóa hiệu suất
Lưu trữ hình ảnh trong cơ sở dữ liệu hoặc cấu hình JSON

Không được khuyến nghị cho:

Ảnh chụp lớn hoặc hình ảnh độ phân giải cao
Hình ảnh cần bộ nhớ đệm trình duyệt
Hình ảnh đáp ứng với nhiều kích thước
Hình ảnh thay đổi thường xuyên

Đối với hình ảnh lớn hơn, phục vụ chúng dưới dạng các tệp riêng biệt với bộ nhớ đệm thích hợp hiệu quả hơn và cung cấp hiệu suất tốt hơn.

Data URI là gì?

Data URI là một lược đồ URL nhúng dữ liệu nội tuyến bằng định dạng data:[media-type];base64,[data]. Đối với hình ảnh, nó trông như:

Ví dụ Data URI

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...

Chuỗi hoàn chỉnh này có thể được sử dụng trực tiếp trong các thuộc tính HTML src hoặc giá trị CSS url():

Cách sử dụng HTML

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo">

Cách sử dụng CSS

.icon {
  background-image: url('data:image/png;base64,iVBORw0KGgo...');
}

Tôi có thể giải mã Base64 mà không có tiền tố data URI không?

Có, hoàn toàn có thể. Công cụ của chúng tôi tự động phát hiện và xử lý cả hai định dạng:

Data URI hoàn chỉnh: data:image/png;base64,iVBORw0KGgo...
Chuỗi Raw Base64: iVBORw0KGgo...

Chỉ cần dán một trong hai định dạng vào tab Base64 sang Hình ảnh và công cụ sẽ tự động phát hiện định dạng và giải mã nó một cách chính xác. Bản xem trước hình ảnh sẽ xuất hiện ngay lập tức với tất cả thông tin liên quan.

Dữ liệu hình ảnh của tôi có an toàn không?

Có, dữ liệu của bạn hoàn toàn an toàn và riêng tư. Tất cả mã hóa và giải mã diễn ra hoàn toàn trong trình duyệt của bạn bằng JavaScript. Hình ảnh của bạn không bao giờ được tải lên bất kỳ máy chủ nào.

Xử lý 100% phía máy khách: Mỗi hoạt động chuyển đổi chạy cục bộ trên thiết bị của bạn. Không truyền dữ liệu, không lưu trữ máy chủ, không có lo ngại về quyền riêng tư.

Điều này đảm bảo:

Quyền riêng tư hoàn toàn cho hình ảnh nhạy cảm
Không có rủi ro chặn dữ liệu
Không lưu trữ tệp của bạn trên máy chủ bên ngoài
Xử lý tức thời mà không có độ trễ mạng
Hoạt động ngoại tuyến sau khi trang được tải