WEBP – format grafik, który sprzyja pozycjonowaniu

Opublikowano przez

Podczas optymalizacji strony internetowej pod kątem prędkości wczytywania, jednym z ważniejszych aspektów jest kompresja obrazów i grafik, które się na tej stronie znajdują. Próbując kompresować popularne rozszerzenia PNG, czy JPEG dochodzimy do momentu, kiedy zaczynamy dużo tracić na jakości zdjęć.

Z pomocą przychodzi właśnie rozszerzenie WebP. Jest to format obrazu, który pozwala na wykorzystanie stratnych oraz bezstratnych formatów kompresji. Właściciele stron internetowych mogą cieszyć się lepszą wydajnością swoich stron internetowych, nie tracąc nic na jakości.

Format WebP zawiera także kanał alfa dla przezroczystości, dzięki czemu można kompresować obrazy PNG z zachowaniem przezroczystego tła.

Garść informacji na temat innych rozszerzeń

JPEG – mogą wyświetlać bardzo szczegółowe obrazy z wykorzystaniem bardzo wielu kolorów, dlatego najlepiej nadają się do zdjęć. Pliki JPEG mogą być bardzo dużo i nie zawsze są optymalne pod względem kompresji. Oficjalne statystyki wskazują, że format JPEG może być zmniejszony o średnio 34%.

PNG – najlepsze do obrazów, które nie posiadają dużej ilości danych. Mogą być wykorzystywane do logotypów, zrzutów ekranów, prostych grafik. Zachowują doskonałą jakość kompresji i zapewniają przejrzystość, ale nie działają dobrze w przypadku zdjęć. Posiadają także kanał alfa, przez co mogą mieć przezroczyste tło.Oficjalne statystyki wskazują, że format JPEG może być zmniejszony o średnio 26%.

GIF – najlepsze do animacji, zachowują przezroczystość pikseli.

Początki rozszerzenia WebP

Rozszerzenie WebP zdobyło dość dużą popularność w ostatnich latach. Mało kto wie, że tak naprawdę samo rozszerzenie istnieje już od 2010 roku. WebP stworzone zostało przez Google, a historia jego powstania jest dość ciekawa, ponieważ rozszerzenie to było rozwijane dość przypadkowo.

Początkowo Google prowadziło prace nad innym rozszerzeniem – WebM, które miało służyć kompresji wideo. Jak wiadomo, film to zbitka poszczególnych zdjęć następujących po sobie. Tak oto osoby pracujące nad doskonaleniem rozszerzenia WebM doszły do wniosku, że tak samo mogą działać z obrazami.

Od kiedy Google wprowadziło aktualizację, w której to prędkość wczytywania się strony miała duże znaczenie, administratorzy stron internetowych przypomnieli sobie o rozszerzeniu WebP i zaczęli używać go dużo częściej niż dotychczas.

Zalety używania rozszerzenia WebP

Bardzo często głównym źródłem wolnego wczytywania się strony są właśnie zbyt duże grafiki. Największą zaletą rozszerzenia WebP jest możliwość dużej kompresji zdjęcia bez utraty jakości.

Przekłada się to bezpośrednio na pozycjonowanie strony internetowej oraz na odbiór samej witryny przez potencjalnych odbiorców. Mniejsze obrazy o zbliżonej jakości oznaczają to, że witryna będzie się ładować szybciej, co wpłynie bezpośrednio na pozycjonowanie strony internetowej.

Dodatkowo nie będzie odstraszała użytkowników, co zmniejszy bounce-rate, czyli współczynnik odrzuceń. To także może przyczynić się do lepszych wyników w pozycjonowaniu, ale także mniejszy współczynnik odrzuceń, co oznacza większą ilość potencjalnych klientów i większą sprzedaż.

Grafiki zajmują także bardzo dużo miejsca na dysku, czy na serwerze, nie ważne w jaki sposób są przechowywane. Im więcej takich multimediów znajduje się na danym serwerze, tym większe prawdopodobieństwo, że strona będzie działała wolniej.

Wady używania rozszerzenia WebP

Wadą WebP jest przede wszystkim fakt, iż nie jest obsługiwany przez wszystkie przeglądarki. Internauci korzystający z Google Chrome oczywiście nie mają problemu z odczytywaniem grafik z tym rozszerzeniem, ponieważ to Google jest twórcą tego rozszerzenia.

Przeglądarki, które są w stanie otworzyć pliki WebP to:

– Firefox (tylko na urządzeniach stacjonarnych),

– Edge,

– Opera,

– Samsung Internet,

– Baidu.

Przeglądarki niewspierające rozszerzenia WebP to:

