Webp la gi

Trong vài năm qua, Google đã âm thầm tiết lộ một định dạng hình ảnh mới có tên là WebP. Định dạng WebP đã được báo trước là định dạng kế thừa cho định dạng JPEG phổ biến trên thế giới. Đối với những người quan tâm đến việc sử dụng băng thông và / hoặc tốc độ Internet, đây là một điều tốt. Đối với người dùng cố gắng làm việc với hình ảnh kỹ thuật số, nó có thể là một cơn đau đầu.

  • WebP là gì?
  • Những lời chỉ trích về WebP
  • Cách lưu WebP dưới dạng JPEG hoặc PNG
  • Cách lưu WebP dưới dạng PNG với Tiện ích mở rộng của Chrome

Google đã làm việc trên WebP trong một số năm với mục tiêu giảm kích thước tệp hình ảnh mà không làm giảm chất lượng. Để làm điều này, định dạng hình ảnh WebP sử dụng một thuật toán nén hiệu quả hơn. Điều này làm cho kích thước tệp của hình ảnh trên web nhỏ hơn đáng kể so với JPEG hoặc PNG.

Theo Google, định dạng WebP làm giảm kích thước tệp hình ảnh từ mười chín xuống sáu mươi tư phần trăm. Điều này dẫn đến các trang web tải nhanh hơn và tiêu thụ ít băng thông hơn. Do đó, rất nhiều trang web có lưu lượng truy cập cao sử dụng định dạng WebP, vì trang web tải nhanh hơn đồng nghĩa với trải nghiệm người dùng tốt hơn. Thật an toàn khi cho rằng mọi người đều có thể đồng ý rằng Internet nhanh hơn là Internet tốt hơn, vậy vấn đề là gì?

Những lời chỉ trích về WebP

Mặc dù đã được phát triển trong khoảng bảy năm, định dạng WebP không được hỗ trợ rộng rãi. Nhiều công cụ thao tác hình ảnh phổ biến nhất như Adobe Photoshop không nhận dạng được WebP. Một số chương trình (như Photoshop) gặp phải tình trạng không tương thích này với các plugin của bên thứ ba. Tuy nhiên, một số chương trình không nhận dạng được định dạng WebP. Điều này làm cho định dạng WebP trở nên khó khăn khi làm việc với nó. May mắn thay, có một cách để chuyển đổi hình ảnh WebP thành một định dạng phù hợp với những người khác.

Chúng ta cũng nên lưu ý rằng một tác dụng phụ của việc nén thường là giảm chất lượng. Mặc dù sự giảm chất lượng này có thể không đáng chú ý đối với người dùng bình thường, nhưng nó có thể gây ra vấn đề cho một số chuyên gia nhất định (ví dụ: nhiếp ảnh gia).

Cách lưu WebP dưới dạng JPEG hoặc PNG

May mắn thay, có thể chuyển đổi thủ công hình ảnh WebP sang định dạng JPEG hoặc PNG gốc của chúng. Để thủ thuật nhỏ này hoạt động, bạn phải sử dụng Chrome hoặc Opera làm trình duyệt của mình. Mozilla đã báo cáo rằng Firefox sẽ nhận được hỗ trợ WebP trong tương lai, nhưng tính đến thời điểm này thì chỉ những trình duyệt nói trên mới hoạt động. Khi bạn gặp một hình ảnh WebP mà bạn muốn lưu, hãy nhấp chuột phải vào hình ảnh đó và chọn Open image in new tab.

Webp la gi

Bây giờ hình ảnh đã ở trong tab riêng của nó, hãy trỏ con trỏ vào thanh địa chỉ. Trong trường URL, xóa ba ký tự cuối cùng -rw của địa chỉ URL và nhấn Enter. Thao tác này sẽ hiển thị hình ảnh ở định dạng ban đầu (thường là JPEG hoặc PNG). Để lưu hình ảnh, chỉ cần nhấp chuột phải và chọn Save image as. bên trong Save as type , hình ảnh phải ở định dạng JPEG hoặc PNG. Đúng là, điều này có thể hơi tẻ nhạt, nhưng nó là một cách giải quyết khá đơn giản.

Webp la gi

Cách lưu WebP dưới dạng PNG với Tiện ích mở rộng của Chrome

Hãy đối mặt với nó, bạn có thể không muốn thay đổi URL mỗi khi bạn muốn lưu ảnh. Mặc dù đây là một giải pháp tương đối dễ dàng cho những người đang gặp khó khăn, nhưng nó không chính xác là thực tế. Điều này đặc biệt đúng đối với những người làm việc với số lượng lớn hình ảnh WebP. May mắn thay, có một tiện ích mở rộng nhẹ cho Google Chrome giúp sắp xếp hợp lý mọi thứ.

Webp la gi

Sau khi phần mở rộng được cài đặt, bạn sẽ có thể lưu hình ảnh ở định dạng PNG mà không cần thay đổi URL. Để làm như vậy, chỉ cần nhấp chuột phải vào hình ảnh bạn muốn tải xuống. Trong hộp menu xuất hiện sẽ có một tùy chọn được gắn nhãn Save Image as PNG. Chọn điều đó và tạm biệt với việc loay hoay với URL.

Ý kiến ​​của bạn về định dạng WebP là gì? Bạn có biết cách nào khác để chuyển đổi WebP sang định dạng JPEG hoặc PNG một cách nhanh chóng và dễ dàng không? Hãy cho chúng tôi biết trong phần bình luận!

