Chuyển PNG sang WebP

Thu nhỏ ảnh chụp màn hình, logo và ảnh sản phẩm tách nền dạng PNG trên website thành file WebP vẫn giữ viền trong suốt mà tải nhanh hơn nhiều lần. Chọn nén có mất dữ liệu hoặc không mất dữ liệu, chuyển đổi rồi tải kết quả lên CMS của bạn.

hoặc thả tệp JPG, JPEG, JPE … vào đây ·

Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút

Đầu ra

Chuyển sang

Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.

Chất lượng và màu sắc

Chất lượng

Mức 85 giữ ảnh trông giống hệt bản gốc. Chỉ hạ xuống khi bạn cần tệp nhỏ hơn.

Không mất dữ liệu

Giữ chính xác mọi điểm ảnh. Tệp sẽ lớn hơn; thanh trượt chất lượng không có tác dụng.

Đổi kích thước đầu ra

Đổi kích thước ảnh đầu ra

Giữ kích thước gốc, hoặc nhập một cạnh và tỷ lệ khung hình sẽ được giữ nguyên.

Siêu dữ liệu và hồ sơ màu

Tự động xoay đúng chiều

Xoay ảnh theo thông tin hướng lưu trong EXIF để ảnh hiển thị đúng chiều ở mọi nơi.

Xóa siêu dữ liệu

Gỡ vị trí GPS, thông tin máy ảnh và chú thích. Hồ sơ màu có thể được giữ riêng ở bên dưới.

Giữ hồ sơ màu

Giữ lại hồ sơ ICC được nhúng để màu sắc vẫn chính xác sau khi chuyển đổi.

Không gian màu

sRGB phù hợp cho màn hình và web. Giữ nguyên bản gốc cho quy trình in ấn; thang độ xám sẽ loại bỏ màu.

Thẻ DPI

dpi

Chỉ là siêu dữ liệu, 0 giữ giá trị gốc. Máy in và một số cổng thông tin đọc con số này; nó không thay đổi kích thước điểm ảnh.

Cách sử dụng công cụ này

1
Thả các file PNG vào
Kéo tối đa 20 file PNG vào khu vực tải lên hoặc chọn từ một thư mục. Mỗi file có dung lượng tối đa 95 MB, đủ cho cả những bản mockup xuất ra rất lớn.
2
Chọn có mất dữ liệu hoặc không mất dữ liệu
Trang bắt đầu với Chất lượng 80 ở chế độ nén có mất dữ liệu, mức cân bằng tốt cho ảnh chụp và hình minh họa trên web. Hãy chọn Không mất dữ liệu trong Cài đặt nâng cao với biểu tượng, pixel art hoặc ảnh chụp giao diện cần giữ nguyên từng pixel.
3
Chuyển đổi và thay thế
Nhấn Chuyển sang WebP rồi tải từng file về hoặc tải cả gói ZIP.

Trả lời

Có nên chuyển PNG sang WebP không?

Với ảnh trên website thì hầu như luôn nên. Cùng một bức ảnh, kể cả phần trong suốt, thường nhỏ hơn nhiều và mọi trình duyệt hiện nay đều hiển thị được. Hãy giữ PNG cho các file bạn còn chỉnh sửa hoặc gửi cho người mở bằng phần mềm trên máy tính.

Vì sao lập trình viên web chuyển PNG sang WebP

PNG vốn không làm mất dữ liệu: W3C chuẩn hóa nó năm 1996 như một giải pháp thay thế GIF không dính bằng sáng chế, và nó không bao giờ bỏ đi dữ liệu pixel. Điều đó lý tưởng cho file gốc nhưng lãng phí trên trang web, nơi một hình minh họa hero 1600 px lưu dạng PNG có thể nặng hơn tất cả các đoạn script của trang cộng lại.

