Internet lubi ilustracje w formacie WEBP

Już od 15 lat można w Internecie wykorzystywać specjalnie dla sieci opracowany format WEBP dla udostępmniania plików graficznych w Internecie. Niestety, nadal jest on mało popularny. Dla optymalizacji własnych publikacji sieciowych warto zacząć wykorzystywać ten format.

Aby sobie to ułatwić przygotowaliśmy proste i podręczne narzędzia cyfrowe, które pozwalają łatwo i szybko przekonwertować każdą ilustrację na format WEBP.



WEBP to nowoczesny format grafiki rastrowej opracowany z myślą o stronach internetowych. Łączy w sobie możliwości kompresji stratnej (jak JPG) oraz bezstratnej (jak PNG), a także obsługuje przezroczystość (alpha) i animacje (jak GIF).

Kiedy i przez kogo został wprowadzony?
Format WEBP został opracowany i zaprezentowany przez Google w 2010 roku.

W jakim celu powstał?
Google stworzył WEBP jako format graficzny zapewniający:

  • znacznie mniejsze rozmiary plików niż inne popularne formaty,
  • szybkie wczytywanie stron internetowych,
  • oszczędność transferu i zasobów,
  • lepszą kompresję przy zachowaniu wysokiej jakości obrazu.

    Celem było usprawnienie działania Internetu i zmniejszenie obciążenia serwerów.

 
Porównanie WEBP z innymi formatami

1. BMP (Bitmap)
Format nieskompresowany, bardzo duże pliki.
Dobra jakość obrazu, ale kompletnie nieopłacalny do internetu.
Zastosowanie: grafika systemowa, edycja bez utraty jakości.

2. JPG (JPEG)
Kompresja stratna – małe rozmiary, ale pogarszająca jakość obrazu.
Idealny do zdjęć i obrazów wielokolorowych.
Brak wsparcia przezroczystości.

3. PNG
Kompresja bezstratna – bardzo dobra jakość.
Obsługa przezroczystości (alpha).
Pliki większe niż JPG, nadaje się do grafiki z ostrymi krawędziami (logo, UI).


4. GIF
Obsługa animacji, ograniczona paleta 256 kolorów.
Kompresja bezstratna, lecz mocno ograniczona.
Używany głównie do prostych animacji i ikon.
 
Dlaczego WEBP jest najkorzystniejsze na stronach WWW?
WEBP łączy zalety kilku formatów w jednym pliku:

  • Rozmiar mniejszy nawet o 25–35% w porównaniu z JPG przy podobnej jakości.
  • Rozmiar mniejszy o 20–25% w porównaniu z PNG w trybie bezstratnym.
  • Obsługa przezroczystości, tak jak PNG.
  • Obsługa animacji, jak GIF, ale przy znacznie mniejszym rozmiarze.
  • Szybkie ładowanie stron, mniejsze wykorzystanie danych i mocniejsze wyniki w testach wydajności (np. Google PageSpeed).

Dziś większość przeglądarek w pełni wspiera WEBP, dzięki czemu jest to najbardziej efektywny wybór dla grafik internetowych.

 


Dla usprawnienia sobie pracy redakcyjnej przygotowaliśmy dwa wygodne narzędzia cyfrowe, które na co dzień używamy w naszej pracy redakcyjnej:

  1. Konwerter offline oparty działający przez dowolną przeglądarkę internetową umożliwiający szybką i łatwą konwersję dowolnego pliku graficznego na format WEBP. Aby najbardziej ułatwić sobie jego wykorzystanie umieściliśmy go na Pulpicie swojego komputera definiując dla niego wygodny dla nas skrót klawiszowy.  W dziale narzędziowni można zobaczyć jak to działa. Można również nieodpłatnie pobrać aplikację na swój komputer. 
  2. Skrypt PHP działający na jako konwerter do formatu WEBP wszystkich plików graficznych we wskazanym na danym serwerze folderze. Dla naszych działań redakcyjnych jest on wyjątkowo użyteczny przy publikowaniu galerii ilustracji. W naszych publikacjach używamy narzędzia PHP, które automatycznie generuje responsywną interaktywną galerię ilustracji zawartych we wskazanym folderze na serwerze. (również niebawem udostępnimy skrypt do pobrania i wykorzystania)