Cách mở hình ảnh ở định dạng WebP trên Windows. Cách xem hình ảnh WebP trên máy tính của bạn

- Phần mở rộng (định dạng) là các ký tự ở cuối file sau dấu chấm cuối cùng.
- Máy tính xác định loại file theo phần mở rộng của nó.
- Mặc định Windows không hiển thị phần mở rộng tên file.
- Một số ký tự không thể sử dụng trong tên file và phần mở rộng.
- Không phải tất cả các định dạng đều liên quan đến cùng một chương trình.
- Dưới đây là tất cả các chương trình có thể dùng để mở file WEBP.

XnView là một chương trình khá mạnh mẽ kết hợp nhiều chức năng để làm việc với hình ảnh. Đây có thể là việc xem đơn giản các tệp, chuyển đổi của chúng và xử lý nhỏ. Nó là nền tảng chéo, cho phép nó được sử dụng trên hầu hết mọi hệ thống. Chương trình này còn độc đáo ở chỗ nó hỗ trợ khoảng 400 định dạng hình ảnh khác nhau, bao gồm cả những định dạng được sử dụng và phổ biến nhất cũng như các định dạng không chuẩn. XnView có thể chuyển đổi hàng loạt hình ảnh. Đúng, chúng chỉ có thể được chuyển đổi thành 50 định dạng, nhưng trong số 50 định dạng này có tất cả các tiện ích mở rộng phổ biến...

Chasys Draw IES là một trình chỉnh sửa đa chức năng bao gồm một số tiện ích như trình chỉnh sửa đồ họa, tiện ích để xem hình ảnh và ảnh chụp, mô-đun để chuyển đổi đồ họa hàng loạt và mô-đun để chuyển đổi ảnh kỹ thuật số sang định dạng RAW. Từ cửa sổ ứng dụng chính, bạn có thể cá nhân hóa bảng tính bằng cách chọn loại dự án bạn muốn tạo. Ứng dụng này cho phép bạn thực hiện các thao tác phức tạp với hình ảnh, chẳng hạn như tạo bố cục để in, hoạt hình cho tài nguyên web, hình ảnh cho CD, DVD. Chương trình cho phép bạn quét hình ảnh nếu bạn có thiết bị cần thiết. Ngoài bộ này...

XnConvert là một tiện ích hữu ích để chuyển đổi và xử lý chính ảnh và hình ảnh. Hoạt động với hơn 400 định dạng. Hỗ trợ tất cả các định dạng đồ họa phổ biến. Với các công cụ đơn giản của XnConvert, bạn có thể điều chỉnh độ sáng, gamma và độ tương phản. Trong ứng dụng, bạn có thể thay đổi kích thước ảnh, áp dụng các bộ lọc và một số hiệu ứng phổ biến. Người dùng có thể thêm hình mờ và chỉnh sửa. Sử dụng ứng dụng, bạn có thể xóa dữ liệu meta, cắt bớt tệp và xoay chúng. XnConvert hỗ trợ nhật ký trong đó người dùng sẽ xem tất cả thông tin chi tiết về các thao tác hình ảnh gần đây của mình.

IrfanView là một trình xem tệp đồ họa miễn phí, điểm nổi bật của nó là kích thước và chức năng nhỏ. IrfanView hỗ trợ một số lượng lớn định dạng, có giao diện rõ ràng và bộ chức năng cần thiết. Vì vậy, với sự trợ giúp của nó, bạn không chỉ có thể xem hình ảnh mà còn có thể xoay chúng ở mọi góc độ, thực hiện các chỉnh sửa màu nhỏ, loại bỏ mắt đỏ khỏi ảnh, v.v. Ngoài ra, bằng cách sử dụng IrfanView, bạn có thể chụp ảnh màn hình (cả toàn bộ màn hình và từng vùng riêng lẻ), tách các biểu tượng và biểu tượng khỏi nhiều tệp khác nhau, đổi tên tệp theo mẫu được xác định trước và...

Honeyview là một trình xem ảnh đơn giản và đẹp mắt. Hỗ trợ tất cả các định dạng hình ảnh và hình ảnh phổ biến, bao gồm cả những định dạng "thô". Ngoài ra còn có một giao diện tiện lợi, nơi bạn có thể xem ảnh toàn màn hình hoặc hai ảnh song song, rất thuận tiện nếu bạn cần chọn ảnh đẹp nhất. Bạn có thể lưu ngay những bức ảnh yêu thích của mình vào một thư mục riêng. Nếu ảnh chứa dữ liệu vị trí thì chương trình sẽ mở Google Maps, nơi bạn có thể xem địa điểm chụp ảnh. Sử dụng phím nóng, chương trình sẽ mở trong Windows Explorer một bức ảnh được mở trong...

