Khi nào chọn PNG thay vì JPG làm đích
Cả PNG và JPG đều mở được ở mọi nơi, nên câu hỏi là định dạng nào hợp với bức ảnh. PNG là đích đúng khi:
- Ảnh có vùng trong suốt. Sticker, logo, biểu tượng và ảnh sản phẩm tách nền lưu từ website thường là WebP có kênh alpha. PNG giữ được nó; JPG sẽ tô kín bằng một màu đặc.
- Ảnh chứa chữ, đường nét hoặc màu phẳng. Ảnh chụp màn hình, sơ đồ, biểu đồ và đồ họa giao diện vẫn sắc nét ở dạng PNG. JPG thêm nhiễu mờ quanh mọi cạnh sắc.
- Bạn sẽ chỉnh sửa ảnh. PNG không mất dữ liệu, nên mở, sửa và lưu bao nhiêu lần cũng không thêm hư hại do nén. Điều đó khiến nó là bản làm việc hợp lý cho công cụ thiết kế và bài thuyết trình.
Với một ảnh chụp thông thường mà bạn chỉ muốn xem hoặc gửi đi, Chuyển WebP sang JPG cho tệp nhỏ hơn nhiều mà không có khác biệt nhìn thấy được.
Không mất dữ liệu có ý nghĩa gì với ảnh đã nén
Trình duyệt giải mã WebP, và các điểm ảnh đã giải mã được ghi vào PNG mà không mất thêm chút chất lượng nào do nén. Đó là lý do không có thanh trượt chất lượng. Với vùng không trong suốt, kết quả chính xác tuyệt đối; điểm ảnh bán trong suốt có thể lệch một bước làm tròn rất nhỏ vì canvas lưu màu đã nhân trước với alpha, điều này trên thực tế không nhìn thấy được.
Cần nói rõ điều mà việc này không làm được. Hầu hết ảnh WebP trên website là loại mất dữ liệu, đã bị nén một lần khi website tạo ra chúng. PNG giữ nguyên trạng thái đó một cách chính xác, kể cả độ mềm hay vết khối mờ mà WebP vốn có, nhưng không thể mang lại chi tiết đã bị loại bỏ. Nếu WebP vốn là loại không mất dữ liệu, PNG là bản sao hoàn hảo của bản gốc.
Vì sao PNG nặng hơn nhiều đến vậy
Hãy chuẩn bị cho một bước nhảy lớn về dung lượng. Một ảnh chụp WebP mất dữ liệu 90 KB ở kích thước 1200×800 px có thể thành 1 đến 1,5 MB ở dạng PNG, gấp mười lần trở lên. WebP mất dữ liệu giữ dung lượng thấp bằng cách loại bỏ chi tiết và lưu màu ở độ phân giải giảm; PNG phải mô tả chính xác từng điểm trong số 960.000 điểm ảnh, bằng kiểu nén chỉ hiệu quả khi màu sắc lặp lại.
Với đồ họa phẳng, khác biệt nhỏ hơn nhiều, thường dưới hai lần, vì những mảng một màu lớn cũng được PNG nén tốt.
Nếu dung lượng trở thành vấn đề:
- Chạy kết quả qua Nén ảnh PNG, công cụ giảm bảng màu và thường cắt tệp đi 50 đến 70 phần trăm mà đồ họa gần như không thay đổi khi nhìn.
- Với ảnh chụp, hãy cân nhắc lại định dạng: nếu không cần vùng trong suốt, JPG là lựa chọn hợp hơn.
- Thu nhỏ ảnh trước nếu nó lớn hơn nơi sẽ hiển thị.
Chi tiết của quá trình chuyển đổi
Ảnh được trình duyệt giải mã và mã hóa lại bằng Canvas API, trong một worker chạy nền nếu được hỗ trợ, và không bao giờ được tải lên. Kích thước điểm ảnh giữ nguyên, và vùng trong suốt một phần, như bóng đổ mềm và viền khử răng cưa, được giữ lại. Mọi siêu dữ liệu EXIF hay XMP mà tệp WebP có thể chứa đều không được sao chép.
Tệp WebP động chỉ cho ra ảnh PNG của khung hình đầu tiên. Nhận tệp đến 50 MB mỗi tệp, và cả loạt có thể tải về trong một tệp ZIP duy nhất, mỗi tệp giữ tên gốc với phần mở rộng .png.