Web

WebP và AVIF là gì?

webpavifđịnh dạng webpảnh webp

WebP (của Google) và AVIF là các định dạng ảnh hiện đại cho web, nén hiệu quả hơn JPG và PNG (file nhỏ hơn với chất lượng tương đương), hỗ trợ nền trong suốt và ảnh động.

Hiểu kỹ hơn

Hầu hết trình duyệt hiện nay đều hỗ trợ WebP; AVIF nén còn tốt hơn nhưng mã hoá chậm hơn. Dùng WebP hoặc AVIF giúp trang tải nhanh, cải thiện Core Web Vitals. Một số phần mềm và nền tảng cũ chưa mở được WebP, nên khi gửi file cho khách hay nhà in vẫn dùng JPG, PNG, PDF. Ảnh động WebP có thể thay GIF với dung lượng nhỏ hơn nhiều.

Ảnh minh hoạ WebP và AVIF: cùng một ảnh lưu JPG, PNG, WebP, AVIF với dung lượng ghi bên dưới và cắt cận để so chất lượng
Cùng một ảnh lưu JPG, PNG, WebP, AVIF với dung lượng ghi bên dưới và cắt cận để so chất lượng

Thuật ngữ liên quan

01PNG

PNG là định dạng ảnh nén không mất chất lượng, hỗ trợ nền trong suốt (kênh alpha), phù hợp cho logo, icon, ảnh chụp màn hình, đồ hoạ có chữ và mảng màu…

02JPEG (JPG)

JPEG (JPG) là định dạng ảnh nén có mất dữ liệu phổ biến nhất cho ảnh chụp, cho dung lượng nhỏ với chất lượng tốt, nhưng không hỗ trợ nền trong suốt và mất…

03GIF

GIF là định dạng ảnh cũ hỗ trợ ảnh động (nhiều khung hình lặp lại) nhưng giới hạn 256 màu, thường dùng cho meme, icon động, sticker và minh hoạ ngắn trên…

04Tối ưu ảnh cho web (image optimization)

Tối ưu ảnh cho web là việc giảm dung lượng ảnh mà vẫn giữ chất lượng đủ đẹp, bằng cách chọn đúng kích thước, định dạng, mức nén, để trang tải nhanh hơn.

05Core Web Vitals (LCP, INP, CLS)

Core Web Vitals là bộ chỉ số của Google đo trải nghiệm thực tế khi tải và dùng trang web: LCP (nội dung chính hiện nhanh không), INP (phản hồi thao tác…