FileOptimizer là một ứng dụng nén tệp tiện lợi được tạo bởi một trong các nhóm lập trình viên độc lập. Ứng dụng này có các thuật toán nén được cải tiến và tốc độ cao. Chương trình cho phép bạn nén hầu hết các loại tệp, bao gồm lưu trữ, định dạng văn bản, định dạng hình ảnh, v.v. Ngoài ra, chương trình này có thể hoạt động với các tập lệnh cũng như thông qua dòng lệnh, điều này sẽ đặc biệt hữu ích cho những người dùng có kinh nghiệm. Đối với người dùng mới làm quen, mọi thứ đều rất đơn giản. Chương trình được tích hợp vào menu ngữ cảnh, cho phép bạn nén rất nhanh các tệp nằm trên bất kỳ ổ đĩa và trong bất kỳ thư mục nào.

Picasa là một chương trình để xem và sắp xếp hình ảnh, có đặc điểm là có nhiều chức năng khác nhau và giao diện thân thiện với người dùng. Chương trình này gần đây đã được Google mua và do đó hiện tại nó đã tích hợp với các dịch vụ của công ty này. Bản thân chương trình có khả năng quét tất cả các đĩa và hiển thị tất cả các ảnh và hình ảnh được tìm thấy. Lúc đầu, một số người dùng có thể cảm thấy bất tiện khi chương trình sắp xếp chúng theo thứ tự sáng tạo, nhưng nếu bạn tạo nhiều album và chia những bức ảnh này theo chủ đề thì việc tìm kiếm bức ảnh phù hợp sẽ trở nên dễ dàng hơn nhiều. Ngoài việc quét hình ảnh đơn giản, chương trình có thể...

Nhà văn công nghệ cao cấp

Ai đó đã gửi cho bạn tệp WEBP qua email và bạn không biết cách mở nó? Có thể bạn đã tìm thấy một tệp WEBP trên máy tính của mình và đang tự hỏi nó là gì? Windows có thể cho bạn biết rằng bạn không thể mở nó hoặc trong trường hợp xấu nhất, bạn có thể gặp thông báo lỗi tương ứng liên quan đến tệp WEBP.

Trước khi có thể mở tệp WEBP, bạn cần tìm hiểu phần mở rộng tệp WEBP là loại tệp nào.

Mẹo: Lỗi liên kết tệp WEBP không chính xác có thể là triệu chứng của các sự cố tiềm ẩn khác trong hệ điều hành Windows của bạn. Những mục nhập không hợp lệ này cũng có thể tạo ra các triệu chứng liên quan như khởi động Windows chậm, máy tính bị treo và các vấn đề về hiệu suất PC khác. Do đó, bạn nên quét sổ đăng ký Windows của mình để tìm các liên kết tệp không hợp lệ và các vấn đề khác liên quan đến sổ đăng ký bị phân mảnh.

Trả lời:

Tệp WEBP là Tệp Bitmap, chủ yếu được liên kết với Trình duyệt web (Google).

Các loại tệp bổ sung cũng có thể đang sử dụng phần mở rộng tệp WEBP. Nếu bạn biết bất kỳ định dạng tệp nào khác sử dụng phần mở rộng tệp WEBP, vui lòng liên hệ với chúng tôi để chúng tôi có thể cập nhật thông tin tương ứng.

Cách mở tệp WEBP của bạn:

Cách nhanh nhất và dễ dàng nhất để mở tệp WEBP của bạn là nhấp đúp vào tệp đó. Trong trường hợp này, chính hệ thống Windows sẽ chọn chương trình cần thiết để mở tệp WEBP của bạn.

Trong trường hợp tệp WEBP của bạn không mở, rất có thể bạn chưa cài đặt chương trình ứng dụng cần thiết trên PC để xem hoặc chỉnh sửa tệp có tiện ích mở rộng WEBP.

Nếu PC của bạn mở tệp WEBP nhưng không đúng ứng dụng, bạn sẽ cần thay đổi cài đặt liên kết tệp đăng ký Windows của mình. Nói cách khác, Windows liên kết các phần mở rộng tệp WEBP với chương trình sai.

