{"id":8402,"date":"2020-01-23T14:57:43","date_gmt":"2020-01-23T13:57:43","guid":{"rendered":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/"},"modified":"2021-11-04T12:38:28","modified_gmt":"2021-11-04T11:38:28","slug":"optymalizacja-obrazow-w-wordpressie-o-czym-pamietac","status":"publish","type":"post","link":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/","title":{"rendered":"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107?"},"content":{"rendered":"\r\n<p><strong>Optymalizacja obraz\u00f3w w WordPressie to jeden z wa\u017cniejszych element\u00f3w, kt\u00f3ry mo\u017ce nawet dwukrotnie przyspieszy\u0107 Twoj\u0105 stron\u0119. Jak dba\u0107 o to, aby zdj\u0119cia \u0142adowa\u0142y si\u0119 szybko i nie traci\u0142y na jako\u015bci?  Okazuje si\u0119, \u017ce wcale nie jest to trudne. Wystarczy, \u017ce b\u0119dziesz przestrzega\u0107 kilku istotnych zasad.<\/strong><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-1024x576.jpg\" alt=\"\" class=\"wp-image-4913\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-1024x576.jpg 1024w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-300x169.jpg 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-768x432.jpg 768w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Jednym z najcz\u0119stszych czynnik\u00f3w, kt\u00f3re wp\u0142ywaj\u0105 na d\u0142ugi czas \u0142adowania strony, jest nieprawid\u0142owa <strong>optymalizacja obraz\u00f3w w WordPressie<\/strong> (a raczej jej brak). U\u017cytkownicy cz\u0119sto wgrywaj\u0105 obrazy w niewsp\u00f3\u0142miernie wysokich do strony rozdzielczo\u015bciach, kt\u00f3re wa\u017c\u0105 bardzo du\u017co i s\u0105 zapisane w nieodpowiednich formatach. Taka sytuacja to idealna recepta na spowolnienie \u0142adowania strony oraz obni\u017cenie jej wynik\u00f3w w PageSpeed Insights.<\/p>\r\n\r\n\r\n\r\n<p>Pomagaj\u0105c cz\u0142onkom grupy <a href=\"https:\/\/www.facebook.com\/groups\/wordpresspl\/\"><strong>WordPress dla pocz\u0105tkuj\u0105cych<\/strong><\/a>, zauwa\u017cyli\u015bmy, \u017ce wi\u0119kszo\u015bci os\u00f3b najwi\u0119kszy problem sprawia optymalizacja obraz\u00f3w &#8211; zdj\u0119cia s\u0105 m.in. zbyt du\u017ce i zapisane w nieodpowiednich formatach. Wst\u0119pne testy wykonane w takich narz\u0119dziach, jak GTMetrix czy PageSpeed Insights, wykazywa\u0142y, \u017ce do osi\u0105gni\u0119cia znacznie lepszego wyniku nale\u017cy zaliczy\u0107 takie audyty, jak:<\/p>\r\n\r\n\r\n\r\n<ul><li><strong>U\u017cyj efektywnego kodowania obraz\u00f3w<\/strong><\/li><li><strong>Zmie\u0144 rozmiar obraz\u00f3w<\/strong><\/li><li><strong>Od\u0142\u00f3\u017c \u0142adowanie obraz\u00f3w poza ekranem<\/strong><\/li><li><strong>Wy\u015bwietlaj obrazy w formatach nowej generacji<\/strong><\/li><\/ul>\r\n\r\n\r\n\r\n<p>Jak zatem spe\u0142ni\u0107 te warunki? Co zrobi\u0107, aby optymalizacja zdj\u0119\u0107 nie zamieni\u0142a si\u0119 w ci\u0105g czasoch\u0142onnych czynno\u015bci, kt\u00f3re musimy wykonywa\u0107 przy publikacji ka\u017cdego artyku\u0142u? Spokojnie, wystarczy tylko zadba\u0107 o kilka spraw i wyuczy\u0107 w sobie par\u0119 dobrych nawyk\u00f3w.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-table gradient\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Nie zapominaj o jako\u015bci serwera. Wybierz szybki hosting w <a href=\"https:\/\/www.lh.pl\/hosting\">LH.pl<\/a>.<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Zadbaj o odpowiednie wymiary zdj\u0119\u0107<\/h2>\r\n\r\n\r\n\r\n<p>Jednym z problem\u00f3w, kt\u00f3ry najcz\u0119\u015bciej wyst\u0119puj\u0105 u pocz\u0105tkuj\u0105cych u\u017cytkownik\u00f3w, jest przesy\u0142anie na stron\u0119 obraz\u00f3w w zbyt du\u017cych wymiarach. Oczywi\u015bcie, im wy\u017csza rozdzielczo\u015b\u0107, tym lepsza jako\u015b\u0107 i wyrazisto\u015b\u0107 zdj\u0119\u0107, ale trzeba pami\u0119ta\u0107, \u017ce zwi\u0119ksza to wag\u0119 pliku graficznego.<\/p>\r\n\r\n\r\n\r\n<p><strong>Po pierwsze, absolutnie unikaj dodawania obraz\u00f3w, kt\u00f3re dopiero co zosta\u0142y przekopiowane np. ze smartfona lub aparatu.<\/strong> Takie pliki wa\u017c\u0105 bardzo du\u017co, nie s\u0105 poddawane kompresji i s\u0105 w bardzo wysokich rozdzielczo\u015bciach. Przyk\u0142adowo, zdj\u0119cie wykonane aparatem 12MPx ma wymiary 4240x2824px. Chyba zgodzisz si\u0119 ze mn\u0105, \u017ce rzadko kiedy potrzebne jest tak du\u017ce zdj\u0119cie na stronie, prawda?<\/p>\r\n\r\n\r\n\r\n<p><strong>Po drugie, upewnij si\u0119, \u017ce zdj\u0119cie, kt\u00f3re przesy\u0142asz, jest zbli\u017cone wymiarami (np. szeroko\u015bci\u0105) do miejsca, w kt\u00f3rym si\u0119 wy\u015bwietli.<\/strong> Przyk\u0142adowo, je\u015bli przygotowujesz zdj\u0119cia do artyku\u0142u, kt\u00f3rego tre\u015b\u0107 wy\u015bwietla si\u0119 w kontenerze o maksymalnej szeroko\u015bci 1020px, to nie ma sensu, aby zdj\u0119cia by\u0142y szersze ni\u017c te 1020px. Przegl\u0105darka i tak skurczy je do tego rozmiaru, a niepotrzebnie b\u0119d\u0105 wa\u017cy\u0107 wi\u0119cej, ni\u017c powinny.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/sprawdz-wymiary-1024x458.png\" alt=\"Sprawd\u017a wymiary kontenera, w kt\u00f3rym wy\u015bwietlaj\u0105 si\u0119 zdj\u0119cia.\" class=\"wp-image-4881\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/sprawdz-wymiary-1024x458.png 1024w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/sprawdz-wymiary-300x134.png 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/sprawdz-wymiary-768x343.png 768w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/sprawdz-wymiary.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\r\n\r\n\r\n\r\n<p>Mo\u017cesz sprawdzi\u0107 szeroko\u015b\u0107 kontenera artyku\u0142u, u\u017cywaj\u0105c narz\u0119dzi deweloperskich w przegl\u0105darce np. Chrome. Wci\u015bnij F12, wybierz narz\u0119dzie zaznaczania (ikona w g\u00f3rnym lewym rogu panelu) i najed\u017a kursorem myszy na obrazek w artykule lub jeden z akapit\u00f3w. Gdy zostanie pod\u015bwietlony, wy\u015bwietli si\u0119 okienko z informacj\u0105 o szeroko\u015bci, jak\u0105 dany element zajmuje. <\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Optymalizacja obraz\u00f3w na wczesnym etapie, czyli przygotuj zdj\u0119cia przed ich przes\u0142aniem<\/h2>\r\n\r\n\r\n\r\n<p>Nie polegaj jedynie na wtyczkach optymalizuj\u0105cych zdj\u0119cia w samym WordPressie. <strong>Zadzia\u0142aj jeszcze przed przes\u0142aniem zdj\u0119cia na stron\u0119 <\/strong>&#8211; wystarcz\u0105 proste kroki w dowolnym programie graficznym, dzi\u0119ki kt\u00f3rym szybko dokonasz podstawowej obr\u00f3bki. <strong>Przygotowuj\u0105c zdj\u0119cie w programie graficznym, pami\u0119taj o trzech rzeczach<\/strong><\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Ustaw prawid\u0142owe wymiary zdj\u0119cia<\/strong><\/h3>\r\n\r\n\r\n\r\n<p><strong>Kwesti\u0119 wymiar\u00f3w poruszyli\u015bmy ju\u017c w poprzednim kroku, wi\u0119c po prostu zastosuj si\u0119 do tych zasad.<\/strong> Za pomoc\u0105 opcji zmiany rozmiaru obrazu dostosuj wymiary w taki spos\u00f3b, aby zdj\u0119cie nie mia\u0142o wymiar\u00f3w na poziomie rozdzielczo\u015bci 4K i aby nie przekracza\u0142o  rozmiaru miejsca, w kt\u00f3re masz zamiar je wstawi\u0107.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"561\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/wymiary.png\" alt=\"\" class=\"wp-image-4882\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/wymiary.png 777w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/wymiary-300x217.png 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/wymiary-768x555.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/figure><\/div>\r\n\r\n\r\n\r\n<p>Je\u015bli sekcja z tre\u015bci\u0105 artyku\u0142u ma 1020px, to w programie graficznym skorzystaj z opcji zmiany rozmiaru obrazu i ustaw szeroko\u015b\u0107 obrazu r\u00f3wnie\u017c na 1020px (z zachowaniem proporcji). Oczywi\u015bcie, od tej regu\u0142y mog\u0105 by\u0107 wyj\u0105tki, takie jak np. przygotowywanie zdj\u0119\u0107 do interaktywnej galerii na stron\u0119 z portfolio. W takiej sytuacji pozostawienie wysokiej rozdzielczo\u015bci mo\u017ce by\u0107 po\u017c\u0105dane. W wi\u0119kszo\u015bci przypadk\u00f3w nie potrzebujemy jednak obrazk\u00f3w w przesadnie du\u017cych wymiarach.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Wybierz odpowiedni format docelowy<\/strong><\/h3>\r\n\r\n\r\n\r\n<p><strong>Zapisuj\u0105c zdj\u0119cie, zwr\u00f3\u0107 uwag\u0119 na format docelowy, w kt\u00f3rym zapisujesz plik.<\/strong> Zasada jest do\u015b\u0107 prosta: tradycyjne zdj\u0119cia (portrety, krajobrazy, zdj\u0119cia ludzi lub produkt\u00f3w) zapisuj w formacie <strong>JPG<\/strong>. To najlepszy wyb\u00f3r do klasycznych fotografii.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"561\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/format.png\" alt=\"\" class=\"wp-image-4883\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/format.png 777w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/format-300x217.png 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/format-768x555.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/figure><\/div>\r\n\r\n\r\n\r\n<p>Nieco inaczej sprawa ma si\u0119 w przypadku np. infografik, zrzut\u00f3w ekranu czy grafik wektorowych. Te najlepiej zapisywa\u0107 w formacie <strong>PNG<\/strong>, gdy\u017c zachowany w ten spos\u00f3b lepsz\u0105 jako\u015b\u0107, a tak\u017ce przezroczysto\u015b\u0107.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Dostosuj poziom jako\u015bci obrazu<\/strong><\/h3>\r\n\r\n\r\n\r\n<p><strong>Pami\u0119taj te\u017c o tym, \u017ce mo\u017cesz dostosowa\u0107 poziom jako\u015bci zapisywanego zdj\u0119cia.<\/strong> To niezwykle istotne, zw\u0142aszcza przy klasycznych zdj\u0119ciach, zapisywanych do formatu JPG. Lekkie, ledwo widoczne obni\u017cenie jako\u015bci potrafi znacz\u0105co obni\u017cy\u0107 wag\u0119 pliku graficznego.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"561\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/jakosc.png\" alt=\"\" class=\"wp-image-4884\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/jakosc.png 777w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/jakosc-300x217.png 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/jakosc-768x555.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/figure><\/div>\r\n\r\n\r\n\r\n<p><strong>Poziom jako\u015bci<\/strong> z<strong>azwyczaj mo\u017cna dostosowa\u0107 w oknie zapisu zdj\u0119cia. Nie ustawiaj nigdy suwaka jako\u015bci na 100%. Celuj w pu\u0142ap jako\u015bciowy na poziomie ok. 70-80%.<\/strong>.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Optymalizacja obraz\u00f3w w WordPressie za pomoc\u0105 wtyczki<\/h2>\r\n\r\n\r\n\r\n<p>Dobra wtyczka wykona dla nas dwie czynno\u015bci: kompresj\u0119 (zmniejszenie wagi) oraz zmian\u0119 rozmiaru zdj\u0119cia (zmniejszenie rozdzielczo\u015bci wyj\u0105tkowo du\u017cych zdj\u0119\u0107).  <strong>Jednym z najlepszych darmowych rozwi\u0105za\u0144 jest wtyczka o nazwie <a href=\"https:\/\/wordpress.org\/plugins\/robin-image-optimizer\/\">Robin Image Optimizer<\/a><\/strong>. Jak na darmowe rozwi\u0105zanie ma ona niewiele ogranicze\u0144. Za pomoc\u0105 tej wtyczki b\u0119dzie mo\u017cliwe wprowadzenie ustawie\u0144, dzi\u0119ki kt\u00f3rym:<\/p>\r\n\r\n\r\n\r\n<ul><li><strong>Zdj\u0119cia b\u0119d\u0105 zachowywa\u0107 80% jako\u015bci (dobry balans mi\u0119dzy jako\u015bci\u0105 a wag\u0105 pliku graficznego)<\/strong><\/li><li><strong>Zdj\u0119cia b\u0119d\u0105 automatycznie kompresowane przy przesy\u0142aniu<\/strong><\/li><li><strong>Wtyczka b\u0119dzie automatycznie zmienia\u0107 rozmiar du\u017cych zdj\u0119\u0107, aby d\u0142u\u017cszy bok nie przekracza\u0142 1600px<\/strong> <em>(mo\u017cna ustawi\u0107 w\u0142asn\u0105 warto\u015b\u0107 wedle uznania)<\/em><\/li><li><strong>Zoptymalizujemy nie tylko nowe zdj\u0119cia na bie\u017c\u0105co, ale r\u00f3wnie\u017c narzucimy te ustawienia wszystkim dotychczasowym obrazkom<\/strong><\/li><\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Konfiguracja wtyczki Robin Image Optimizer<\/h3>\r\n\r\n\r\n\r\n<p>Zainstaluj wtyczk\u0119, a nast\u0119pnie udaj si\u0119 w panelu WordPressa do zak\u0142adki <strong>&#8222;Ustawienia &gt; Robin Image Optimizer&#8221;<\/strong>. Na ekranie wtyczki wybierz zak\u0142adk\u0119 <strong>Settings<\/strong>, aby dostosowa\u0107 ustawienia.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-ustawienia-1-1024x532.jpg\" alt=\"\" class=\"wp-image-4885\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-ustawienia-1-1024x532.jpg 1024w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-ustawienia-1-300x156.jpg 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-ustawienia-1-768x399.jpg 768w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-ustawienia-1.jpg 1254w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\r\n\r\n\r\n\r\n<p>Aby osi\u0105gn\u0105\u0107 powy\u017csze za\u0142o\u017cenia, dostosuj nast\u0119puj\u0105ce opcje:<\/p>\r\n\r\n\r\n\r\n<ul><li><strong>Compression mode:<\/strong> ustaw na <strong>Custom<\/strong>. Pojawi si\u0119 dodatkowe pole <strong>&#8222;Enter custom quality&#8221;<\/strong>, w kt\u00f3rym mo\u017cesz ustawi\u0107 docelowy poziom jako\u015bci. Ustaw jako\u015b\u0107 na poziomie 70-80% &#8211; pami\u0119taj, aby nie ustawia\u0107 zbyt niskiej, gdy\u017c spowoduje to znaczne pogorszenie jako\u015bci obrazu.<\/li><li><strong>Auto optimization on upload<\/strong> &#8211; ustaw na <strong>On<\/strong>, aby w\u0142\u0105czy\u0107 automatyczne optymalizowanie nowych zdj\u0119\u0107<\/li><li><strong>Backup images<\/strong> &#8211; pozwala tworzy\u0107 kopi\u0119 zapasow\u0105 oryginalnych zdj\u0119\u0107 przed dokonaniem optymalizacji i kompresji. Pocz\u0105tkowo ustaw na <strong>On<\/strong>, aby w razie zbyt mocnej kompresji lub innych problem\u00f3w m\u00f3c przywr\u00f3ci\u0107 stan zdj\u0119\u0107 do stanu sprzed u\u017cycia wtyczki. Jednak docelowo, gdy upewnisz si\u0119, \u017ce ustawienia s\u0105 wprowadzone poprawnie i efekty s\u0105 satysfakcjonuj\u0105ce, mo\u017cesz wy\u0142\u0105czy\u0107 t\u0119 opcj\u0119, aby oszcz\u0119dzi\u0107 miejsce na serwerze.<\/li><li><strong>Leave EXIF data<\/strong> &#8211; kontroluje, czy dane EXIF (np. dane o lokalizacji wykonania zdj\u0119cia) maj\u0105 by\u0107 zachowywane. Je\u015bli nie potrzebujesz tych danych, ustaw t\u0119 opcj\u0119 na <strong>&#8222;Off&#8221;<\/strong>, aby ich nie pozostawia\u0107.<\/li><li><strong>Resizing large images<\/strong> &#8211; kontroluje, czy wtyczka opr\u00f3cz czystej kompresji ma te\u017c zmniejsza\u0107 du\u017ce zdj\u0119cia. Ustaw na <strong>On<\/strong>, aby w\u0142\u0105czy\u0107 t\u0119 opcj\u0119. Po w\u0142\u0105czeniu tej opcji pojawi\u0105 si\u0119 dwa pola &#8211; &#8222;Enter the maximum width&#8221; oraz &#8222;Enter the maximum height&#8221;, w kt\u00f3rych mo\u017cemy okre\u015bli\u0107 maksymaln\u0105 szeroko\u015b\u0107 oraz wysoko\u015b\u0107 zdj\u0119cia. Dla np. blog\u00f3w warto\u015b\u0107 1600px jest dobrym pocz\u0105tkiem (rzadko kiedy b\u0119dziemy potrzebowa\u0107 wi\u0119kszych zdj\u0119\u0107), jednak osoby posiadaj\u0105ce np. portfolio zdj\u0119\u0107 mog\u0105 dostosowa\u0107 t\u0119 opcj\u0119 do w\u0142asnych potrzeb.<\/li><\/ul>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"250\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-resize-1024x250.png\" alt=\"\" class=\"wp-image-4886\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-resize-1024x250.png 1024w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-resize-300x73.png 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-resize-768x187.png 768w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/robin-resize.png 1071w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\r\n\r\n\r\n\r\n<p>Zapisz ustawienia przyciskiem <strong>Save<\/strong> w g\u00f3rnym prawym rogu. <\/p>\r\n\r\n\r\n\r\n<p>Od teraz wszystkie nowe zdj\u0119cia b\u0119d\u0105 automatycznie kompresowane do 80% jako\u015bci, a ich wielko\u015b\u0107 b\u0119dzie ograniczana do podanych przez Ciebie wymiar\u00f3w. <strong>Mo\u017cesz te\u017c zoptymalizowa\u0107 dotychczasowe zdj\u0119cia, konwertuj\u0105c je masowo.<\/strong> Wejd\u017a w tym celu do zak\u0142adki <strong>Bulk optimization<\/strong> i kliknij przycisk <strong>Run<\/strong>. <\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-table gradient\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Nie pozw\u00f3l, by wolny serwer zniwelowa\u0142 Twoj\u0105 optymalizacj\u0119. <a href=\"https:\/\/www.lh.pl\/hosting\">Wybierz hosting w LH.pl<\/a> i daj WordPressowi rozwin\u0105\u0107 skrzyd\u0142a!<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Od\u0142\u00f3\u017c \u0142adowanie obraz\u00f3w poza ekranem, czyli skonfiguruj tzw. Lazy Load w WordPressie<\/h2>\r\n\r\n\r\n\r\n<p>Testuj\u0105c stron\u0119 w PageSpeed Insights, mo\u017cesz natkn\u0105\u0107 si\u0119 na rad\u0119, aby od\u0142o\u017cy\u0107 \u0142adowanie obraz\u00f3w poza ekranem. Jest to tzw. lazy load <em>(ang. leniwe \u0142adowanie)<\/em>, czyli do\u015b\u0107 prosty mechanizm, kt\u00f3ry sprawia, \u017ce po wej\u015bciu na stron\u0119 \u0142adowane s\u0105 tylko obrazki z widocznej dla u\u017cytkownika cz\u0119\u015bci witryny. <\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"259\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz-ladowanie-obrazow-poza-ekranem.png\" alt=\"PageSpeed Insights - komunikat &quot;Od\u0142\u00f3\u017c \u0142adowanie obraz\u00f3w poza ekranem&quot;\" class=\"wp-image-4595\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz-ladowanie-obrazow-poza-ekranem.png 750w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz-ladowanie-obrazow-poza-ekranem-300x104.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Pozosta\u0142e zdj\u0119cia, czyli te znajduj\u0105ce si\u0119 poni\u017cej widocznej cz\u0119\u015bci, s\u0105 \u0142adowane dopiero w momencie przewijania witryny w d\u00f3\u0142. Wp\u0142ywa to pozytywnie na szybko\u015b\u0107 \u0142adowania strony, gdy\u017c przy wej\u015bciu na stron\u0119 \u0142adowane s\u0105 tylko niezb\u0119dne grafiki, a nie wszystkie z ca\u0142ego artyku\u0142u. <\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-media-text is-stacked-on-mobile post-promo\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz-1024x576.png\" alt=\"\" class=\"wp-image-4594 size-full\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz-1024x576.png 1024w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz-300x169.png 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz-768x432.png 768w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/odloz.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\r\n<p class=\"zobacz\">ZOBACZ R\u00d3WNIE\u017b<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/www.lh.pl\/pomoc\/odloz-ladowanie-obrazow-poza-ekranem-w-wordpressie\/\">Od\u0142\u00f3\u017c \u0142adowanie obraz\u00f3w poza ekranem w WordPressie<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Dodaj do swojego WordPressa funkcj\u0119 lazy load, aby od\u0142o\u017cy\u0107 \u0142adowanie obraz\u00f3w poza ekranem i skr\u00f3ci\u0107 czas wczytywania strony&#8230;<\/p>\r\n\r\n\r\n\r\n<p><strong><a href=\"https:\/\/www.lh.pl\/pomoc\/odloz-ladowanie-obrazow-poza-ekranem-w-wordpressie\/\">Sprawd\u017a<\/a><\/strong><\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<p>Instrukcj\u0119 wdro\u017cenia mechanizmu odk\u0142adania \u0142adowania obraz\u00f3w poza ekranem w WordPressie znajdziesz w powy\u017cszym artykule, kt\u00f3ry po\u015bwi\u0119cili\u015bmy tematowi Lazy Load.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">U\u017cywaj format\u00f3w nowej generacji, czyli WebP w WordPressie<\/h2>\r\n\r\n\r\n\r\n<p>Powy\u017csze rady w ogromnym stopniu usprawni\u0105 \u0142adowanie zdj\u0119\u0107 i szybko\u015b\u0107 wczytywania witryny, jednak mo\u017cesz p\u00f3j\u015b\u0107 jeszcze dalej. Mo\u017cesz przekonwertowa\u0107 zdj\u0119cia na format nowej generacji, czyli format WebP, kt\u00f3ry pozwala zachowa\u0107 wysok\u0105 jako\u015b\u0107 obrazu przy jednoczesnym obni\u017ceniu rozmiaru pliku. <\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"778\" height=\"212\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/webp.png\" alt=\"Wy\u015bwietlaj obrazy w formatach nowej generacji\" class=\"wp-image-4887\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/webp.png 778w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/webp-300x82.png 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/webp-768x209.png 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/figure><\/div>\r\n\r\n\r\n\r\n<p>Wykorzystuj\u0105c format WebP, stosujesz si\u0119 do rekomendacji Google i wp\u0142ywasz bardzo pozytywnie na wynik w PageSpeed Insights. Jako \u017ce pliki te faktycznie zajmuj\u0105 mniej miejsca, to oczywi\u015bcie przyspiesza to czas \u0142adowania strony.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-media-text is-stacked-on-mobile post-promo\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/10\/obrazy-w-formacie-webp-1024x576.jpg\" alt=\"\" class=\"wp-image-4213 size-full\" srcset=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/10\/obrazy-w-formacie-webp-1024x576.jpg 1024w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/10\/obrazy-w-formacie-webp-300x169.jpg 300w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/10\/obrazy-w-formacie-webp-768x432.jpg 768w, https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/10\/obrazy-w-formacie-webp.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\r\n<p class=\"zobacz\">ZOBACZ R\u00d3WNIE\u017b<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/www.lh.pl\/pomoc\/webp-w-wordpressie-jak-wyswietlac-obrazy-w-formatach-nowej-generacji\/\">WebP w WordPressie. Jak wy\u015bwietla\u0107 obrazy w formatach nowej generacji?<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Przekonwertuj swoje zdj\u0119cia na WebP i serwuj je do przegl\u0105darek, kt\u00f3re obs\u0142uguj\u0105 ten format&#8230;<\/p>\r\n\r\n\r\n\r\n<p><strong><a href=\"https:\/\/www.lh.pl\/pomoc\/webp-w-wordpressie-jak-wyswietlac-obrazy-w-formatach-nowej-generacji\/\">Sprawd\u017a<\/a><\/strong><\/p>\r\n<\/div><\/div>\r\n\r\n\r\n\r\n<p>WebP w WordPressie mo\u017cna wdro\u017cy\u0107 m.in. za pomoc\u0105 wtyczki WebP Express. Dodatkowe informacje na ten temat wraz z instrukcj\u0105 znajdziesz w wy\u017cej podlinkowanym artykule. Nauczysz si\u0119 w nim, jak dokona\u0107 konwersji obraz\u00f3w na format WebP, a tak\u017ce jak je serwowa\u0107 do tych przegl\u0105darek internetowych, kt\u00f3re s\u0105 z nim kompatybilne. <\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Optymalizacja obraz\u00f3w w WordPressie to jeden z wa\u017cniejszych element\u00f3w, kt\u00f3ry mo\u017ce nawet dwukrotnie przyspieszy\u0107 Twoj\u0105 stron\u0119.<\/p>\n","protected":false},"author":7,"featured_media":4913,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[12],"tags":[66,61],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"featured_image_urls":{"full":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg",1280,720,false],"thumbnail":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-150x150.jpg",150,150,true],"medium":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-300x169.jpg",300,169,true],"medium_large":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-768x432.jpg",768,432,true],"large":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg",1280,720,false],"2048x2048":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg",1280,720,false],"yarpp-thumbnail":["https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg",120,68,false]},"post_excerpt_stackable":"<p>Optymalizacja obraz\u00f3w w WordPressie to jeden z wa\u017cniejszych element\u00f3w, kt\u00f3ry mo\u017ce nawet dwukrotnie przyspieszy\u0107 Twoj\u0105 stron\u0119.<\/p>\n","category_list":"<a href=\"https:\/\/www.lh.pl\/pomoc\/c\/wordpress\/\" rel=\"category tag\">WordPress<\/a>","author_info":{"name":"B\u0142a\u017cej Starosta","url":"https:\/\/www.lh.pl\/pomoc\/author\/blazej\/"},"comments_num":"2 comments","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107? - LH.pl<\/title>\n<meta name=\"description\" content=\"Optymalizacja obraz\u00f3w w WordPressie pozwala przyspieszy\u0107 stron\u0119 i zwi\u0119kszy\u0107 wynik w PageSpeed Insights. Oto porady, dzi\u0119ki kt\u00f3rym przyspieszysz stron\u0119.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107? - LH.pl\" \/>\n<meta property=\"og:description\" content=\"Optymalizacja obraz\u00f3w w WordPressie pozwala przyspieszy\u0107 stron\u0119 i zwi\u0119kszy\u0107 wynik w PageSpeed Insights. Oto porady, dzi\u0119ki kt\u00f3rym przyspieszysz stron\u0119.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/\" \/>\n<meta property=\"og:site_name\" content=\"LH.pl\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wwwlhpl\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-23T13:57:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-04T11:38:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"B\u0142a\u017cej Starosta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"B\u0142a\u017cej Starosta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/\"},\"author\":{\"name\":\"B\u0142a\u017cej Starosta\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff\"},\"headline\":\"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107?\",\"datePublished\":\"2020-01-23T13:57:43+00:00\",\"dateModified\":\"2021-11-04T11:38:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/\"},\"wordCount\":1785,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg\",\"keywords\":[\"grafika\",\"optymalizacja stron i sklep\u00f3w\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/\",\"name\":\"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107? - LH.pl\",\"isPartOf\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg\",\"datePublished\":\"2020-01-23T13:57:43+00:00\",\"dateModified\":\"2021-11-04T11:38:28+00:00\",\"description\":\"Optymalizacja obraz\u00f3w w WordPressie pozwala przyspieszy\u0107 stron\u0119 i zwi\u0119kszy\u0107 wynik w PageSpeed Insights. Oto porady, dzi\u0119ki kt\u00f3rym przyspieszysz stron\u0119.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg\",\"contentUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Lh.pl Pomoc\",\"item\":\"https:\/\/www.lh.pl\/pomoc\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strony internetowe\",\"item\":\"https:\/\/www.lh.pl\/pomoc\/c\/strony-internetowe\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WordPress\",\"item\":\"https:\/\/www.lh.pl\/pomoc\/c\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#website\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/\",\"name\":\"LH.pl\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lh.pl\/pomoc\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#organization\",\"name\":\"LH.pl\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png\",\"contentUrl\":\"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png\",\"width\":771,\"height\":289,\"caption\":\"LH.pl\"},\"image\":{\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wwwlhpl\",\"https:\/\/www.instagram.com\/wwwlhpl\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff\",\"name\":\"B\u0142a\u017cej Starosta\",\"description\":\"Ma do\u015bwiadczenie w tworzeniu oraz prowadzeniu stron WWW, od blog\u00f3w a\u017c po sklepy internetowe. Od lat uwa\u017cnie \u015bledzi rozw\u00f3j WordPressa i jego wp\u0142yw na rynek tw\u00f3rc\u00f3w stron internetowych. Stara si\u0119 by\u0107 na bie\u017c\u0105co ze wszystkimi nowinkami technologicznymi i dzieli\u0107 si\u0119 swoj\u0105 wiedz\u0105.\",\"sameAs\":[\"https:\/\/www.lh.pl\"],\"url\":\"https:\/\/www.lh.pl\/pomoc\/author\/blazej\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107? - LH.pl","description":"Optymalizacja obraz\u00f3w w WordPressie pozwala przyspieszy\u0107 stron\u0119 i zwi\u0119kszy\u0107 wynik w PageSpeed Insights. Oto porady, dzi\u0119ki kt\u00f3rym przyspieszysz stron\u0119.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/","og_locale":"pl_PL","og_type":"article","og_title":"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107? - LH.pl","og_description":"Optymalizacja obraz\u00f3w w WordPressie pozwala przyspieszy\u0107 stron\u0119 i zwi\u0119kszy\u0107 wynik w PageSpeed Insights. Oto porady, dzi\u0119ki kt\u00f3rym przyspieszysz stron\u0119.","og_url":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/","og_site_name":"LH.pl","article_publisher":"https:\/\/www.facebook.com\/wwwlhpl","article_published_time":"2020-01-23T13:57:43+00:00","article_modified_time":"2021-11-04T11:38:28+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg","type":"image\/jpeg"}],"author":"B\u0142a\u017cej Starosta","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"B\u0142a\u017cej Starosta","Szacowany czas czytania":"9 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#article","isPartOf":{"@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/"},"author":{"name":"B\u0142a\u017cej Starosta","@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff"},"headline":"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107?","datePublished":"2020-01-23T13:57:43+00:00","dateModified":"2021-11-04T11:38:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/"},"wordCount":1785,"commentCount":2,"publisher":{"@id":"https:\/\/www.lh.pl\/pomoc\/#organization"},"image":{"@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg","keywords":["grafika","optymalizacja stron i sklep\u00f3w"],"articleSection":["WordPress"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/","url":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/","name":"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107? - LH.pl","isPartOf":{"@id":"https:\/\/www.lh.pl\/pomoc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage"},"image":{"@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg","datePublished":"2020-01-23T13:57:43+00:00","dateModified":"2021-11-04T11:38:28+00:00","description":"Optymalizacja obraz\u00f3w w WordPressie pozwala przyspieszy\u0107 stron\u0119 i zwi\u0119kszy\u0107 wynik w PageSpeed Insights. Oto porady, dzi\u0119ki kt\u00f3rym przyspieszysz stron\u0119.","breadcrumb":{"@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#primaryimage","url":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg","contentUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2020\/01\/zbednekb4.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.lh.pl\/pomoc\/optymalizacja-obrazow-w-wordpressie-o-czym-pamietac\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Lh.pl Pomoc","item":"https:\/\/www.lh.pl\/pomoc\/"},{"@type":"ListItem","position":2,"name":"Strony internetowe","item":"https:\/\/www.lh.pl\/pomoc\/c\/strony-internetowe\/"},{"@type":"ListItem","position":3,"name":"WordPress","item":"https:\/\/www.lh.pl\/pomoc\/c\/wordpress\/"},{"@type":"ListItem","position":4,"name":"Optymalizacja obraz\u00f3w w WordPressie. O czym pami\u0119ta\u0107?"}]},{"@type":"WebSite","@id":"https:\/\/www.lh.pl\/pomoc\/#website","url":"https:\/\/www.lh.pl\/pomoc\/","name":"LH.pl","description":"","publisher":{"@id":"https:\/\/www.lh.pl\/pomoc\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lh.pl\/pomoc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.lh.pl\/pomoc\/#organization","name":"LH.pl","url":"https:\/\/www.lh.pl\/pomoc\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/","url":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png","contentUrl":"https:\/\/www.lh.pl\/pomoc\/wp-content\/uploads\/2019\/09\/LH-logo-color-RGB.png","width":771,"height":289,"caption":"LH.pl"},"image":{"@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wwwlhpl","https:\/\/www.instagram.com\/wwwlhpl\/"]},{"@type":"Person","@id":"https:\/\/www.lh.pl\/pomoc\/#\/schema\/person\/5a40f9de0b90355373e84b6d7087aeff","name":"B\u0142a\u017cej Starosta","description":"Ma do\u015bwiadczenie w tworzeniu oraz prowadzeniu stron WWW, od blog\u00f3w a\u017c po sklepy internetowe. Od lat uwa\u017cnie \u015bledzi rozw\u00f3j WordPressa i jego wp\u0142yw na rynek tw\u00f3rc\u00f3w stron internetowych. Stara si\u0119 by\u0107 na bie\u017c\u0105co ze wszystkimi nowinkami technologicznymi i dzieli\u0107 si\u0119 swoj\u0105 wiedz\u0105.","sameAs":["https:\/\/www.lh.pl"],"url":"https:\/\/www.lh.pl\/pomoc\/author\/blazej\/"}]}},"_links":{"self":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts\/8402"}],"collection":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/comments?post=8402"}],"version-history":[{"count":1,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts\/8402\/revisions"}],"predecessor-version":[{"id":8617,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/posts\/8402\/revisions\/8617"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/media\/4913"}],"wp:attachment":[{"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/media?parent=8402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/categories?post=8402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lh.pl\/pomoc\/wp-json\/wp\/v2\/tags?post=8402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}