Bỏ qua nội dung chính
Câu Hỏi
WordPress
Đã hỏi 7 tháng trước

Đâu là định dạng hình ảnh thường được sử dụng trên web?

Ở diễn đàn hỏi đáp CuongThach bạn có thể hỏi, trả lời và chia sẻ quan điểm của mình với cộng đồng!

Website sẽ sử dụng những định dạng ảnh dựa chủ yếu vào trình duyệt web có hỗ trợ hay không. Một số định dạng ảnh mới hiện tại vẫn chưa phổ biến 100% như WebP sẽ không hỗ trợ trên một số trình duyệt Safari phiên bản 13.5 trở xuống (Phiên bản 14 sẽ hỗ trợ).

Tham khảo: https://caniuse.com/9

Danh sách trình duyệt hỗ trợ webP hiện nay (có kèm phiên bản) - Nguồn:
Danh sách trình duyệt hỗ trợ webP hiện nay (có kèm phiên bản) - Nguồn: caniuse.com4

Định dạng ảnh phổ biến nhất trên Internet hiện nay vẫn là

  1. JPG. Tất cả trình duyệt đều hỗ trợ và phổ biến nhất.
  2. PNG. Phổ biến tương tự JPG. Có 2 định dạng chính được dùng là 8-bit hoặc 24-bit. Bạn nên dùng PNG-24 để hiển thị tốt nhất, PNG-8 sẽ bị lỗi ở một số nền tảng.
  3. GIF. Dùng phổ biến cho mạng xã hội Facebook, chat, banner quảng cáo. Website nên hạn chế dùng vì gây nặng và hại băng thông. Dùng định dạng video thay thế thì sẽ tốt hơn Gif.
  4. WebP. Sẽ là xu hướng kế tiếp vì WebP sẽ hỗ trợ trên iOS và MAC với Safari. Ưu điểm quá rõ, siêu nhẹ và đẹp.
  5. SVG. Không chính xác là định dạng ảnh, nhưng nó được dùng như định dạng ảnh. Phổ biến khi bạn thiết kế website, landing page với các icon nhỏ, đơn giản.
  6. ICO. Dùng cho Favicon của website. Nếu bạn dùng WordPress thì dùng ảnh PNG (kích thước 512x512 px) thay thế ICO vì WordPress tự tạo bộ ảnh Favicon cho bạn.\

Ngoài ra còn có nhiều định dạng ảnh ít phổ biến khác như APNG (hoạt ảnh PNG).

WordPress mặc định không hỗ trợ hiển thị ảnh WebP, bạn cần dùng plugin như Shortpixel để tạo ảnh WebP và sau đó bật tính năng hiển thị WebP ở front-end. Shortpixel sẽ thay thế <img> tag thành <picture> tag để hỗ trợ WebP.

Bạn có thể mua Shortpixel giá rẻ mà CuongThach bán tại đây26.