– Safari (Apple poinformowało, że wersja 14 będzie w stanie obsługiwać rozszerzenie WebP),

– Microsoft Explorer,

– Firefox (dla urządzeń mobilnych).

Jednak i z tą wadą można się w dość prosty sposób uporać. Wystarczy umożliwić zaczytywanie grafik z rozszerzeniami jpg lub png w momencie, kiedy przeglądarka nie jest w stanie wyświetlić grafiki w WebP.

Jak dodawać zdjęcia z rozszerzeniem WebP na stronę?

Jeśli strona jest napisana w zwykłym html’u lub php’ie, tutaj nie ma najmniejszych problemów z obsługą tego rozszerzenia. Nieco więcej zachodu jest z CMS’ami. Najpopularniejszy z nich – WordPress nie obsługuje tego rozszerzenia z poziomu samego panelu.

Najprościej jest to zrobić za pomocą wtyczki do optymalizacji obrazów, takiej jak WebP Express, EWWW Image Optimizer, czy WP Smush Pro. Pozwalają one na przesyłanie zdjęć w formacie PNG lub JPG, a później same konwertują te grafiki na WebP. Inną możliwością jest użycie CDN, który także automatycznie przeprowadzi konwersję.

Podsumowanie

Jak widać, WebP to rozszerzenie, które może w znaczny sposób przyspieszyć działanie każdej strony, która zmaga się z problemem niskiej prędkości wczytywania, która spowodowana jest obciążeniem grafikami.

WebP jest dostępne w zarówno w wariancie bezstratnym, jak i stratnym. Wpływa także bezpośrednio na pozycjonowanie strony internetowej. Jeśli mamy do dyspozycji taki format, grzechem byłoby nie wykorzystać do podczas budowania strony internetowej.

Pamiętajmy także o tym, że jest to rozszerzenie dostarczone przez samego Googla, który także jest najpopularniejszą wyszukiwarką na świecie. Więc czy samo używanie tego rozszerzenie wpłynie także lepiej na postrzeganie strony przez algorytmy? Na to pytanie nie możemy odpowiedzieć. Możemy się tylko domyślać.