Cài đặt các sản phẩm tùy chọn - FileViewPro (Solvusoft) | | | |

Tiện ích mở rộng thư Internet đa năng WEBP (MIME):

Công cụ phân tích tệp WEBP™

Bạn không chắc chắn loại tệp WEBP là gì? Bạn có muốn nhận thông tin chính xác về một tập tin, người tạo ra nó và cách mở nó không?

Bây giờ bạn có thể nhận ngay tất cả thông tin cần thiết về tệp WEBP!

Công cụ phân tích tệp WEBP ™ mang tính cách mạng quét, phân tích và báo cáo thông tin chi tiết về tệp WEBP. Thuật toán đang chờ cấp bằng sáng chế của chúng tôi sẽ nhanh chóng phân tích tệp và cung cấp thông tin chi tiết trong vòng vài giây ở định dạng rõ ràng, dễ đọc.†

Chỉ trong vài giây, bạn sẽ biết chính xác loại tệp WEBP của mình là gì, ứng dụng được liên kết với tệp, tên người dùng đã tạo tệp, trạng thái bảo vệ của tệp và các thông tin hữu ích khác.

Để bắt đầu phân tích tệp miễn phí, chỉ cần kéo và thả tệp WEBP của bạn vào trong dòng chấm bên dưới hoặc nhấp vào "Duyệt máy tính của tôi" và chọn tệp của bạn. Báo cáo phân tích tệp WEBP sẽ được hiển thị bên dưới, ngay trong cửa sổ trình duyệt.

Kéo tệp WEBP vào đây để bắt đầu phân tích

Xem máy tính của tôi »

Vui lòng kiểm tra tập tin của tôi để tìm virus

