{"id":1164,"date":"2025-09-14T07:20:31","date_gmt":"2025-09-14T07:20:31","guid":{"rendered":"\/pl\/tutoriale\/?p=1164"},"modified":"2025-09-14T07:20:33","modified_gmt":"2025-09-14T07:20:33","slug":"rozmiary-obrazow-w-wordpress","status":"publish","type":"post","link":"\/pl\/tutoriale\/rozmiary-obrazow-w-wordpress\/","title":{"rendered":"Rozmiary obraz\u00f3w w WordPress: poznaj domy\u015blne rozmiary i jak je zmieni\u0107"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Praca z obrazami w WordPress potrafi by&#263; wyzwaniem. Je&#347;li zignorujesz wymagania i rozdzielczo&#347;ci, strona mo&#380;e wygl&#261;da&#263; chaotycznie, a czas &#322;adowania strony si&#281; wyd&#322;u&#380;y.<\/p><p class=\"wp-block-paragraph\">Dlatego warto pozna&#263; domy&#347;lne rozmiary obraz&oacute;w oraz to, jak je zmieni&#263;. W tym artykule wyja&#347;niamy wszystko, co musisz wiedzie&#263; o rozmiarach obraz&oacute;w WordPress, jak je zmieni&#263;, doda&#263; niestandardowe rozmiary i jak u&#380;y&#263; wtyczki, aby zregenerowa&#263; miniatury.<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-co-to-sa-domyslne-rozmiary-obrazow-w-wordpress\"><strong>Co to s&#261; domy&#347;lne rozmiary obraz&oacute;w w WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Po przes&#322;aniu obrazu WordPress tworzy cztery warianty w nast&#281;puj&#261;cych rozdzielczo&#347;ciach:<\/p><ul class=\"wp-block-list\">\n<li><strong>Miniatura (Thumbnail): <\/strong>150 &times; 150 pikseli<\/li>\n\n\n\n<li><strong>&#346;redni (Medium): <\/strong>maks. 300 &times; 300 pikseli<\/li>\n\n\n\n<li><strong>Du&#380;y (Large): <\/strong>maks.<strong> <\/strong>1024 &times; 1024 piksele<\/li>\n\n\n\n<li><strong>Pe&#322;ny (Full size): <\/strong>oryginalny rozmiar obrazu przes&#322;anego pliku<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-jak-wordpress-przetwarza-obrazy\"><strong>Jak WordPress przetwarza obrazy<\/strong><\/h3><p class=\"wp-block-paragraph\">Po przes&#322;aniu obrazu do biblioteki multimedi&oacute;w WordPress automatycznie wygeneruje dodatkowe obrazy w trzech domy&#347;lnych rozmiarach i zapisze je oddzielnie.<\/p><p class=\"wp-block-paragraph\">W zwi&#261;zku z tym podczas przesy&#322;ania obrazu zobaczysz cztery opcje obrazu. Pierwsze trzy opcje to domy&#347;lne rozmiary obraz&oacute;w WordPress, natomiast opcja pe&#322;nego rozmiaru to oryginalny rozmiar przes&#322;anego obrazu.<\/p><p class=\"wp-block-paragraph\">WordPress tworzy te opcje, poniewa&#380; umieszczanie obraz&oacute;w w r&oacute;&#380;nych miejscach wymaga r&oacute;&#380;nych rozdzielczo&#347;ci. Na przyk&#322;ad miniatura mo&#380;e mie&#263; inn&#261; rozdzielczo&#347;&#263; ni&#380; grafika u&#380;ywana w suwaku, co czasem wymaga automatycznego przycinania obrazu.<\/p><p class=\"wp-block-paragraph\">Dzi&#281;ki temu nie musisz r&#281;cznie edytowa&#263; i zmienia&#263; rozmiaru obraz&oacute;w, je&#347;li chcesz u&#380;ywa&#263; tych samych obraz&oacute;w w r&oacute;&#380;nych miejscach z r&oacute;&#380;nymi rozdzielczo&#347;ciami &ndash; to tak&#380;e kwestia optymalizacji obraz&oacute;w dla strony. Potrzebny jest tylko jeden obraz, a WordPress zajmie si&#281; reszt&#261;.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.hostinger.pl\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-1117\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=1536,fit=scale-down 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-jak-zmienic-domyslne-rozmiary-obrazow-w-wordpress\"><strong>Jak zmieni&#263; domy&#347;lne rozmiary obraz&oacute;w w WordPress<\/strong><\/h2><p class=\"wp-block-paragraph\">Chocia&#380; WordPress oferuje ju&#380; trzy domy&#347;lne rozmiary, je&#347;li uznasz, &#380;e te opcje nie odpowiadaj&#261; Twoim potrzebom, istniej&#261; alternatywne rozwi&#261;zania pozwalaj&#261;ce uzyska&#263; najlepszy rozmiar obraz&oacute;w na stronie internetowej. By&#263; mo&#380;e potrzebujesz mniejszych miniatur lub szerszych obraz&oacute;w wyr&oacute;&#380;nionych. W takim przypadku musisz zmieni&#263; domy&#347;lny rozmiar obraz&oacute;w w WordPress. Aby to zrobi&#263;, wykonaj poni&#380;sze czynno&#347;ci:<\/p><ol class=\"wp-block-list\">\n<li>Przejd&#378; do panelu administracyjnego.<\/li>\n\n\n\n<li>Najed&#378; kursorem na <strong>Ustawienia <\/strong>&rarr;<strong> Media.<\/strong><\/li>\n\n\n\n<li>W oknie Ustawienia medi&oacute;w mo&#380;esz dostosowa&#263; &#380;&#261;dane rozmiary pikseli dla ka&#380;dego rozmiaru.<\/li>\n\n\n\n<li>Kliknij przycisk <strong>Zapisz zmiany<\/strong>, aby zapisa&#263; ustawienia.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a6e56256efa2\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6e56256efa2\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"891\" height=\"620\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/media-settings.png\/public\" alt=\"Ustawienia rozmiar&oacute;w obraz&oacute;w w WordPress\" class=\"wp-image-1172\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/media-settings.png\/w=891,fit=scale-down 891w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/media-settings.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/media-settings.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 891px) 100vw, 891px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-jak-dodac-wlasny-niestandardowy-rozmiar-obrazu\"><strong>Jak doda&#263; w&#322;asny niestandardowy rozmiar obrazu<\/strong><\/h2><p class=\"wp-block-paragraph\">Masz wi&#281;c trzy domy&#347;lne rozmiary. Za&#322;&oacute;&#380;my, &#380;e masz obrazek w rozmiarze miniaturki dla miniaturki, obrazek w &#347;rednim rozmiarze dla obrazka w po&#347;cie i obrazek w du&#380;ym rozmiarze dla obrazka wyr&oacute;&#380;nionego.<\/p><p class=\"wp-block-paragraph\">Ale zdajesz sobie spraw&#281;, &#380;e potrzebujesz wi&#281;cej domy&#347;lnych rozmiar&oacute;w obraz&oacute;w dla baner&oacute;w pop-up i wid&#380;et&oacute;w. W takim przypadku mo&#380;esz doda&#263; niestandardowe rozmiary obraz&oacute;w WordPress, aby spe&#322;ni&#263; te potrzeby.<\/p><h3 class=\"wp-block-heading\" id=\"h-krok-1-dodaj-niestandardowy-rozmiar-przez-edycje-functions-php\"><strong>Krok 1. Dodaj niestandardowy rozmiar przez edycj&#281; functions.php<\/strong><\/h3><p class=\"wp-block-paragraph\">Niekt&oacute;re motywy oferuj&#261; dodatkowe rozmiary, ale je&#347;li ich brakuje, mo&#380;esz doda&#263; w&#322;asne.<\/p><p>\n\n\n<div class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                <strong>Wa&#380;ne! <\/strong>B&#281;dziemy zajmowa&#263; si&#281; kodem. Dlatego przed wprowadzeniem jakichkolwiek zmian, np. podczas edycji obraz&oacute;w, nale&#380;y wykona&#263; kopi&#281; zapasow&#261; plik&oacute;w i utworzy&#263; motyw potomny WordPress.\n            <\/p><\/div>\n\n\n\n<\/p><p class=\"wp-block-paragraph\">1. Przejd&#378; do panelu administracyjnego.<\/p><p class=\"wp-block-paragraph\">2. Najed&#378; kursorem na <strong>Wygl&#261;d<\/strong> &rarr; <strong>Edytor<\/strong>.<\/p><p class=\"wp-block-paragraph\">3. Edytuj plik <strong>functions.php<\/strong>.<\/p><p class=\"wp-block-paragraph\">4. Skopiuj poni&#380;szy skrypt i wklej go do pliku.<\/p><pre class=\"wp-block-code\"><code>add_theme_support( 'pop-up-banner' );<\/code><\/pre><p class=\"wp-block-paragraph\">5. Kliknij przycisk <strong>Aktualizuj plik<\/strong>.<\/p><p class=\"wp-block-paragraph\">Powy&#380;szy skrypt aktywuje funkcj&#281; <strong>add_image_size()<\/strong>. Je&#347;li ta funkcja jest ju&#380; aktywna, mo&#380;esz doda&#263; nowe obrazy WordPress, takie jak poni&#380;sze:<\/p><pre class=\"wp-block-code\"><code>add_image_size( 'pop-up banner size', 1000, 590 );\n\nadd_image_size( 'widget size', 220, 180 );<\/code><\/pre><p class=\"wp-block-paragraph\">W tych przyk&#322;adach nale&#380;y poda&#263; dodatkow&#261; nazw&#281; rozmiaru &bdquo;Rozmiar banera pop-up&rdquo; i &bdquo;Rozmiar wid&#380;etu&rdquo;. Dwie liczby nast&#281;puj&#261;ce po nazwie rozmiaru oznaczaj&#261; szeroko&#347;&#263; i wysoko&#347;&#263;.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a6e5625718d5\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6e5625718d5\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"463\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/edit-functions-php-file.jpg\/public\" alt=\"Edytuj plik functions.php i dodaj niestandardowe rozmiary obraz&oacute;w WordPress\" class=\"wp-image-1171\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/edit-functions-php-file.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/edit-functions-php-file.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/edit-functions-php-file.jpg\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-krok-2-wyswietl-niestandardowe-rozmiary-w-motywie\"><strong>Krok 2. Wy&#347;wietl niestandardowe rozmiary w motywie<\/strong><\/h3><p class=\"wp-block-paragraph\">Niestandardowe rozmiary obraz&oacute;w zosta&#322;y pomy&#347;lnie dodane, jednak nie zosta&#322;y one wy&#347;wietlone w Twoim motywie WordPress. Teraz musisz w&#322;&#261;czy&#263; nowe rozmiary obraz&oacute;w w swoim motywie.<\/p><p class=\"wp-block-paragraph\">Najpierw wykonaj kopi&#281; zapasow&#261; swojej strony przed wprowadzeniem jakichkolwiek zmian. Otw&oacute;rz plik motywu w p&#281;tli post&oacute;w i edytuj go. Nast&#281;pnie wklej ten kod:<\/p><pre class=\"wp-block-code\"><code>&lt;?php the_post_thumbnail( tw&oacute;j-okre&#347;lony-rozmiar-zdj&#281;cia ); ?&gt;<\/code><\/pre><p class=\"wp-block-paragraph\">Powiniene&#347; zmieni&#263; tw&oacute;j-okre&#347;lony-rozmiar-zdj&#281;cia z nazw&#261; ustawion&#261; w poprzednim kroku. Na przyk&#322;ad mo&#380;na zmieni&#263; go na rozmiar banera pop-up. Po wykonaniu tych czynno&#347;ci, podczas przesy&#322;ania obraz&oacute;w do biblioteki multimedi&oacute;w, b&#281;d&#261; dost&#281;pne opcje rozmiaru banera pop-up.<\/p><h2 class=\"wp-block-heading\" id=\"h-jak-zregenerowac-rozmiary-obrazow-wtyczka\"><strong>Jak zregenerowa&#263; rozmiary obraz&oacute;w wtyczk&#261;<\/strong><\/h2><p class=\"wp-block-paragraph\">Ustawienie nowego niestandardowego rozmiaru obrazu w WordPress nie wp&#322;ynie na poprzednie obrazy. Dlatego nale&#380;y ponownie wygenerowa&#263; poprzednie niestandardowe rozmiary obraz&oacute;w.<\/p><p class=\"wp-block-paragraph\">Na szcz&#281;&#347;cie nie trzeba tego robi&#263; r&#281;cznie, jeden po drugim. Istnieje wtyczka o nazwie Regenerate Thumbnails, kt&oacute;ra pomo&#380;e zaktualizowa&#263; poprzedni rozmiar obrazu. Aby to zrobi&#263;, wykonaj poni&#380;sze czynno&#347;ci.<\/p><ul class=\"wp-block-list\">\n<li>Przejd&#378; do panelu administracyjnego.<\/li>\n\n\n\n<li>Kliknij <strong>Wtyczki<\/strong> &rarr; <strong>Dodaj now&#261;<\/strong>.<\/li>\n\n\n\n<li>Wpisz <strong>&bdquo;Regeneruj miniatury&rdquo;<\/strong> w pasku wyszukiwania.<\/li>\n\n\n\n<li>Zainstaluj i aktywuj wtyczk&#281;.<\/li>\n\n\n\n<li>Teraz przejd&#378; do <strong>Narz&#281;dzia<\/strong> &rarr; <strong>Regeneruj miniatury<\/strong><\/li>\n\n\n\n<li>Kliknij przycisk <strong>Regeneruj miniatury dla X za&#322;&#261;cznik&oacute;w<\/strong>.<\/li>\n\n\n\n<li>Teraz wszystkie wcze&#347;niej przes&#322;ane obrazy zostan&#261; zregenerowane zgodnie z nowymi ustawieniami obrazu.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a6e562573a4e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a6e562573a4e\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"370\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/regenerate-thumbnails.jpg\/public\" alt=\"Instrukcja regeneracji miniatur w WordPress\" class=\"wp-image-1170\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/regenerate-thumbnails.jpg\/w=900,fit=scale-down 900w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/regenerate-thumbnails.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/regenerate-thumbnails.jpg\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-podsumowanie\"><strong>Podsumowanie<\/strong><\/h2><p class=\"wp-block-paragraph\">Rozmiary obraz&oacute;w w WordPress mog&#261; wydawa&#263; si&#281; b&#322;ah&#261; spraw&#261;, ale w rzeczywisto&#347;ci mog&#261; przysporzy&#263; sporo k&#322;opot&oacute;w. Czasami mo&#380;e si&#281; okaza&#263;, &#380;e przes&#322;any plik obrazu nie ma po&#380;&#261;danego rozmiaru.<\/p><p class=\"wp-block-paragraph\">Aby rozwi&#261;za&#263; ten problem, mo&#380;esz wypr&oacute;bowa&#263; dwie metody. Mo&#380;esz zmieni&#263; domy&#347;lne rozmiary obraz&oacute;w lub doda&#263; niestandardowe. Przed ustawieniem nowego rozmiaru pami&#281;taj, &#380;e przesy&#322;anie du&#380;ych obraz&oacute;w o wysokiej rozdzielczo&#347;ci nie jest dobrym pomys&#322;em. Du&#380;e obrazy zajmuj&#261; du&#380;o miejsca i spowalniaj&#261; czas &#322;adowania, a tym samym obni&#380;aj&#261; wydajno&#347;&#263; strony.<\/p><p class=\"wp-block-paragraph\">Mamy nadziej&#281;, &#380;e ten artyku&#322; pomo&#380;e Ci wybra&#263; odpowiednie obrazy, w odpowiednim miejscu i o odpowiednich rozmiarach.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Praca z obrazami w WordPress potrafi by&#263; wyzwaniem. Je&#347;li zignorujesz wymagania i rozdzielczo&#347;ci, strona mo&#380;e wygl&#261;da&#263; chaotycznie, a czas &#322;adowania strony si&#281; wyd&#322;u&#380;y. Dlatego warto pozna&#263; domy&#347;lne rozmiary obraz&oacute;w oraz to, jak je zmieni&#263;. W tym artykule wyja&#347;niamy wszystko, co musisz wiedzie&#263; o rozmiarach obraz&oacute;w WordPress, jak je zmieni&#263;, doda&#263; niestandardowe rozmiary i jak u&#380;y&#263; [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pl\/tutoriale\/rozmiary-obrazow-w-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":553,"featured_media":1173,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Rozmiary obraz\u00f3w w WordPress: co to jest i jak je zmieni\u0107 %page% %sep% %sitename%","rank_math_description":"Poznaj domy\u015blne rozmiary obraz\u00f3w w WordPress i zobacz, jak je zmieni\u0107, doda\u0107 w\u0142asne rozmiary oraz zregenerowa\u0107 miniatury za pomoc\u0105 wtyczki.","rank_math_focus_keyword":"rozmiary obraz\u00f3w w WordPress","footnotes":""},"categories":[2],"tags":[],"class_list":["post-1164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-images-sizes\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/tamanho-imagens-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"pl-PL","link":"https:\/\/www.hostinger.com\/pl\/tutoriale\/rozmiary-obrazow-w-wordpress\/","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-images-sizes\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/tamanos-de-imagenes-en-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/tamanho-imagens-wordpress\/","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/users\/553"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts\/1164\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts\/1164\/revisions\/1176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/media\/1173"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/media?parent=1164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/categories?post=1164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/tags?post=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}