Bài viết này có hữu ích không?

Webp la gi

Đã đăng vào thg 8 14, 2020 7:03 SA 5 phút đọc

Kích thước ứng dụng nhỏ hơn giúp người dùng tiết kiệm thời gian, dữ liệu di động và pin khi tải chúng xuống từ Play Store. Tất cả chúng ta đều thích các ứng dụng nhỏ hơn!

Introduction

WebP là một định dạng hình ảnh được phát triển bởi Google, chủ yếu tập trung vào tối ưu hóa và chất lượng. Một trong những tính năng thú vị của WebP là nó không mất dữ liệu, có nghĩa là nó hỗ trợ cả hai loại nén, không giống như PNG và JPG. WebP được hỗ trợ đầy đủ trên các trình duyệt web như Chrome, Firefox và Opera (xem hình ảnh bên dưới). Về phía Android, WebP đã được thêm vào từ API 14, vì vậy, ngày nay việc sử dụng WebP trên Android sẽ an toàn hơn.

Webp la gi

Ngay cả khi WebP không được hỗ trợ trong hệ sinh thái của Apple nhưng nó sẽ sớm được hỗ trợ trong tương lai. Tuy nhiên, có một thư viện dành cho Swift được gọi là SDWebImageWebPCoder hỗ trợ nó. Nếu bạn muốn sử dụng WebP trên web, hãy đảm bảo rằng bạn sử dụng polyfills.

Alpha Transparency

WebP cũng hỗ trợ Transparent Background như PNG, vì vậy nó là một sự thay thế tốt cho cả JPG và PNG. Bây giờ, chúng ta chỉ có một định dạng image.

Lossy and lossless compression

Nén mất dữ liệu là một cách để giảm kích thước hình ảnh bằng cách loại bỏ một số phần hoặc byte của hình ảnh mà mắt thường không nhận thấy được. Không thể hoàn nguyên định dạng bị mất về chất lượng hình ảnh gốc. Định dạng ảnh bị mất phổ biến nhất là JPEG hoặc JPG. Mặt khác, PNG, TIFF và GIF là định dạng hình ảnh không mất dữ liệu cung cấp một cách để giảm kích thước hình ảnh mà không làm giảm bất kỳ chất lượng hình ảnh nào. Định dạng ảnh không mất dữ liệu có thể được đảo ngược về định dạng ban đầu có kích thước ảnh gốc.

Tooling — Android Studio

Android Studio giúp việc chuyển định dạng JPG và PNG sang WebP dễ dàng hơn bằng cách chỉ cần nhấp chuột phải vào hình ảnh cần chuyển đổi và chọn Convert to WebP…

Webp la gi

Sau đó, cửa sổ bật lên này sẽ hiển thị yêu cầu chúng ta lựa chọn giữa mã hóa Lossless và Lossy. Trong trường hợp này, tôi sẽ sử dụng Mã hóa Lossy với chất lượng mã hóa 75%. Chất lượng càng kém, kích thước hình ảnh sẽ càng nhỏ. Nhấn Ok để tiếp tục.

Webp la gi

Sau khi nhấp vào Ok, Android Studio sẽ cho chúng ta thấy sự khác biệt giữa trước và sau khi chuyển đổi. Như chúng ta có thể thấy, kích thước hình ảnh giảm 52% so với kích thước ban đầu. Điều đó thật điên rồ, phải không? Tuy nhiên, nếu mọi thứ không ổn, chúng ta luôn có thể điều chỉnh thanh theo dõi chất lượng bên dưới hình ảnh để tăng hoặc giảm độ rõ nét của nó. Trong trường hợp này, hình ảnh trông đã ổn, vì vậy chỉ cần nhấn Accept All, và chúng ta đã hoàn tất.

Webp la gi

Chúng ta cũng có thể thực hiện chuyển đổi hàng loạt, bằng cách chọn tất cả các hình ảnh và làm theo bước tương tự. Bạn không cần phải làm từng ảnh một!

For Designers

Nếu bạn là UX/UI designer trước khi cung cấp Image Assets cho Android developers để sử dụng trong ứng dụng, hãy đảm bảo chúng được nén và có kích thước phù hợp. Ngoài ra, bạn nên khuyến khích các developer sử dụng WebP thay vì JPG và PNG, nếu họ chưa biết về WebP, hãy giới thiệu chúng!

Để có thể làm việc với WebP trong Adobe Photoshop, bạn cần phải cài đặt plugin WebpShop.

Nếu các công cụ thiết kế của bạn không hỗ trợ WebP, bạn cũng có thể thực hiện online.

Không sử dụng định dạng WebP cho các icon có thể được lưu dưới dạng SVG hoặc VectorDrawable —Một SVG nhẹ trong Android.

Summary

Theo ý kiến riêng của tôi, WebP là sự thay thế tốt nhất cho PNG và JPG trong phát triển Android vì nó có thể tối ưu hóa kích thước ứng dụng ở mức thấp nhất có thể. Định dạng WebP khá mới nhưng đã đến lúc bắt đầu sử dụng nó ngay bây giờ. Tôi tin rằng nó sẽ sớm trở thành định dạng hình ảnh chuẩn trên các hệ điều hành và trình duyệt trong tương lai.

REF: https://proandroiddev.com/webp-a-preferred-image-format-for-android-apps-251a0ab1aa70

All rights reserved