Tệp của bạn đang được phân tích... vui lòng đợi.

  • Đang xử lý hình ảnh
    • Chế độ phục hồi

    Có một vài tính năng nữa của định dạng WebP. Cài đặt nén không hoàn toàn giống với cài đặt nén trong JPEG. Đừng mong đợi chất lượng JPEG 50% sẽ phù hợp với chất lượng WebP 50%. Trong trường hợp của WebP, chất lượng giảm khá nhanh, vì vậy tốt hơn nên bắt đầu với các giá trị cao nhất và giảm dần chúng. Một điểm cộng nữa của WebP là khả năng thêm mặt nạ kênh alpha, giống như PNG. Không giống như các định dạng cạnh tranh, bạn có thể nén hình ảnh WebP xuống 1/10 kích thước của hình ảnh PNG. Đây thực sự là nơi WebP nổi bật.

    Một ví dụ thực tế: tệp PNG 880Kb (hình ảnh 24 bit với kênh alpha) đã được nén thành 41Kb - nén 95%! Mặc dù đây không phải là tình huống phổ biến nhưng khả năng của WebP là rõ ràng.


    Sự khác biệt là ở chất lượng của kết cấu. (Phiên bản đầy đủ)

    Để giảm thêm kích thước tệp, chúng tôi không thể bao gồm siêu dữ liệu bằng cách bỏ chọn hộp kiểm “Lưu siêu dữ liệu” trong cửa sổ lưu của trình chỉnh sửa hình ảnh. Để có kết quả tốt hơn nữa, bạn có thể chọn “kênh alpha bị mất”.

    Cài đặt chất lượng cho kênh alpha được áp dụng cho chính hình ảnh đó. Ví dụ: hình ảnh có chất lượng 50% sẽ có chất lượng alpha 50%. Trong thử nghiệm của chúng tôi, chúng tôi dự kiến ​​sẽ có hiện tượng méo ở rìa của mặt nạ nhưng cũng có những thay đổi đáng chú ý đối với toàn bộ hình ảnh. Tất nhiên, đây là một tùy chọn để giảm kích thước hơn nữa, nhưng sau đó bạn cần hết sức cẩn thận về chất lượng hình ảnh.

    Ngoài ra, hãy chú ý đến dải không mong muốn trong kênh alpha.

    Sự khác biệt là ở chất lượng của kênh alpha. (Phiên bản đầy đủ)

    Chúng tôi rất vui khi phát hiện ra Plugin WebP cho Photoshop. Với nó, bạn có thể dễ dàng điều chỉnh chất lượng hình ảnh WebP. Đúng, giao diện plugin còn nhiều điều đáng mong đợi. Lúc này bạn không thể xem ảnh để đánh giá thông số chất lượng.

    Plugin WebP cho Photoshop.

    Để khắc phục, bạn có thể so sánh các tệp trong Google Chrome. Việc mở hộp thoại Lưu cũng gặp khó khăn trong Photoshop. Để làm điều này, chúng tôi đã gán một phím nóng để không phải sử dụng liên tục hộp thoại. Dù có bất tiện nhưng nó vẫn có giá trị.

    Với hiệu suất nén tuyệt vời, chất lượng tốt và kênh alpha, WebP có vẻ như là một ứng cử viên sáng giá cho các định dạng hình ảnh hiện tại.

    Mặc dù có kết quả thử nghiệm đầy hứa hẹn nhưng không có định dạng dẫn đầu rõ ràng trong số tất cả các định dạng. Mặc dù WebP hoạt động ấn tượng so với các định dạng khác, JPEG và PNG 8 bit đôi khi vẫn vượt trội hơn WebP về kích thước và/hoặc chất lượng. Do đó, chúng tôi khuyên bạn nên tự kiểm tra trước khi chuyển tất cả hình ảnh của mình sang WebP, vì nó có thể không đáp ứng đầy đủ yêu cầu của bạn.

    Thực hiện

    Sau khi xác định rằng WebP có thể là một công cụ hiệu quả đối với chúng tôi, chúng tôi đã nhờ các nhà phát triển của mình triển khai định dạng này. WebP được hỗ trợ đầy đủ bởi Chrome, Opera, Opera Mini, trình duyệt Android và Chrome dành cho Android. Firefox, Internet Explorer và Safari không được hỗ trợ đầy đủ, mặc dù Firefox có lịch sử riêng với WebP. May mắn thay, có một số cách để hiển thị WebP trong các trình duyệt này.

    Chúng tôi đã tìm thấy 3 cách để hỗ trợ định dạng này. Điều quan trọng là chúng tôi phải hiểu rằng chúng tôi đang sử dụng công cụ tốt nhất liên quan đến kích thước trang, hãy nhớ rằng Chỉ số tốc độ là một số liệu chính và có tính đến mọi polyfill Javascript cần thiết.

    Chúng tôi đã tiến hành 4 bài kiểm tra để xác định định dạng nào phù hợp nhất với chúng tôi. Phương pháp đầu tiên sử dụng JPEG làm tham chiếu và 3 phương pháp còn lại sử dụng các phương pháp được mô tả bên dưới. Chúng tôi đã sử dụng hình ảnh JPEG và hình ảnh WebP có cùng chất lượng (269Kb JPEG và 52Kb WebP).

    Trong thử nghiệm thứ hai, chúng tôi đã kích hoạt WebPJS, một polyfill 67Kb được tạo bởi Dominik Homberger. Nó cung cấp hỗ trợ WebP trong tất cả các trình duyệt hiện đại, thậm chí cả IE6 trở lên. Polyfill rất tiện lợi vì bạn không cần thay đổi thẻ img trong mã của mình, bạn chỉ cần thay đổi phần mở rộng của hình ảnh từ .jpg và .png thành .webp.

    Cách tiếp cận tiếp theo là sử dụng Picturefill, một polyfill cho phép bạn sử dụng thẻ ngay cả khi nó không được hỗ trợ đầy đủ. Với nó, bạn có thể sử dụng WebP để phân phát và nếu định dạng không được trình duyệt hỗ trợ, hãy phân phát JPEG, PNG hoặc định dạng khác.

    Thử nghiệm cuối cùng là sử dụng tệp .htaccess trên máy chủ để triển khai WebP. Biến thể này được phát triển bởi Vincent Orbach.

    Khi sử dụng nó, mã trong .htaccess sẽ xem liệu có phiên bản WebP của mỗi hình ảnh trên trang hay không. Nếu trình duyệt hỗ trợ WebP và có sẵn hình ảnh WebP, nó sẽ được phân phối thay vì JPEG hoặc PNG. Điều này thuận tiện và không yêu cầu thay đổi bố cục trang web.

    Sau khi xem xét kết quả, chúng tôi kết luận rằng WebP polyfill (từ thử nghiệm thứ hai) là giải pháp nhẹ nhất hoạt động trên tất cả các trình duyệt, nhưng chúng tôi không hài lòng với chỉ số Chỉ số tốc độ khi sử dụng phương pháp này. Polyfill WebP hiển thị hình ảnh kém hơn so với điểm chuẩn JPEG và tệ hơn so với các triển khai khác không phải iOS. Chúng tôi có xu hướng sử dụng cách triển khai này do trình duyệt hỗ trợ tốt hơn.

    Người ta cũng nhận thấy rằng trên thiết bị iOS, các tệp chiếm nhiều hơn 100KB so với các thiết bị khác. Chúng tôi nhận thấy rằng trong iOS5.1 ở cả IE 8 và IE9, hình ảnh WebP đã được tải 3 lần. Mặc dù tăng thêm 2 lần là không tốt nhưng nó vẫn chiếm ít dung lượng hơn so với JPEG tương đương. Chúng tôi chưa thử nghiệm tính năng này trong các phiên bản iOS mới, có thể lỗi này đã được sửa ở đó.

    Một cái nhìn về tương lai

    Nhóm của chúng tôi đã quyết định triển khai phương pháp được sử dụng trong Thử nghiệm 3, sử dụng thẻ để phân phối hình ảnh WebP tới các trình duyệt hỗ trợ chúng và phân phát JPEG hoặc PNG cho những người không biết gì về WebP.

    Chúng tôi tin rằng đây là phương pháp tốt nhất để nâng cao dần dần và hỗ trợ hiển thị hình ảnh ở định dạng được trình duyệt hỗ trợ.

    Ban đầu chúng tôi sử dụng phương pháp polyfill nhưng cảm thấy rằng kết quả sẽ không lý tưởng.
    WebP chưa thay thế hoàn toàn JPEG hoặc PNG, nhưng nó sẽ là một công cụ rất thú vị cần có trong kho vũ khí của bạn.

    Từ người dịch: Các tác giả đã sử dụng iOS 5.1 vì tại thời điểm thử nghiệm, trang WebPageTest.org chỉ hỗ trợ phiên bản hệ thống này. IE8 và IE9 để xem WebP sẽ hoạt động như thế nào trong các trình duyệt cũ hơn + những trình duyệt này vẫn quan trọng đối với khách hàng của họ. Hiện nay có rất nhiều phiên bản chuyển đổi trực tuyến.

    Đây là định dạng hình ảnh mới của Google sử dụng cả nén lossy (đánh đổi giữa chất lượng và kích thước) và nén lossless (giảm kích thước mà không ảnh hưởng đến chất lượng).

    Google phát triển cả định dạng và phần mềm liên quan đến WebP theo giấy phép BSD. Nó được phát hành vào ngày 30 tháng 9 năm 2010, là định dạng mở và sử dụng phần mở rộng tệp .webp.

    Cơ chế nén WebP cơ bản

    Thuật toán nén mất dữ liệu của WebP sử dụng mã hóa dự đoán để dự đoán giá trị màu của các pixel liền kề. Sau đó nó chỉ mã hóa sự khác biệt giữa giá trị thực tế và dự đoán. Trong số các giá trị được mã hóa hoặc dư này, nhiều giá trị bằng 0, một hiện tượng làm giảm thêm kích thước của hình ảnh WebP.

    Vì vậy, tính năng nén có tổn thất của WebP - như JPEG - dựa trên dự đoán khối.

    Hỗ trợ và sử dụng

    Google Chrome và Opera có hỗ trợ tích hợp cho WebP. Trong số các phần mềm đồ họa, Picasa, Photoline, Pixelmator, ImageMagick, Konvertor, XnView, IrfanView và GDAL đều hỗ trợ WebP nguyên bản.

    Facebook bắt đầu sử dụng WebP để giảm chi phí mạng và tăng tốc trang web của mình. Ngay cả những cải tiến tương đối nhỏ về hiệu quả cũng bắt đầu tăng lên ở quy mô của Facebook. Khi mọi người tải hình ảnh JPEG/JPG lên, Facebook sẽ tự động tạo bản sao ở định dạng WebP. Hiện tại, họ dường như đã bắt đầu gửi những hình ảnh này cho những người sử dụng Chrome và Opera.

    Telegram cũng đã bắt đầu sử dụng WebP cho các nhãn dán phổ biến của mình. Bản xem trước công cụ tìm kiếm tức thì của Google sử dụng WebP nội bộ để giảm dung lượng ổ đĩa mà bản xem trước sử dụng.

    Các vấn đề chính nảy sinh khi một người muốn xem hoặc thực hiện các thay đổi đối với hình ảnh trong phần mềm thay vì trong trình duyệt, vì hầu hết các ứng dụng đồ họa phổ biến nhất - bao gồm trình xem ảnh của Window hoặc OS X và Photoshop - không thể xử lý WebP nguyên bản.

    Vào tháng 10 năm 2013, Josh Aas của Mozilla Research đã công bố một nghiên cứu toàn diện về các kỹ thuật mã hóa tổn hao hiện đại và không thể kết luận rằng WebP đánh bại JPEG với bất kỳ khoảng cách đáng kể nào.

    Tuy nhiên, Telegraphics đã phát hành một plugin miễn phí cung cấp hỗ trợ WebP trong Adobe Photoshop, GIMP và hỗ trợ các plugin Paint.NET WebP thông qua. Google cũng đã phát hành một plugin dành cho Windows mang đến sự hỗ trợ WebP cho Windows Photo Viewer, Microsoft Office 2010 và bất kỳ ứng dụng nào khác sử dụng Thành phần hình ảnh Windows.

    Lợi ích và Thống kê

    Tài liệu WebP của Google nêu rõ:

    Hình ảnh WebP nén không mất dữ liệu có kích thước nhỏ hơn 26% so với hình ảnh PNG. Hình ảnh WebP nén bị mất có kích thước nhỏ hơn 25-34% so với hình ảnh JPEG theo chỉ số SSIM tương đương. WebP hỗ trợ độ trong suốt của hình ảnh nén không mất dữ liệu (còn được gọi là kênh alpha) chỉ với 22% byte bổ sung. Độ trong suốt cũng được hỗ trợ bằng cách nén tổn hao và thường tạo ra kích thước tệp nhỏ hơn 3 lần so với PNG khi nén tổn hao có thể chấp nhận được đối với các kênh màu đỏ/xanh lục/xanh lam.

    Chuyển đổi sang WebP

    Tài liệu WebP cung cấp quyền truy cập vào phần mềm được biên dịch sẵn để chuyển đổi hình ảnh PNG và JPEG sang WebP. Bạn có thể đọc thêm về nó và tải về ở đây. Đây là liên kết đến một công cụ chuyển đổi trực tuyến sẽ thực hiện được nhiệm vụ mà không cần tải xuống bất kỳ phần mềm nào.

    Chúng ta đã nói đủ về WebP. Hãy biến kiến ​​thức của chúng ta về WebP thành nội dung mang tính xây dựng và sáng tạo. Chúng ta sẽ xem cách tạo nhãn dán cho Telegram từ hình ảnh JPEG và chuyển đổi nó thành tệp .webp. Chúng ta sẽ tạo một nhãn dán từ hình ảnh sau đây.

    Chúng tôi sử dụng Photoshop để làm cho hình nền trong suốt. Chúng tôi sẽ thực hiện việc này bằng cách chọn 'Công cụ xóa nền'. Chúng tôi cũng sẽ cắt hình ảnh vì nó khá lớn!

    Cuối cùng, chúng tôi sử dụng công cụ chuyển đổi trực tuyến để chuyển đổi hình ảnh sang định dạng .webp và nhãn dán của chúng tôi đã sẵn sàng!

    Bạn có thể tạo nhiều nhãn dán khác theo cách tương tự để giao tiếp với bạn bè trên Telegram.

    Phần kết luận

    WebP là một định dạng nén hình ảnh mới và được hỗ trợ bởi Google, Facebook, Opera và Telegram, chắc chắn đã trở nên phổ biến hơn. Đây là một định dạng đã có một lượng lớn người hâm mộ và những người gièm pha.

    Tuy nhiên, khả năng đóng gói các thuộc tính có giá trị của GIF và PNG thành một định dạng duy nhất với kích thước hình ảnh giảm sẽ tiếp tục thu hút các nhà phát triển web tạo ra những hình ảnh nhỏ hơn, chất lượng cao hơn.

    Và nếu nó giúp tăng tốc Internet thì tất cả chúng ta đều được hưởng lợi.

    Có một vài tính năng nữa của định dạng WebP. Cài đặt nén không hoàn toàn giống với cài đặt nén trong JPEG. Đừng mong đợi chất lượng JPEG 50% sẽ phù hợp với chất lượng WebP 50%. Trong trường hợp của WebP, chất lượng giảm khá nhanh, vì vậy tốt hơn nên bắt đầu với các giá trị cao nhất và giảm dần chúng. Một điểm cộng nữa của WebP là khả năng thêm mặt nạ kênh alpha, giống như PNG. Không giống như các định dạng cạnh tranh, bạn có thể nén hình ảnh WebP xuống 1/10 kích thước của hình ảnh PNG. Đây thực sự là nơi WebP nổi bật.

    Một ví dụ thực tế: tệp PNG 880Kb (hình ảnh 24 bit với kênh alpha) đã được nén thành 41Kb - nén 95%! Mặc dù đây không phải là tình huống phổ biến nhưng khả năng của WebP là rõ ràng.


    Sự khác biệt là ở chất lượng của kết cấu. (Phiên bản đầy đủ)

    Để giảm thêm kích thước tệp, chúng tôi không thể bao gồm siêu dữ liệu bằng cách bỏ chọn hộp kiểm “Lưu siêu dữ liệu” trong cửa sổ lưu của trình chỉnh sửa hình ảnh. Để có kết quả tốt hơn nữa, bạn có thể chọn “kênh alpha bị mất”.

    Cài đặt chất lượng cho kênh alpha được áp dụng cho chính hình ảnh đó. Ví dụ: hình ảnh có chất lượng 50% sẽ có chất lượng alpha 50%. Trong thử nghiệm của chúng tôi, chúng tôi dự kiến ​​sẽ có hiện tượng méo ở rìa của mặt nạ nhưng cũng có những thay đổi đáng chú ý đối với toàn bộ hình ảnh. Tất nhiên, đây là một tùy chọn để giảm kích thước hơn nữa, nhưng sau đó bạn cần hết sức cẩn thận về chất lượng hình ảnh.

    Ngoài ra, hãy chú ý đến dải không mong muốn trong kênh alpha.

    Sự khác biệt là ở chất lượng của kênh alpha. (Phiên bản đầy đủ)

    Chúng tôi rất vui khi phát hiện ra Plugin WebP cho Photoshop. Với nó, bạn có thể dễ dàng điều chỉnh chất lượng hình ảnh WebP. Đúng, giao diện plugin còn nhiều điều đáng mong đợi. Lúc này bạn không thể xem ảnh để đánh giá thông số chất lượng.

    Plugin WebP cho Photoshop.

    Để khắc phục, bạn có thể so sánh các tệp trong Google Chrome. Việc mở hộp thoại Lưu cũng gặp khó khăn trong Photoshop. Để làm điều này, chúng tôi đã gán một phím nóng để không phải sử dụng liên tục hộp thoại. Dù có bất tiện nhưng nó vẫn có giá trị.

    Với hiệu suất nén tuyệt vời, chất lượng tốt và kênh alpha, WebP có vẻ như là một ứng cử viên sáng giá cho các định dạng hình ảnh hiện tại.

    Mặc dù có kết quả thử nghiệm đầy hứa hẹn nhưng không có định dạng dẫn đầu rõ ràng trong số tất cả các định dạng. Mặc dù WebP hoạt động ấn tượng so với các định dạng khác, JPEG và PNG 8 bit đôi khi vẫn vượt trội hơn WebP về kích thước và/hoặc chất lượng. Do đó, chúng tôi khuyên bạn nên tự kiểm tra trước khi chuyển tất cả hình ảnh của mình sang WebP, vì nó có thể không đáp ứng đầy đủ yêu cầu của bạn.

    Thực hiện

    Sau khi xác định rằng WebP có thể là một công cụ hiệu quả đối với chúng tôi, chúng tôi đã nhờ các nhà phát triển của mình triển khai định dạng này. WebP được hỗ trợ đầy đủ bởi Chrome, Opera, Opera Mini, trình duyệt Android và Chrome dành cho Android. Firefox, Internet Explorer và Safari không được hỗ trợ đầy đủ, mặc dù Firefox có lịch sử riêng với WebP. May mắn thay, có một số cách để hiển thị WebP trong các trình duyệt này.

    Chúng tôi đã tìm thấy 3 cách để hỗ trợ định dạng này. Điều quan trọng là chúng tôi phải hiểu rằng chúng tôi đang sử dụng công cụ tốt nhất liên quan đến kích thước trang, hãy nhớ rằng Chỉ số tốc độ là một số liệu chính và có tính đến mọi polyfill Javascript cần thiết.

    Chúng tôi đã tiến hành 4 bài kiểm tra để xác định định dạng nào phù hợp nhất với chúng tôi. Phương pháp đầu tiên sử dụng JPEG làm tham chiếu và 3 phương pháp còn lại sử dụng các phương pháp được mô tả bên dưới. Chúng tôi đã sử dụng hình ảnh JPEG và hình ảnh WebP có cùng chất lượng (269Kb JPEG và 52Kb WebP).

    Trong thử nghiệm thứ hai, chúng tôi đã kích hoạt WebPJS, một polyfill 67Kb được tạo bởi Dominik Homberger. Nó cung cấp hỗ trợ WebP trong tất cả các trình duyệt hiện đại, thậm chí cả IE6 trở lên. Polyfill rất tiện lợi vì bạn không cần thay đổi thẻ img trong mã của mình, bạn chỉ cần thay đổi phần mở rộng của hình ảnh từ .jpg và .png thành .webp.

    Cách tiếp cận tiếp theo là sử dụng Picturefill, một polyfill cho phép bạn sử dụng thẻ ngay cả khi nó không được hỗ trợ đầy đủ. Với nó, bạn có thể sử dụng WebP để phân phát và nếu định dạng không được trình duyệt hỗ trợ, hãy phân phát JPEG, PNG hoặc định dạng khác.

    Thử nghiệm cuối cùng là sử dụng tệp .htaccess trên máy chủ để triển khai WebP. Biến thể này được phát triển bởi Vincent Orbach.

    Khi sử dụng nó, mã trong .htaccess sẽ xem liệu có phiên bản WebP của mỗi hình ảnh trên trang hay không. Nếu trình duyệt hỗ trợ WebP và có sẵn hình ảnh WebP, nó sẽ được phân phối thay vì JPEG hoặc PNG. Điều này thuận tiện và không yêu cầu thay đổi bố cục trang web.

    Sau khi xem xét kết quả, chúng tôi kết luận rằng WebP polyfill (từ thử nghiệm thứ hai) là giải pháp nhẹ nhất hoạt động trên tất cả các trình duyệt, nhưng chúng tôi không hài lòng với chỉ số Chỉ số tốc độ khi sử dụng phương pháp này. Polyfill WebP hiển thị hình ảnh kém hơn so với điểm chuẩn JPEG và tệ hơn so với các triển khai khác không phải iOS. Chúng tôi có xu hướng sử dụng cách triển khai này do trình duyệt hỗ trợ tốt hơn.

    Người ta cũng nhận thấy rằng trên thiết bị iOS, các tệp chiếm nhiều hơn 100KB so với các thiết bị khác. Chúng tôi nhận thấy rằng trong iOS5.1 ở cả IE 8 và IE9, hình ảnh WebP đã được tải 3 lần. Mặc dù tăng thêm 2 lần là không tốt nhưng nó vẫn chiếm ít dung lượng hơn so với JPEG tương đương. Chúng tôi chưa thử nghiệm tính năng này trong các phiên bản iOS mới, có thể lỗi này đã được sửa ở đó.

    Một cái nhìn về tương lai

    Nhóm của chúng tôi đã quyết định triển khai phương pháp được sử dụng trong Thử nghiệm 3, sử dụng thẻ để phân phối hình ảnh WebP tới các trình duyệt hỗ trợ chúng và phân phát JPEG hoặc PNG cho những người không biết gì về WebP.

    Chúng tôi tin rằng đây là phương pháp tốt nhất để nâng cao dần dần và hỗ trợ hiển thị hình ảnh ở định dạng được trình duyệt hỗ trợ.

    Ban đầu chúng tôi sử dụng phương pháp polyfill nhưng cảm thấy rằng kết quả sẽ không lý tưởng.
    WebP chưa thay thế hoàn toàn JPEG hoặc PNG, nhưng nó sẽ là một công cụ rất thú vị cần có trong kho vũ khí của bạn.

    Từ người dịch: Các tác giả đã sử dụng iOS 5.1 vì tại thời điểm thử nghiệm, trang WebPageTest.org chỉ hỗ trợ phiên bản hệ thống này. IE8 và IE9 để xem WebP sẽ hoạt động như thế nào trong các trình duyệt cũ hơn + những trình duyệt này vẫn quan trọng đối với khách hàng của họ. Hiện nay có rất nhiều phiên bản chuyển đổi trực tuyến.