Chuyển đổi Base64 sang PNG

PNG dạng Base64 đến từ đâu

PNG là định dạng bạn dễ gặp nhất ở dạng Base64. Gọi canvas.toDataURL() không kèm đối số sẽ trả về một data URI PNG. Các công cụ tự động hóa trình duyệt trả ảnh chụp màn hình về dưới dạng PNG Base64, chẳng hạn page.screenshot({ encoding: 'base64' }) trong Puppeteer hoặc get_screenshot_as_base64() trong Selenium. Các trình vẽ biểu đồ, công cụ tạo mã QR và API tạo ảnh thường trả về ảnh dưới dạng một trường Base64 bên trong JSON.

Chuỗi PNG rất dễ nhận ra: nó luôn bắt đầu bằng iVBORw0KGgo, là dạng mã hóa của chữ ký PNG 8 byte bắt đầu bằng 89 50 4E 47. Theo sau là AAAANSUhEUg, phần mở đầu của khối IHDR chứa chiều rộng và chiều cao.

Chuỗi sao chép từ JSON cần được kiểm tra nhanh trước. Ví dụ, hàm json_encode của PHP mặc định thoát dấu gạch chéo, nên ảnh PNG từ một API viết bằng PHP có thể chứa các chuỗi \/. Hãy thay chúng bằng / và bỏ dấu ngoặc kép bao quanh trước khi dán.

Vì sao nên lưu dưới dạng PNG

PNG nén mà không làm mất chi tiết nào và lưu kênh alpha đầy đủ, nên bóng đổ mềm và các cạnh khử răng cưa vẫn còn nguyên. Điều đó khiến PNG trở thành lựa chọn tự nhiên cho ảnh chụp màn hình, thành phần giao diện, sơ đồ và mọi thứ có chứa chữ. Với ảnh chụp, JPG hoặc WebP cho tệp nhỏ hơn nhiều.

Chuyển JPEG hoặc WebP sang PNG giữ đúng những gì hiển thị trên màn hình, nhưng không thể khôi phục chi tiết mà quá trình nén mất dữ liệu đã loại bỏ, và tệp PNG thường lớn hơn tệp nguồn.

Lưu PNG Base64 bằng mã

# Python
import base64
with open('screenshot.png', 'wb') as f:
    f.write(base64.b64decode(b64_string))

// Trình duyệt: data URI sang Blob, không cần tự giải mã
const blob = await (await fetch(dataUri)).blob();
const url = URL.createObjectURL(blob);

Cần chiều ngược lại? PNG sang Base64 mã hóa một tệp thành chuỗi hoặc data URI.