Google giới thiệu WebP năm 2010 để thu hẹp khoảng cách đó. Nó có hai bộ mã hóa trong cùng một container: chế độ không mất dữ liệu mà so sánh do chính Google công bố cho thấy nhỏ hơn PNG khoảng 26%, và chế độ có mất dữ liệu dựa trên codec video VP8 còn nhỏ hơn nữa. Cả hai chế độ đều có kênh alpha đầy đủ, tính năng giúp logo và ảnh sản phẩm đã tách nền dùng được trên nền màu.

Các công cụ đo tốc độ trang như PageSpeed Insights từ lâu đã chỉ ra các file PNG và JPEG quá lớn là chỗ dễ tiết kiệm, và một bộ ảnh đã chuyển đổi thường là cách cải thiện Largest Contentful Paint nhanh nhất. Nếu ảnh cũng cần đổi kích thước, hãy chạy qua công cụ đổi kích thước ảnh trước rồi mới chuyển đổi.

WebP nhẹ hơn PNG bao nhiêu

PNG gốc

1.2 MB

1600 × 900 · 24-bit có alpha, ảnh sản phẩm tách nền

thường nhỏ hơn 80–85%

WebP, chất lượng 80

190 KB

1600 × 900 · có mất dữ liệu, giữ nguyên kênh alpha

PNG

Ảnh PNG (Portable Network Graphics)

PNG là định dạng ảnh raster không mất dữ liệu (lossless), được PNG Development Group công bố năm 1996 và sau đó được W3C và ISO chuẩn hóa. Định dạng giữ nguyên chính xác từng điểm ảnh, hỗ trợ đầy đủ kênh alpha cho nền trong suốt và hiển thị văn bản, cạnh sắc nét và mảng màu phẳng mà không bị nhiễu. Độ chính xác đó khiến PNG lý tưởng cho ảnh chụp màn hình, logo, biểu tượng và đồ họa giao diện. Cái giá phải trả là dung lượng: ảnh chụp lưu dưới dạng PNG thường lớn gấp nhiều lần cùng bức ảnh ở dạng JPEG hoặc WebP. Mọi trình duyệt, hệ điều hành và trình chỉnh sửa đều mở được tệp PNG.

Nén: Không mất dữ liệu
Độ trong suốt: Có
Ảnh động: Không
Ra mắt: 1996 · PNG Development Group

Công cụ chuyển đổi PNG

WEBP

Ảnh WebP

WebP là định dạng ảnh do Google phát hành năm 2010 nhằm giúp trang web tải nhanh hơn. Định dạng hỗ trợ cả nén mất dữ liệu (lossy) lẫn không mất dữ liệu (lossless), nền trong suốt bằng kênh alpha và ảnh động trong cùng một định dạng. Tệp WebP lossy thường nhỏ hơn 25–35% so với JPEG có chất lượng hình ảnh tương đương, còn WebP lossless thường nhỏ hơn PNG. Mọi trình duyệt hiện nay đều hỗ trợ WebP, nhưng một số phần mềm máy tính cũ, dịch vụ in và biểu mẫu tải lên vẫn từ chối định dạng này. Windows, macOS và hầu hết trình chỉnh sửa ảnh hiện đại mở được tệp WebP.

Nén: Có hoặc không mất dữ liệu
Độ trong suốt: Có
Ảnh động: Có
Ra mắt: 2010 · Google

Công cụ chuyển đổi WEBP

Chủ website chuyển PNG sang WebP để giảm dung lượng trang mà vẫn giữ nền trong suốt; còn chuyển từ WebP về PNG là để chỉnh sửa hoặc mở file trong phần mềm không đọc được WebP.

Các con số trên là kết quả điển hình cho ảnh chụp đã tách nền, không phải cam kết. Đồ họa phẳng giảm ít hơn ở chế độ có mất dữ liệu và đôi khi giảm nhiều hơn ở chế độ không mất dữ liệu. Ảnh chụp màn hình đầy chữ là trường hợp duy nhất mà WebP có mất dữ liệu có thể làm mờ viền chữ; hãy chọn Không mất dữ liệu cho các ảnh đó và bạn vẫn tiết kiệm dung lượng mà không đổi pixel nào.

