{"id":8391,"date":"2019-10-11T08:54:16","date_gmt":"2019-10-11T06:54:16","guid":{"rendered":"https:\/\/www.lh.pl\/pomoc\/webp-w-wordpressie-jak-wyswietlac-obrazy-w-formatach-nowej-generacji\/"},"modified":"2021-11-04T12:38:25","modified_gmt":"2021-11-04T11:38:25","slug":"webp-w-wordpressie-jak-wyswietlac-obrazy-w-formatach-nowej-generacji","status":"publish","type":"post","link":"https:\/\/www.lh.pl\/pomoc\/webp-w-wordpressie-jak-wyswietlac-obrazy-w-formatach-nowej-generacji\/","title":{"rendered":"WebP w WordPressie. Jak wy\u015bwietla\u0107 obrazy w formatach nowej generacji?"},"content":{"rendered":"\r\n

Czy testuj\u0105c stron\u0119 na PageSpeed Insights otrzymujesz komunikat, aby wy\u015bwietla\u0107 obrazy w formatach nowej generacji, takich jak WebP? Je\u015bli tak, to zobacz, jak konwertowa\u0107 zdj\u0119cia do tego formatu i wykorzystywa\u0107 go w swoim WordPressie.<\/strong><\/p>\r\n\r\n\r\n\r\n

\"WebP\"<\/figure><\/div>\r\n\r\n\r\n\r\n

Na naszej grupie WordPress dla pocz\u0105tkuj\u0105cych<\/strong><\/a> cz\u0119sto pomagamy u\u017cytkownikom, kt\u00f3rzy maj\u0105 problemy z optymalizacj\u0105 swoich stron. Najcz\u0119\u015bciej spotykan\u0105 przyczyn\u0105 problem\u00f3w z wolnym \u0142adowaniem strony s\u0105 zdj\u0119cia, kt\u00f3re wa\u017c\u0105 bardzo du\u017co i nie s\u0105 wy\u015bwietlane w \u201cformatach nowej generacji\u201d, czyli sugerowanym przez Google i narz\u0119dzie PageSpeed Insights formacie WebP. Zobaczmy zatem, co to jest WebP<\/strong>, dlaczego Google tak bardzo premiuje jego u\u017cycie i dlaczego warto z niego skorzysta\u0107.<\/p>\r\n\r\n\r\n\r\n

Szukasz hostingu, kt\u00f3ry umo\u017cliwi Ci \u0142atw\u0105 konwersj\u0119 zdj\u0119\u0107 do formatu WebP? Zmie\u0144 hosting na LH.pl<\/a> i przyspiesz swoj\u0105 stron\u0119. <\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\r\n\r\n\r\n\r\n

Co to jest WebP i dlaczego warto go u\u017cywa\u0107?<\/h2>\r\n\r\n\r\n\r\n

Z pewno\u015bci\u0105 wiesz, \u017ce obrazy mo\u017cesz zapisywa\u0107 w r\u00f3\u017cnych formatach graficznych. W sieci najcz\u0119\u015bciej u\u017cywanymi s\u0105 JPG oraz PNG.<\/strong> Og\u00f3lna zasada jest do\u015b\u0107 prosta \u2013 JPG u\u017cywamy do klasycznych zdj\u0119\u0107, natomiast PNG do materia\u0142\u00f3w bardziej \u201cp\u0142askich\u201d, takich jak infografiki czy obrazy z przezroczysto\u015bci\u0105 i du\u017c\u0105 ilo\u015bci\u0105 tekstu. Od jakiego\u015b czasu dost\u0119pny jest jednak format WebP, stworzony przez Google specjalnie z my\u015bl\u0105 o stronach internetowych. <\/strong>Oferuje lepsz\u0105 jako\u015b\u0107 obrazu przy zachowaniu ni\u017cszej wagi pliku graficznego. Co wi\u0119cej, obs\u0142uguje on r\u00f3wnie\u017c prze\u017aroczysto\u015b\u0107.<\/p>\r\n\r\n\r\n\r\n

Najwa\u017cniejsz\u0105 korzy\u015bci\u0105 z u\u017cywania WebP jest kr\u00f3tszy czas \u0142adowania strony, zw\u0142aszcza wtedy, gdy na stronie masz du\u017co obrazk\u00f3w (np. portfolio). Jako \u017ce pliki graficzne wa\u017c\u0105 mniej, to strona wczytuje si\u0119 szybciej. U\u017cycie nowego formatu gwarantuje tak\u017ce uzyskanie lepszej oceny szybko\u015bci strony w testach typu PageSpeed Insights.<\/p>\r\n\r\n\r\n\r\n

\"WebP\"<\/figure><\/div>\r\n\r\n\r\n\r\n

Google mocno sugeruje wy\u015bwietlanie obraz\u00f3w w formatach nowej generacji, wi\u0119c wykorzystanie tej technologii gwarantuje wy\u017csz\u0105 ocen\u0119 w testach wydajno\u015bciowych. Pozytywnie wp\u0142ywa to r\u00f3wnie\u017c na pozycjonowanie (to proste: im szybsza strona, tym wy\u017cej w wynikach wyszukiwania l\u0105duje).<\/p>\r\n\r\n\r\n\r\n

\"\"<\/figure>
\r\n

ZOBACZ R\u00d3WNIE\u017b<\/p>\r\n\r\n\r\n\r\n

Od\u0142\u00f3\u017c \u0142adowanie obraz\u00f3w poza ekranem w WordPressie<\/a><\/h2>\r\n\r\n\r\n\r\n

W\u0142\u0105cz funkcj\u0119 lazy load na swojej stronie i przyspeisz jej dzia\u0142anie. <\/p>\r\n\r\n\r\n\r\n

Sprawd\u017a<\/a><\/strong><\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n

Wyzwania zwi\u0105zane z wy\u015bwietlaniem obraz\u00f3w w formacie WebP na stronach internetowych<\/h2>\r\n\r\n\r\n\r\n

Zaserwowanie wszystkich zdj\u0119\u0107 w formacie WebP wi\u0105\u017ce si\u0119 z pewnymi wyzwaniami.<\/strong> Przede wszystkim, najpierw trzeba przekonwertowa\u0107 istniej\u0105ce zdj\u0119cia. Opr\u00f3cz tego, nie wszystkie przegl\u0105darki internetowe obs\u0142uguj\u0105 format WebP (sprawd\u017a list\u0119 kompatybilnych przegl\u0105darek<\/strong><\/a>). Owszem, aktualne wersje popularnych przegl\u0105darek typu Chrome, Firefox, Opera czy Edge radz\u0105 sobie z nim bez problemu, ale trzeba te\u017c pami\u0119ta\u0107 o starszych programach, kt\u00f3rym trzeba dalej serwowa\u0107 zdj\u0119cia w \u201estarych\u201d formatach.<\/p>\r\n\r\n\r\n\r\n

Nie mo\u017cna zatem ca\u0142kowicie porzuci\u0107 JPG\/PNG i przestawi\u0107 si\u0119 tylko na rzecz WebP \u2013 trzeba wdro\u017cy\u0107 takie rozwi\u0105zanie, kt\u00f3re b\u0119dzie odpowiedzi\u0105 na powy\u017csze problemy. Na szcz\u0119\u015bcie u\u017cytkownicy WordPressa mog\u0105 u\u0142atwi\u0107 sobie spraw\u0119 dzi\u0119ki wtyczce WebP Express<\/a><\/strong>, kt\u00f3ra pozwala:<\/p>\r\n\r\n\r\n\r\n