{"id":15781,"date":"2026-11-14T18:40:00","date_gmt":"2026-11-14T17:40:00","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?p=15781"},"modified":"2026-10-26T12:18:52","modified_gmt":"2026-10-26T11:18:52","slug":"jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej","status":"publish","type":"post","link":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/","title":{"rendered":"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej"},"content":{"rendered":"<p>Serwer mo\u017ce dostarcza\u0107 r\u00f3\u017cne formaty obrazu pod tym samym adresem. Nag\u0142\u00f3wek \u017c\u0105dania <code>Accept<\/code> okre\u015bla preferowane typy medi\u00f3w, a nag\u0142\u00f3wek odpowiedzi <code>Vary<\/code> pomaga pami\u0119ci cache wybra\u0107 pasuj\u0105c\u0105 zapisan\u0105 odpowied\u017a. Inny typ zawarto\u015bci ani brak nag\u0142\u00f3wka nie dowodz\u0105 jednak b\u0142\u0119dnego wy\u015bwietlania obrazu.<\/p>\n<p>Historyczna kontrola dwudziestu stron g\u0142\u00f3wnych z 6 wrze\u015bnia 2026 r. obj\u0119\u0142a 1345 wpis\u00f3w obraz\u00f3w i pr\u00f3b\u0119 76 adres\u00f3w. Zapisane wyniki pozostaj\u0105 przydatne, ale pierwotna interpretacja przecenia\u0142a metod\u0119: implementacja por\u00f3wnywa\u0142a \u017c\u0105danie GET z HEAD, a nie dwa poza tym jednakowe \u017c\u0105dania GET. GET \u017c\u0105da nag\u0142\u00f3wk\u00f3w i tre\u015bci odpowiedzi; HEAD \u017c\u0105da nag\u0142\u00f3wk\u00f3w bez tre\u015bci odpowiedzi. Poni\u017cszy opis oddziela zapisane warto\u015bci od wniosk\u00f3w wymagaj\u0105cych nowego, kontrolowanego testu.<\/p>\n<figure class=\"lw-diagram\"><img decoding=\"async\" src=\"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/diagrams\/dia-15781-imageaccept-20261025.png\" width=\"1120\" height=\"580\" loading=\"lazy\" alt=\"Pr\u00f3ba historyczna: dwadzie\u015bcia stron, 76 adres\u00f3w obraz\u00f3w, czterna\u015bcie r\u00f3\u017cnic typ\u00f3w w por\u00f3wnaniu GET\/HEAD, 783 niepe\u0142ne pary wymiar\u00f3w.\"><figcaption>Zapisane wyniki z 6 wrze\u015bnia 2026 r.; r\u00f3\u017cne metody uniemo\u017cliwiaj\u0105 odr\u0119bny dow\u00f3d wp\u0142ywu Accept.<\/figcaption><\/figure>\n<h2>Co rzeczywi\u015bcie zapisano w pr\u00f3bie<\/h2>\n<p>W czternastu z 76 par zadeklarowane typy medi\u00f3w by\u0142y r\u00f3\u017cne. Sze\u015b\u0107 pr\u00f3bek New York Times wskazywa\u0142o WebP wobec JPEG z <code>Vary: Accept<\/code>. Sze\u015b\u0107 pr\u00f3bek Zeit wskazywa\u0142o WebP wobec JPEG bez zapisanej warto\u015bci Vary, a dwie pr\u00f3bki Onetu \u2014 AVIF wobec PNG r\u00f3wnie\u017c bez tej warto\u015bci. W pozosta\u0142ych 62 parach zadeklarowany typ by\u0142 taki sam. Nie oznacza to potwierdzenia identycznej zawarto\u015bci plik\u00f3w.<\/p>\n<p>\u017b\u0105dania r\u00f3\u017cni\u0142y si\u0119 zar\u00f3wno metod\u0105, jak i Accept. Ponadto \u017c\u0105danie alternatywne zawiera\u0142o <code>Accept: image\/*<\/code>. Taki zapis dopuszcza AVIF i WebP, wi\u0119c nie odwzorowuje przegl\u0105darki bez obs\u0142ugi tych format\u00f3w. Czterna\u015bcie r\u00f3\u017cnic stanowi wskaz\u00f3wki do dalszej kontroli, a nie samodzielny dow\u00f3d negocjacji na podstawie Accept. Zbi\u00f3r zawiera podsumowania, bez obu plik\u00f3w odpowiedzi i kompletnych surowych nag\u0142\u00f3wk\u00f3w.<\/p>\n<h2>Dok\u0142adniejsze por\u00f3wnanie<\/h2>\n<p>Kontrolowane por\u00f3wnanie wymaga dw\u00f3ch GET, tego samego adresu i jednakowych opcji poza Accept. \u017b\u0105danie bazowe mo\u017ce jawnie wykluczy\u0107 AVIF i WebP przez <code>q=0<\/code>; zapis <code>image\/*<\/code> nie wyklucza \u017cadnego z tych format\u00f3w. Accept okre\u015bla preferencje \u017c\u0105dania. Zgodno\u015b\u0107 faktycznej odpowiedzi nadal wymaga sprawdzenia.<\/p>\n<p>Przydatne dane obejmuj\u0105 ko\u0144cowy URL, status, zadeklarowany typ medi\u00f3w, rzeczywisty format pliku, liczb\u0119 bajt\u00f3w, skr\u00f3t zawarto\u015bci i pe\u0142ne nag\u0142\u00f3wki. Jednakowy typ i d\u0142ugo\u015b\u0107 nie dowodz\u0105 jednakowych bajt\u00f3w. R\u00f3\u017cne bajty mog\u0105 tak\u017ce wynika\u0107 ze zmiany obrazu, dzia\u0142ania CDN albo czasu pobrania. Powt\u00f3rzenia oraz dost\u0119pna konfiguracja serwera pozwalaj\u0105 lepiej ustali\u0107 przyczyn\u0119.<\/p>\n<h2>Vary okre\u015bla ponowne u\u017cycie odpowiedzi<\/h2>\n<p>Je\u017celi odpowied\u017a dopuszczona do cache jest wybierana wed\u0142ug Accept, <code>Vary: Accept<\/code> zwykle przekazuje to kryterium wyboru. Cache nie mo\u017ce po prostu ponownie u\u017cy\u0107 takiej odpowiedzi dla \u017c\u0105dania z niepasuj\u0105c\u0105 warto\u015bci\u0105 Accept. HTTP dopuszcza normalizacj\u0119 przy por\u00f3wnaniu warto\u015bci; oddzielna kopia dla ka\u017cdej r\u00f3\u017cnicy zapisu nie jest nieuniknionym wymogiem.<\/p>\n<p>Mo\u017cliwo\u015b\u0107 przechowywania i ponownego u\u017cycia zale\u017cy r\u00f3wnie\u017c od dyrektyw cache, aktualno\u015bci i konfiguracji. Brak Vary mo\u017ce powodowa\u0107 ryzyko niew\u0142a\u015bciwego u\u017cycia odpowiedzi, ale historyczna pr\u00f3ba nie wykaza\u0142a faktycznie b\u0142\u0119dnej odpowiedzi CDN. Ograniczenia takie jak <code>no-store<\/code> i \u015bwiadomie skonfigurowany klucz cache zmieniaj\u0105 ocen\u0119. <code>Vary: *<\/code> uniemo\u017cliwia bezpo\u015brednie ponowne u\u017cycie bez walidacji.<\/p>\n<p>Kontrola wymaga por\u00f3wnania pe\u0142nych nazw nag\u0142\u00f3wk\u00f3w. <code>Vary: Accept-Encoding<\/code> dotyczy kodowania zawarto\u015bci, a nie tego samego kryterium co <code>Vary: Accept<\/code>. Wyszukiwanie samego fragmentu <code>accept<\/code> mo\u017ce pomyli\u0107 oba przypadki.<\/p>\n<h2>Potwierdzona lekcja z narz\u0119dzia<\/h2>\n<p>Starsza lokalna implementacja przekazywa\u0142a \u017c\u0105dany nag\u0142\u00f3wek w opcji <code>accept<\/code>. Wsp\u00f3lna biblioteka pobierania oczekuje opcji <code>kopfzeilen<\/code>. Por\u00f3wnanie tych plik\u00f3w \u017ar\u00f3d\u0142owych potwierdza niezgodno\u015b\u0107 interfejsu: b\u0142\u0119dna opcja nie przekazywa\u0142a \u017c\u0105danego nag\u0142\u00f3wka. Test powinien zatem sprawdza\u0107 wychodz\u0105ce \u017c\u0105danie, a nie tylko symulowan\u0105 odpowied\u017a. Jednakowe odpowiedzi same w sobie nie wykluczaj\u0105 negocjacji.<\/p>\n<h2>Wymiary, \u0142adowanie i tekst alternatywny<\/h2>\n<p>Zapisana analiza HTML wykaza\u0142a 783 z 1345 wpis\u00f3w z brakiem co najmniej jednego prawid\u0142owego wymiaru liczbowego. Nie jest to liczba obraz\u00f3w bez obu atrybut\u00f3w. Sze\u015b\u0107 badanych stron mia\u0142o prawid\u0142owe wymiary przy ka\u017cdym wykrytym obrazie. W przypadku Heise pe\u0142nej poprawnej pary brakowa\u0142o przy 423 z 426 wpis\u00f3w.<\/p>\n<p>Odpowiednie <code>width<\/code> i <code>height<\/code> pomagaj\u0105 zarezerwowa\u0107 proporcje przed za\u0142adowaniem obrazu. Miejsce mo\u017ce r\u00f3wnie\u017c rezerwowa\u0107 CSS. Brak atrybut\u00f3w oznacza wi\u0119c punkt do sprawdzenia, a nie zmierzone przesuni\u0119cie uk\u0142adu. Cumulative Layout Shift mierzy, jak bardzo widoczna tre\u015b\u0107 niespodziewanie przesuwa si\u0119 na stronie. Pomiar wymaga obserwacji faktycznie wy\u015bwietlanej strony.<\/p>\n<p>Liczba 762 tak\u017ce wynika z przybli\u017cenia: wpisy te wyst\u0119puj\u0105 po pierwszych trzech obrazach w kodzie \u017ar\u00f3d\u0142owym i nie maj\u0105 <code>loading=\"lazy\"<\/code>. Nie mierzono obszaru widocznego ani uk\u0142adu CSS. Kolejno\u015b\u0107 w HTML nie dowodzi niewidoczno\u015bci; wa\u017cny obraz widoczny od pocz\u0105tku nie powinien \u0142adowa\u0107 si\u0119 p\u00f3\u017aniej tylko z powodu czwartej pozycji w kodzie.<\/p>\n<p>W 27 wpisach brakuje atrybutu alt. Puste <code>alt=\"\"<\/code> mo\u017ce by\u0107 w\u0142a\u015bciwe dla obraz\u00f3w czysto dekoracyjnych albo informacji ju\u017c przedstawionych w s\u0105siednim tek\u015bcie. O zasadno\u015bci decyduje funkcja obrazu w kontek\u015bcie. Obrazy informacyjne i funkcjonalne wymagaj\u0105 odpowiedniego dost\u0119pnego odpowiednika.<\/p>\n<h2>Granice pr\u00f3by<\/h2>\n<p>Narz\u0119dzie wybiera\u0142o najwy\u017cej sze\u015b\u0107 r\u00f3\u017cnych adres\u00f3w obraz\u00f3w na stron\u0119 z wykrytego HTML. Nie obejmowa\u0142o to wszystkich te\u0142 CSS, obraz\u00f3w tworzonych skryptem ani wariant\u00f3w responsywnych faktycznie wybieranych przez przegl\u0105dark\u0119. Sze\u015b\u0107 pr\u00f3bek nie dowodzi r\u00f3wnie\u017c zachowania ca\u0142ej us\u0142ugi dostarczania obraz\u00f3w.<\/p>\n<p>Trzy rekordy nie zawieraj\u0105 wykrytych obraz\u00f3w: Stack Overflow odpowiedzia\u0142 kodem 429, Allegro kodem 403, a zapisana odpowied\u017a Bund nie da\u0142a wpis\u00f3w obraz\u00f3w. Nie dowodzi to braku obraz\u00f3w na tych stronach ani zale\u017cno\u015bci dw\u00f3ch stron od JavaScriptu. Odmowa lub ograniczenie dost\u0119pu opisuje konkretn\u0105 pr\u00f3b\u0119 \u017c\u0105dania, a nie pe\u0142n\u0105 wizyt\u0119 w przegl\u0105darce.<\/p>\n<h2>Por\u00f3wnanie jednego adresu z ograniczeniami pobierania<\/h2>\n<p>Poni\u017cszy przyk\u0142ad Bash wymaga curl od wersji 8.4, <code>file<\/code> i GNU coreutils. Przyk\u0142adowy adres jest symbolem zast\u0119pczym. Oba \u017c\u0105dania u\u017cywaj\u0105 GET, przekierowania pozostaj\u0105 przy HTTPS, a ka\u017cde pobranie ma limit 10 MiB i 30 sekund. Wyniki pozostaj\u0105 w nowo utworzonym katalogu tymczasowym do analizy.<\/p>\n<figure style=\"--cbb-digits:2\" class=\"cbb cbb--wrap cbb--numbers wp-block-code-beautifier-block-code\" data-lang=\"bash\"><figcaption class=\"cbb-head\"><span class=\"cbb-lang\">Shell<\/span><span class=\"cbb-actions\"><button type=\"button\" class=\"cbb-button cbb-button--wrap\" data-cbb-action=\"wrap\" aria-pressed=\"true\" title=\"Wrap long lines\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path d=\"M2 4h12M2 8h9.5a2.5 2.5 0 0 1 0 5H8m0 0 1.5-1.5M8 13l1.5 1.5M2 12h3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span class=\"cbb-sr\">Wrap long lines<\/span><\/button><button type=\"button\" class=\"cbb-button cbb-button--copy\" data-cbb-action=\"copy\" data-cbb-done=\"Copied\" data-cbb-failed=\"Press Ctrl+C to copy\"><svg aria-hidden=\"true\" focusable=\"false\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><rect x=\"5.5\" y=\"5.5\" width=\"8\" height=\"8.5\" rx=\"1.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M10.5 3.5V3A1.5 1.5 0 0 0 9 1.5H4A1.5 1.5 0 0 0 2.5 3v6.5A1.5 1.5 0 0 0 4 11h.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg><span class=\"cbb-button-label\" aria-live=\"polite\">Copy<\/span><\/button><\/span><\/figcaption><pre class=\"cbb-pre\" tabindex=\"0\"><code class=\"cbb-code language-bash\" style=\"counter-reset:cbb-line 0;\"><span class=\"cbb-line\"><span class=\"cbb-comment\">#!\/usr\/bin\/env bash<\/span>\n<\/span><span class=\"cbb-line\"><span class=\"cbb-keyword\">set<\/span> <span class=\"cbb-attr\">-euo<\/span> pipefail\n<\/span><span class=\"cbb-line\">url=<span class=\"cbb-string\">'https:\/\/example.com\/image.png'<\/span>\n<\/span><span class=\"cbb-line\">out=<span class=\"cbb-variable\">$(<\/span>mktemp <span class=\"cbb-attr\">-d<\/span>)\n<\/span><span class=\"cbb-line\"><span class=\"cbb-function\">printf<\/span> <span class=\"cbb-string\">'Output: %s\\n'<\/span> <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$out<\/span><span class=\"cbb-string\">\"<\/span>\n<\/span><span class=\"cbb-line\"><span class=\"cbb-keyword\">for<\/span> variant <span class=\"cbb-keyword\">in<\/span> modern baseline<span class=\"cbb-operator\">;<\/span> <span class=\"cbb-keyword\">do<\/span>\n<\/span><span class=\"cbb-line\">  <span class=\"cbb-keyword\">if<\/span> &#91; <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$variant<\/span><span class=\"cbb-string\">\"<\/span> = modern &#93;<span class=\"cbb-operator\">;<\/span> <span class=\"cbb-keyword\">then<\/span>\n<\/span><span class=\"cbb-line\">    accept=<span class=\"cbb-string\">'image\/avif,image\/webp,image\/jpeg,image\/png;q=0.8,*\/*;q=0'<\/span>\n<\/span><span class=\"cbb-line\">  <span class=\"cbb-keyword\">else<\/span>\n<\/span><span class=\"cbb-line\">    accept=<span class=\"cbb-string\">'image\/jpeg,image\/png,image\/avif;q=0,image\/webp;q=0,*\/*;q=0'<\/span>\n<\/span><span class=\"cbb-line\">  <span class=\"cbb-keyword\">fi<\/span>\n<\/span><span class=\"cbb-line\">  <span class=\"cbb-function\">curl<\/span> <span class=\"cbb-attr\">--silent<\/span> <span class=\"cbb-attr\">--show-error<\/span> <span class=\"cbb-attr\">--fail<\/span> <span class=\"cbb-attr\">--location<\/span> \\\n<\/span><span class=\"cbb-line\">    <span class=\"cbb-attr\">--proto<\/span> <span class=\"cbb-string\">'=https'<\/span> <span class=\"cbb-attr\">--proto-redir<\/span> <span class=\"cbb-string\">'=https'<\/span> <span class=\"cbb-attr\">--max-redirs<\/span> <span class=\"cbb-number\">3<\/span> \\\n<\/span><span class=\"cbb-line\">    <span class=\"cbb-attr\">--connect-timeout<\/span> <span class=\"cbb-number\">10<\/span> <span class=\"cbb-attr\">--max-time<\/span> <span class=\"cbb-number\">30<\/span> <span class=\"cbb-attr\">--max-filesize<\/span> <span class=\"cbb-number\">10485760<\/span> \\\n<\/span><span class=\"cbb-line\">    <span class=\"cbb-attr\">-H<\/span> <span class=\"cbb-string\">\"Accept: <\/span><span class=\"cbb-variable\">$accept<\/span><span class=\"cbb-string\">\"<\/span> <span class=\"cbb-attr\">-D<\/span> <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$out<\/span><span class=\"cbb-string\">\/<\/span><span class=\"cbb-variable\">$variant<\/span><span class=\"cbb-string\">.headers\"<\/span> \\\n<\/span><span class=\"cbb-line\">    <span class=\"cbb-attr\">-o<\/span> <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$out<\/span><span class=\"cbb-string\">\/<\/span><span class=\"cbb-variable\">$variant<\/span><span class=\"cbb-string\">.body\"<\/span> \\\n<\/span><span class=\"cbb-line\">    <span class=\"cbb-attr\">-w<\/span> <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$variant<\/span><span class=\"cbb-string\"> status=%{http_code} type=%{content_type} url=%{url_effective}\\n\"<\/span> \\\n<\/span><span class=\"cbb-line\">    <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$url<\/span><span class=\"cbb-string\">\"<\/span>\n<\/span><span class=\"cbb-line\">  file <span class=\"cbb-attr\">--mime-type<\/span> <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$out<\/span><span class=\"cbb-string\">\/<\/span><span class=\"cbb-variable\">$variant<\/span><span class=\"cbb-string\">.body\"<\/span>\n<\/span><span class=\"cbb-line\">  <span class=\"cbb-function\">wc<\/span> <span class=\"cbb-attr\">-c<\/span> &lt; <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$out<\/span><span class=\"cbb-string\">\/<\/span><span class=\"cbb-variable\">$variant<\/span><span class=\"cbb-string\">.body\"<\/span>\n<\/span><span class=\"cbb-line\">  sha256sum <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$out<\/span><span class=\"cbb-string\">\/<\/span><span class=\"cbb-variable\">$variant<\/span><span class=\"cbb-string\">.body\"<\/span>\n<\/span><span class=\"cbb-line\"><span class=\"cbb-keyword\">done<\/span>\n<\/span><span class=\"cbb-line\"><span class=\"cbb-function\">printf<\/span> <span class=\"cbb-string\">'Full response headers: %s\/*.headers\\n'<\/span> <span class=\"cbb-string\">\"<\/span><span class=\"cbb-variable\">$out<\/span><span class=\"cbb-string\">\"<\/span><\/span><\/code><\/pre><\/figure>\n<p>Pliki nag\u0142\u00f3wk\u00f3w zawieraj\u0105 tak\u017ce odpowiedzi przekierowa\u0144. Znaczenie maj\u0105 Vary, Cache-Control i ewentualny ETag ostatniej odpowiedzi, wraz z wypisanym statusem i ko\u0144cowym URL. <code>file<\/code> pomaga rozpozna\u0107 format, ale nie zast\u0119puje pe\u0142nego testu dekodowania obrazu. Przypisanie r\u00f3\u017cnicy wy\u0142\u0105cznie Accept wymaga powt\u00f3rze\u0144.<\/p>\n<p><a href=\"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/image-delivery-format-negotiation-auditor\/\">Audytor dostarczania obraz\u00f3w i negocjacji format\u00f3w<\/a> stanowi punkt wyj\u015bcia do analizy ca\u0142ych stron. Implementacja sprawdzona dla tego artyku\u0142u nadal u\u017cywa por\u00f3wnania GET\/HEAD i przybli\u017cenia wed\u0142ug kolejno\u015bci w kodzie. Wynik nie odpowiada wi\u0119c przyk\u0142adowi z dwoma GET. Kontrola Vary wyszukuje ponadto fragment tekstu, przez co mo\u017ce b\u0142\u0119dnie sklasyfikowa\u0107 Accept-Encoding. Te ograniczenia wymagaj\u0105 uwzgl\u0119dnienia przed uznaniem negocjacji lub b\u0142\u0119du cache za potwierdzone.<\/p>\n<div class=\"lw-faq\"><h2>Pytania i odpowiedzi<\/h2><h3>Czy nowoczesne formaty mog\u0105 mie\u0107 osobne adresy?<\/h3><p>Tak. Element picture mo\u017ce udost\u0119pnia\u0107 \u017ar\u00f3d\u0142a z typami oraz zapasowy element img. Wyb\u00f3r przegl\u0105darki uwzgl\u0119dnia r\u00f3wnie\u017c warunki medi\u00f3w, kandydat\u00f3w responsywnych i wymagania wy\u015bwietlania. Je\u017celi ka\u017cdy adres dostarcza sta\u0142y skonfigurowany format, wyb\u00f3r mi\u0119dzy adresami unika zmienno\u015bci formatu wed\u0142ug Accept pod jednym URL. Inne przyczyny stosowania Vary mog\u0105 nadal istnie\u0107.<\/p><h3>Czy ka\u017cdy obraz po pierwszych trzech wymaga lazy loading?<\/h3><p>Nie. Znaczenie maj\u0105 wyrenderowany uk\u0142ad i pocz\u0105tkowy obszar widoczny. Obrazy po\u0142o\u017cone ni\u017cej mog\u0105 korzysta\u0107 z op\u00f3\u017anionego \u0142adowania. Obrazy widoczne od pocz\u0105tku, zw\u0142aszcza prawdopodobny obraz Largest Contentful Paint, nie powinny by\u0107 op\u00f3\u017aniane na podstawie samej pozycji w kodzie.<\/p><\/div>\n<div class=\"lw-quellen\"><h2>\u0179r\u00f3d\u0142a<\/h2><ul><li><a href=\"https:\/\/www.rfc-editor.org\/rfc\/rfc9110.html\" target=\"_blank\" rel=\"noopener noreferrer\">IETF RFC 9110: Znaczenie HTTP \u2013 Accept i Vary<\/a><\/li><li><a href=\"https:\/\/www.rfc-editor.org\/rfc\/rfc9111.html\" target=\"_blank\" rel=\"noopener noreferrer\">IETF RFC 9111: Pami\u0119\u0107 podr\u0119czna HTTP \u2013 dopasowanie Vary<\/a><\/li><li><a href=\"https:\/\/web.dev\/articles\/optimize-cls\" target=\"_blank\" rel=\"noopener noreferrer\">Google web.dev: Ograniczanie nieoczekiwanych przesuni\u0119\u0107 uk\u0142adu<\/a><\/li><li><a href=\"https:\/\/web.dev\/articles\/browser-level-image-lazy-loading\" target=\"_blank\" rel=\"noopener noreferrer\">Google web.dev: Op\u00f3\u017anione \u0142adowanie obraz\u00f3w w przegl\u0105darce<\/a><\/li><li><a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decorative\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C WAI: Obrazy dekoracyjne<\/a><\/li><li><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/images.html\" target=\"_blank\" rel=\"noopener noreferrer\">WHATWG HTML: Obrazy i wyb\u00f3r \u017ar\u00f3de\u0142<\/a><\/li><li><a href=\"https:\/\/curl.se\/docs\/manpage.html\" target=\"_blank\" rel=\"noopener noreferrer\">curl: Dokumentacja polece\u0144<\/a><\/li><\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Historyczna pr\u00f3ba dwudziestu stron pokazuje r\u00f3\u017cne typy obraz\u00f3w, ale tak\u017ce ograniczenie por\u00f3wnania GET\/HEAD. Dok\u0142adniejsza metoda sprawdza osobno dwie odpowiedzi GET, faktyczne pliki i regu\u0142y cache.<\/p>\n","protected":false},"author":1,"featured_media":31105,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[154],"tags":[92238,92762,92283],"class_list":["post-15781","post","type-post","status-publish","format-standard","hentry","category-tutorials-pl-tworzenie-stron-internetowych","tag-tutorial-pl","tag-web-development-pl","tag-web-performance-pl"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej | Lukas Wojcik<\/title>\n<meta name=\"description\" content=\"Jak dzia\u0142a negocjacja formatu obraz\u00f3w, co zrobi\u0142o czterna\u015bcie z siedemdziesi\u0119ciu sze\u015bciu zbadanych obraz\u00f3w i dlaczego 783 z 1345 nie ma wymiar\u00f3w.\" \/>\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.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej | Lukas Wojcik\" \/>\n<meta property=\"og:description\" content=\"Jak dzia\u0142a negocjacja formatu obraz\u00f3w, co zrobi\u0142o czterna\u015bcie z siedemdziesi\u0119ciu sze\u015bciu zbadanych obraz\u00f3w i dlaczego 783 z 1345 nie ma wymiar\u00f3w.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/\" \/>\n<meta property=\"og:site_name\" content=\"Lukas Wojcik - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-14T17:40:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/11\/klarheit-20261111-15781.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lukas Wojcik\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lukas Wojcik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/\"},\"author\":{\"name\":\"Lukas Wojcik\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"headline\":\"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej\",\"datePublished\":\"2026-11-14T17:40:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/\"},\"wordCount\":1320,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/klarheit-20261111-15781.png\",\"keywords\":[\"Tutorial\",\"Web Development\",\"Web Performance\"],\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/\",\"name\":\"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej | Lukas Wojcik\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/klarheit-20261111-15781.png\",\"datePublished\":\"2026-11-14T17:40:00+00:00\",\"description\":\"Jak dzia\u0142a negocjacja formatu obraz\u00f3w, co zrobi\u0142o czterna\u015bcie z siedemdziesi\u0119ciu sze\u015bciu zbadanych obraz\u00f3w i dlaczego 783 z 1345 nie ma wymiar\u00f3w.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/klarheit-20261111-15781.png\",\"contentUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/klarheit-20261111-15781.png\",\"width\":1200,\"height\":630,\"caption\":\"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\",\"name\":\"Lukas Wojcik - Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\",\"name\":\"Lukas Wojcik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"width\":424,\"height\":636,\"caption\":\"Lukas Wojcik\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej | Lukas Wojcik","description":"Jak dzia\u0142a negocjacja formatu obraz\u00f3w, co zrobi\u0142o czterna\u015bcie z siedemdziesi\u0119ciu sze\u015bciu zbadanych obraz\u00f3w i dlaczego 783 z 1345 nie ma wymiar\u00f3w.","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.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/","og_locale":"en_US","og_type":"article","og_title":"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej | Lukas Wojcik","og_description":"Jak dzia\u0142a negocjacja formatu obraz\u00f3w, co zrobi\u0142o czterna\u015bcie z siedemdziesi\u0119ciu sze\u015bciu zbadanych obraz\u00f3w i dlaczego 783 z 1345 nie ma wymiar\u00f3w.","og_url":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/","og_site_name":"Lukas Wojcik - Blog","article_published_time":"2026-11-14T17:40:00+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/11\/klarheit-20261111-15781.png","type":"image\/png"}],"author":"Lukas Wojcik","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lukas Wojcik","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#article","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/"},"author":{"name":"Lukas Wojcik","@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"headline":"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej","datePublished":"2026-11-14T17:40:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/"},"wordCount":1320,"commentCount":0,"publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"image":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/11\/klarheit-20261111-15781.png","keywords":["Tutorial","Web Development","Web Performance"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/","url":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/","name":"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej | Lukas Wojcik","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#primaryimage"},"image":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/11\/klarheit-20261111-15781.png","datePublished":"2026-11-14T17:40:00+00:00","description":"Jak dzia\u0142a negocjacja formatu obraz\u00f3w, co zrobi\u0142o czterna\u015bcie z siedemdziesi\u0119ciu sze\u015bciu zbadanych obraz\u00f3w i dlaczego 783 z 1345 nie ma wymiar\u00f3w.","breadcrumb":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#primaryimage","url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/11\/klarheit-20261111-15781.png","contentUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/11\/klarheit-20261111-15781.png","width":1200,"height":630,"caption":"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/jaki-format-obrazu-otrzymuje-przegladarka-kontrola-wyboru-formatu-i-pamieci-podrecznej\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lukaswojcik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Jaki format obrazu otrzymuje przegl\u0105darka: kontrola wyboru formatu i pami\u0119ci podr\u0119cznej"}]},{"@type":"WebSite","@id":"https:\/\/www.lukaswojcik.com\/blog\/#website","url":"https:\/\/www.lukaswojcik.com\/blog\/","name":"Lukas Wojcik - Blog","description":"","publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lukaswojcik.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9","name":"Lukas Wojcik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","contentUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","width":424,"height":636,"caption":"Lukas Wojcik"},"logo":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg"},"sameAs":["https:\/\/www.lukaswojcik.com\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/15781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/comments?post=15781"}],"version-history":[{"count":8,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/15781\/revisions"}],"predecessor-version":[{"id":33091,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/15781\/revisions\/33091"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/media\/31105"}],"wp:attachment":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/media?parent=15781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/categories?post=15781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/tags?post=15781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}