Kích thước, màu sắc và độ trong suốt được giữ nguyên, còn Xóa siêu dữ liệu (bật mặc định) loại bỏ lịch sử chỉnh sửa mà trình duyệt không bao giờ cần.

Trước khi tải file WebP lên website

Giữ các file PNG gốc trong một thư mục riêng; WebP là bản dùng để phân phối, không phải bản gốc để chỉnh sửa.
Kiểm tra CMS của bạn có chấp nhận tải lên file .webp không (WordPress hỗ trợ từ phiên bản 5.8).
Xem một ảnh trong suốt trên cả nền trắng và nền tối để chắc chắn phần viền sạch.
Cập nhật các đường dẫn ảnh trong HTML hoặc CSS từ .png sang .webp, hoặc để CMS tạo lại ảnh thu nhỏ.
So sánh dung lượng trang trước và sau trong bảng Network của trình duyệt để biết bạn đã tiết kiệm được bao nhiêu.

Câu hỏi về chuyển PNG sang WebP

WebP có giữ nền trong suốt của ảnh PNG không?

Có. WebP lưu kênh alpha ở cả chế độ có mất dữ liệu lẫn không mất dữ liệu, nên ảnh sản phẩm đã tách nền và logo vẫn trong suốt. Ở chế độ có mất dữ liệu, các pixel ở viền bị nén nhẹ; nếu thấy quầng sáng mờ quanh sợi tóc mảnh hoặc chữ, hãy chuyển lại file với tùy chọn Không mất dữ liệu. Cần chuyển ngược về sau? WebP sang PNG sẽ khôi phục file PNG có thể chỉnh sửa.

Nên chọn WebP có mất dữ liệu hay không mất dữ liệu cho ảnh PNG?

Chọn không mất dữ liệu khi PNG là giao diện phẳng, sơ đồ, logo hoặc pixel art, vì từng pixel được giữ nguyên mà dung lượng file thường vẫn giảm. Chọn có mất dữ liệu ở chất lượng 75 đến 85 khi PNG thực chất là ảnh chụp hoặc hình minh họa mềm, vì đó là nơi tiết kiệm được nhiều nhất.

Trình duyệt nào hiển thị được ảnh WebP?

Chrome, Edge, Firefox và Opera đã hiển thị WebP từ nhiều năm, còn Safari hỗ trợ từ phiên bản 14 năm 2020 (trên macOS Big Sur trở lên và iOS 14). Trên thực tế, mọi trình duyệt đang dùng hiện nay đều hiển thị được, nên chỉ cần thẻ img trỏ tới file .webp là đủ cho hầu hết website.

WordPress có cho tải lên ảnh WebP không?

WordPress 5.8, phát hành tháng 7 năm 2021, đã thêm WebP vào các loại file được phép tải lên thư viện media. Các bản cài cũ hơn sẽ từ chối file trừ khi có plugin thêm kiểu MIME, vì vậy hãy kiểm tra phiên bản trước khi chuyển cả một thư mục.

Vì sao file WebP lại nặng hơn file PNG gốc?

Điều này xảy ra với các file PNG rất nhỏ dùng bảng màu chỉ mục vài màu, chẳng hạn biểu tượng 8 màu, vì PNG vốn đã rất hiệu quả ở trường hợp đó. Hãy thử Không mất dữ liệu cho các file này, và nếu kết quả vẫn lớn hơn thì cứ giữ PNG; mức tiết kiệm đến từ những ảnh lớn hơn, nhiều màu hơn.

Có thể chuyển cả thư mục PNG sang WebP cùng lúc không?

Mỗi lần xử lý được tối đa 20 file, mỗi file tối đa 95 MB, và kết quả được trả về cùng nhau trong một file ZIP. Với thư mục lớn hơn, hãy lặp lại theo từng đợt 20 file; không có giới hạn mỗi ngày và các file đã tải lên sẽ tự động bị xóa sau 30 phút.