UPDATE: plugin webp exporter do Figma jest kozak!
Co to jest .webp
A no to taki twór od samego Google’a. Idea była taka, by dobrać taką kompresję i kodowanie, żeby otrzymać bardzo wydajne, szybko ładujące się obrazy dla www. Dlaczego? Bo warto szanować zasoby. Każdy kilobajt wagi pliku to kilka watów energii elektrycznej. Im szybciej załadujemy stronę, tym mniej zasobów zużywamy i szanujemy ziemię. WebP jest takim kombo .png, .jpg i .gif. Może być przezroczysty, może być animowany i ma kilka rodzajów kompresji, co sprawia, że jest leciutki. Brzmi pięknie. Gdzie jest haczyk?
Czy warto używać formatu .webp?
A no jeszcze nie został tak dobrze zaadoptowany w świecie online. Mało programów potrafi zapisać w formacie .webp, mało systemów potrafi odczytać taki plik. Tylko 1.3% internetu używa formatu WebP. Kompresja jest imponująca, ale np. dla zdjęć które mają wiele detali, kompresja JPG jest dużo lepsza, ma mniej strat. Mimo że przeznaczenie formatu WebP to przeglądarki, nie wszystkie go wspierają :/ Jest to format dedykowany dla www, więc nie pójdziemy z nim do drukarza, bo zacznie psioczyć. To trochę jak format HEIC w Iphone. Apple zrobił sobie swój turbo zoptymalizowany format zdjęć... które w sumie działają tylko na Iphone :/ Robi się problem, gdy chcemy taką fotkę wrzucić do Figmy czy wydrukować. Póki co pliki WebP w większej mierze są automatycznie generowane przez dobrze skonfigurowane serwery na stronach. To nie my wrzucamy plik WebP do WordPressa, tylko on konwertuje nasz .jpg na .webp. Niektóre posty na Insta są konwertowane na .webp. Ale sami nie jesteśmy w stanie wrzucić pliku o takim formacie.
Jaka jest przyszłość .webp?
Google bardzo mocno naciska na korzystanie z .webp. Kiedyś ten format stanie się bardzo popularny, może nawet będzie standardem. Moje zalecenie na tu i teraz? Nie przejmuj się tak bardzo .webp. Jeżeli masz takie możliwości, to możesz zainwestować w system (lub plugin do WordPressa), który automatycznie będzie konwertować wszystkie obrazy. Natomiast w zupełności wystarczy dobrze skompresowany .jpg lub jeśli obraz potrzebuje transparentności .png. Jeżeli uzupełniasz obrazy na stronie, np. w sklepie online, czy blogu, wyeksportuj obrazy w formacie .webp. Jest plugin do Figma który to robi, oraz najnowsza wersja Photoshop ma opcję zapisuj do webp z poziomy "save a copy"