75 komentarzy do “WEBP – format grafik, który sprzyja pozycjonowaniu”

  4. Felipebluff

    Credit score requirements for FHA loans https://lifeofnews1.com minimum threshold and tips for improving. Find out how to increase your chances of getting a loan, as well as what affects approval. Detailed information for those who want to get a mortgage through FHA.

  7. Jesuszof

    „Ищете качественный кирпич напрямую от производителя? https://Muravey61.ru – ваш надежный поставщик строительных материалов в регионе! Мы предлагаем кирпич высшего качества по доступным ценам прямо с завода. Доставка точно в срок, широкий ассортимент, и гарантированное качество – всё, что нужно для вашего строительства. Закажите у нас и убедитесь сами, что с нами строить легко!”

  11. Philipval

    Biography of American basketball legend Michael Jordan michael-jordan-az.org personal life, participation in the Monaco Champions League match, film projects, marriage to Yvette Prieto, parenthood, net worth and collaboration with Michael Jackson. Latest updates in 2024.

  12. DomingoHoB

    Rafael Nadal rafael-nadal-az.com/ date and place of birth, height, career highlights, childhood, tennis results, ATP rankings, records, injuries, Australian Open defeat, return to tournaments, career summary and latest news in 2024.

  13. Ремонт iPhone 15 Москва

    Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт iphone 15 рядом, можете посмотреть на сайте: ремонт iphone 15
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  16. MichaelGob

    Kyrie Irving’s kyrie-irving-az.com/ biography covers his personal life, height, flat-footedness, injuries, Muslim faith, vaccination stance, Boston Celtics stats, plus Nike shoes. Latest news for 2024.

  17. DomingoHoB

    Rafael Nadal rafael-nadal date and place of birth, height, career highlights, childhood, tennis results, ATP rankings, records, injuries, Australian Open defeat, return to tournaments, career summary and latest news in 2024.

  19. Philipval

    Biography of American basketball legend Michael Jordan http://michael-jordan-az.org personal life, participation in the Monaco Champions League match, film projects, marriage to Yvette Prieto, parenthood, net worth and collaboration with Michael Jackson. Latest updates in 2024.

  23. DavidNen

    Dive into the exciting gaming world of 365 taya! Endless selection of games, fast withdrawals and fair play – everything for your pleasure.

  27. CarmenStype

    Biography of Roy Jones Jr. http://roy-jones-az.org How he became the first boxer to win the middleweight, super middleweight, super heavyweight and super heavyweight titles. Known for his explosive style, like Mike Tyson.

  28. RobertTem

    Скачать музыку бесплатно https://muztab.net просто! Большой выбор песен, хиты всех времён и редкие записи. Удобный поиск, быстрая загрузка и безлимитный доступ. Ваш плейлист ждёт пополнения!

  35. Jamesroorn

    Познакомьтесь с успешными игроками roulette-players в рулетку, которым удалось завоевать состояние в миллион долларов. Многие предлагают свои собственные советы, стратегии, секреты и многое другое. поделился.

  36. Georgeinile

    Get to know Marco Asensio’s marco asensio biography: personal life, Dua Lipa, romance rumors with girlfriend Sandra Garal, statistics, salary at Real Madrid and latest news.

  39. KennethGlola

    Biography of Spanish footballer Dani Carvajal daniel-carvajal-az.org/ his personal life and marriage to his twin sisters along with Joselu. His career with Real Madrid and Spain in the Euros, knee injury and latest updates.

  42. KevinWoutt

    Biography of Turkish footballer Arda Guler arda-guler-az.org midfielder for Real Madrid and the Turkish national team. Highlights include his careers at Genclerbirligi, Fenerbahce and Real Madrid, statistics, achievements, participation in Euro 2024 and news from his personal life and club in 2024.

  44. Robertslile

    Richarlison de Andrade’s richarlison az org biography covers his time at Everton, his move to Tottenham, his difficult childhood, his white hair like Ronaldo, the Brazilian national team and the latest news.

  47. Pedrothoda

    Legendary Soviet goalkeeper Lev Yashin lev-yashin left a significant mark on football. He played for Dynamo Moscow and the USSR national team, and his career was filled with triumphs and memorable moments.

  49. Charlesdus

    Biography of Spanish footballer Xavi Hernandez https://xavi-hernandez-az.com coaching career, Barcelona statistics, matches with Iniesta and Messi, Guardiola’s influence, goals, youth training, dismissal as Barcelona coach, personal life and 2024 updates.

  50. BruceSap

    Biography of football legend Pele pele personal life, ex-spouses, children and current wife Maria Aoki. A reminder of his legendary career, goals and special style of play, as well as successful performances in the national team.

  52. CharlesBolla

    Biography of Brazilian footballer Ronaldinho ronaldinho az org personal life, son’s contract, current position. Club career, free kick goals, dribbling, jersey number, Ballon d’Or award, prison sentence. Latest news of 2024.

  54. Charlesdus

    Biography of Spanish footballer Xavi Hernandez https://xavi-hernandez-az.com coaching career, Barcelona statistics, matches with Iniesta and Messi, Guardiola’s influence, goals, youth training, dismissal as Barcelona coach, personal life and 2024 updates.

  55. BruceSap

    Biography of football legend Pele http://pele-az.com personal life, ex-spouses, children and current wife Maria Aoki. A reminder of his legendary career, goals and special style of play, as well as successful performances in the national team.

  57. CharlesBolla

    Biography of Brazilian footballer Ronaldinho ronaldinho-az org personal life, son’s contract, current position. Club career, free kick goals, dribbling, jersey number, Ballon d’Or award, prison sentence. Latest news of 2024.

  60. VinceTut

    Biography of Portuguese footballer Joao Felix joao-felix-az com personal life, relationship with his girlfriend, resemblance to Kaka, national team appearances with Cristiano Ronaldo, club statistics, salary and latest news in 2024.

  62. Josepharouh

    Biography of footballer casemiro Casemiro: personal life, wife and children. Career, statistics, salary at Real Madrid, Brazil national team, transfer fee, position, transfer to Manchester United and the latest news for 2024.

  64. VinceTut

    Biography of Portuguese footballer Joao Felix joao felix az com personal life, relationship with his girlfriend, resemblance to Kaka, national team appearances with Cristiano Ronaldo, club statistics, salary and latest news in 2024.

  65. Josepharouh

    Biography of footballer https://casemiro-az.org Casemiro: personal life, wife and children. Career, statistics, salary at Real Madrid, Brazil national team, transfer fee, position, transfer to Manchester United and the latest news for 2024.

  69. DannyGlync

    Мы расскажем на тему https://fisuticket.com/ и ответы на них. Как безопасно скачать клиент 1xBet на ваше устройство. Процесс установки проходит быстро и легко и доступна для всех устройств на базе Android и iOS. После успешной установки вы получите доступ ко всем функциям букмекера и получите возможность ставить в любом месте.

  70. ScottduB

    Biography for David de Gea david de gea az com on a fan site. Known for his quick reactions and precise timing, he has managed to surprise fans all over the world. Manchester United to Fiorentina transfer, Atletico Madrid, personal life, children, height, weight and news.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *