Chuyển JPG Sang Base64 - Miễn Phí, Tức Thì, Ngay Trên Trình Duyệt
Công Cụ Chuyển JPG Sang Base64
Tối đa 10 MB. Không có gì được tải lên — tệp không bao giờ rời khỏi thiết bị của bạn.
Dùng trong thuộc tính <img src> hoặc url() của CSS.
Không có tiền tố data: — dùng cho dữ liệu JSON và API.
Tệp của bạn được giữ riêng tư
Việc chuyển đổi này chạy hoàn toàn trong trình duyệt của bạn. Ảnh không bao giờ được tải lên, nên không có thứ gì bạn mã hóa ở đây đến được máy chủ của chúng tôi hay bất kỳ ai khác.
Về Việc Chuyển JPG Sang Base64
Tệp JPG là ảnh chụp, mà ảnh chụp thì lớn. Chỉ riêng sự thật đó đã thay đổi phép tính so với việc mã hóa một biểu tượng: một bức ảnh 200 KB trở thành khoảng 267 KB văn bản mà trình duyệt phải tải trọn vẹn, giữ trong bộ nhớ và giải mã trước khi hiển thị được bất cứ gì. Với phần lớn website, đó là cuộc đổi chác tồi. Tuy vậy, có ba tình huống mà nó lại chính xác là lựa chọn đúng.
Cách chuyển JPG sang Base64
- 1 Thả tệp .jpg hoặc .jpeg vào vùng tải lên.
- 2 Hãy xem dòng dung lượng mà công cụ hiển thị — chính con số đó quyết định việc nhúng có hợp lý hay không.
- 3 Sao chép data URI cho HTML và CSS, hoặc chuỗi thô nếu bạn đưa nó vào JSON.
Với một trang web thông thường, đây thường là sai lầm
Một thẻ ảnh thông thường cho phép trình duyệt tải ảnh song song, lưu đệm hàng tháng trời, bỏ qua hoàn toàn nếu nó nằm ngoài màn hình đầu tiên, và thay bằng phiên bản nhỏ hơn trên điện thoại. Nhúng nội tuyến vứt bỏ cả bốn điều đó cùng lúc. Bức ảnh giờ nằm trong HTML hoặc CSS, chặn lần vẽ đầu tiên, không thể tự lưu đệm riêng, vẫn được tải về ngay cả với khách không bao giờ cuộn tới, và giống hệt nhau trên màn hình 4K lẫn điện thoại giá rẻ. Ảnh càng lớn thì mỗi khoản phí đó càng nặng.
Ba trường hợp việc này là đúng
Trước hết là mẫu thư điện tử: nhiều phần mềm thư chặn ảnh bên ngoài theo mặc định, nên ảnh được nhúng là thứ duy nhất hiện lên một cách đáng tin cậy. Thứ hai là những ảnh giữ chỗ tí hon — một ảnh cố tình làm mờ chỉ vài trăm byte, nhúng vào để có thứ gì đó hiện ra trong lúc ảnh thật đang tải. Thứ ba là đưa một bức ảnh đi qua hệ thống chỉ nhận văn bản: API JSON, dữ liệu webhook, cột cơ sở dữ liệu, hàng đợi tin nhắn. Ở cả ba trường hợp, lựa chọn thay thế không phải là "ảnh nhanh hơn", mà là "không có ảnh nào".
Hãy thu nhỏ ảnh trước khi mã hóa
Base64 không có ý kiến gì về thứ bạn đưa cho nó — nó phóng to một bức ảnh du lịch 3 MB trung thành y như phóng to một ảnh thu nhỏ. Vậy hãy làm đúng thứ tự: cắt về đúng kích thước bạn thực sự hiển thị, hạ chất lượng JPG cho tới khi khác biệt không còn nhìn thấy, rồi mới mã hóa. Một bức ảnh sẽ hiển thị rộng 400 pixel thì chẳng có lý do gì để được mã hóa ở 4000. Nếu kết quả vẫn lên tới hàng trăm kilobyte, đó là lúc công cụ đang bảo bạn hãy liên kết tới tệp thay vì nhúng.