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ć.

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

  48. ремонт квадрокоптеров москве

    Профессиональный сервисный центр по ремонту радиоуправляемых устройства – квадрокоптеры, дроны, беспилостники в том числе Apple iPad.
    Мы предлагаем: ремонт дрона
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  59. ремонт бытовой техники в екатеринбурге

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

  63. Ремонт фотоаппаратов в Москве

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

  67. сервис центры в новосибирске

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

  69. Ремонт видеокамер в Москве

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

  74. Ремонт стиральных машин в Москве

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

  75. ремонт бытовой техники в казани

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

  77. ремонт бытовой техники в москве

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

  79. Ремонт игровых приставок

    Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
    Мы предлагаем: ремонт приставок
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  81. Ремонт фотовспышек

    Профессиональный сервисный центр по ремонту фототехники в Москве.
    Мы предлагаем: ремонт вспышек
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
    Подробнее на сайте сервисного центра remont-vspyshek-realm.ru

  82. Ремонт ПК

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

  84. Раковины в Москве

    Наткнулся на замечательный интернет-магазин, специализирующийся на раковинах и ваннах. Решил сделать ремонт в ванной комнате и искал качественную сантехнику по разумным ценам. В этом магазине нашёл всё, что нужно. Большой выбор раковин и ванн различных типов и дизайнов.
    Особенно понравилось, что они предлагают умывальник цена. Цены доступные, а качество продукции отличное. Консультанты очень помогли с выбором, были вежливы и профессиональны. Доставка была оперативной, и установка прошла без нареканий. Очень доволен покупкой и сервисом, рекомендую!

  87. ремонт кондиционеров сервис центры в москве

    <a href=”https://remont-kondicionerov-wik.ru”>сервис кондиционеров</a>

  89. Ремонт проекторов

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

  90. Ремонт камер видео наблюдения в Москве

    Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
    Мы предлагаем: сервисные центры ремонту камер в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  91. ремонт бытовой техники в нижнем новгороде

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

  96. أنابيب FRP

    Specialized Pipes in Iraq At Elite Pipe Factory in Iraq, we pride ourselves on offering a diverse range of specialized pipes to meet various industrial and scientific needs. Our glass pipes, ideal for laboratory settings, are manufactured with the utmost precision to ensure clarity and durability. These pipes are perfect for handling and observing chemical reactions under controlled conditions. Elite Pipe Factory is renowned for its quality and reliability, setting the standard for glass pipe production in Iraq. For more information, visit our website: elitepipeiraq.com.

  98. сервис центры в красноярске

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

  107. сервис центры в ростове на дону

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

  115. 먹튀검증

    I was more than happy to find this page. I need to to thank you for your time due to this fantastic read!! I definitely really liked every bit of it and i also have you book-marked to look at new things in your website.
    먹튀검증

  130. Ремонт моноблоков

    Профессиональный сервисный центр по ремонту моноблоков в Москве.
    Мы предлагаем: моноблок ремонт
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  139. 비아그라 구매

    정될지 등 많은 궁금증비아그라 구매을 자아내고 있습니다.비아그라 구매 많은 분들께서 큰 기비아그라 구매대를 하

  140. Ремонт iPad в Москве

    Профессиональный сервисный центр по ремонту планшетов в том числе Apple iPad.
    Мы предлагаем: ремонт айпада
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  144. Ремонт посудомоечных машин в Москве

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

Dodaj komentarz

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