WordPress Velikosti obrázků: Jak fungují obrázky na WordPress a osvědčené postupy pro vaše webové stránky

Maddy Osman
7 min.
Nejlepší WordPress  Obrázky Velikosti

Pomocí webu WordPress můžete snadno přidávat obrázky do příspěvků a stránek blogu. Aby však tyto obrázky vypadaly dobře, měli byste zvolit správnou velikost obrázku. Právě o tom dnes mluvíme: WordPress Velikosti obrázků.

Je důležité vědět, jak fungují velikosti obrázků na webových stránkách WordPress a jak můžete na své webové stránky přidat vlastní velikosti obrázků. Pak můžete použít nejvhodnější typ souboru obrázku ve správné velikosti a na správném místě. 

Správná velikost obrázku nejenže zajistí ucelenější vzhled vašich webových stránek, ale také usnadní sdílení příspěvků na blogu. V tomto článku se dozvíte, jak používat správné velikosti obrázků na webu WordPress .

Zabýváme se následujícími tématy: 

  • Jak WordPress spravuje nahrané obrázky
  • Jak měnit velikost a upravovat obrázky v aplikaci WordPress
  • Nejlepší velikosti obrázků pro WordPress
  • Osvědčené postupy pro velikost obrázků na WordPress
  • Jak přidat vlastní velikosti obrázků WordPress
  • Závěr k velikosti obrázků WordPress a obecným osvědčeným postupům

Jak WordPress spravuje nahrané obrázky

Jak již bylo zmíněno, velikost obrázku je důležitá pro WordPress . Pokud zvolíte špatnou velikost, budou vaše snímky vypadat rozmazaně. A co hůř, pokud jsou obrázky příliš velké, mohou zpomalit vaše webové stránky.

Nesprávná velikost obrázků může také narušit rozvržení stránky nebo příspěvku na blogu a způsobit zbytečné posouvání do stran. Dobrou zprávou je, že web WordPress má vestavěné nastavení, které vám pomůže těmto problémům předejít

WordPress Velikosti obrázků

  • Velikost miniatury: 150 x 150 pixelů
  • Střední velikost: 300 x 300 pixelů 
  • Největší velikost: 1024 x 1024 pixelů
  • Plná velikost: odpovídá původní velikosti nahraného obrázku ve výchozím nastavení.

Když nahrajete obrázek do WordPress tyto čtyři různé velikosti obrázků jsou vytvořeny ve výchozím nastavení. 

Důvod, proč WordPress vytváří tyto velikosti obrázků, je dvojí. Za prvé, nemusíte ručně měnit velikost obrázků. Za druhé zajišťuje, aby byla pro různá místa na webu vybrána správná velikost obrázku. 

NapříkladWordPress zobrazuje náhledy v seznamu příspěvků na blogu v postranním panelu nebo widgetu zápatí. Obrázek, který se má zobrazit v záhlaví nebo v samotném příspěvku, však musí být větší. Na webu WordPress je proto vybrána jedna z větších velikostí obrazu, aby byl obraz dobře viditelný. 

Pokud tedy chcete použít stejný obrázek na různých místech svých webových stránek, nemusíte ztrácet čas ruční změnou jeho velikosti nebo si pamatovat, jakou velikost obrázku potřebujete. Stačí nahrát obrázek - WordPress se postará o zbytek. 

Jak měnit velikost a upravovat obrázky v aplikaci WordPress

Pomocí webu WordPress můžete měnit velikost standardních obrázků v rámci webu WordPress . Stačí jen několik kliknutí a velikost obrázků je nastavena během okamžiku. 

Chcete-li změnit výchozí velikosti obrázků, přejděte do nabídky Nastavení > Média. Jak vidíte na obrázku, jsou zde uvedeny všechny výchozí velikosti obrázků. Můžete je snadno upravit zadáním požadovaných rozměrů.

Standardní velikosti obrázků v WordPress
Standardní velikosti obrázků v WordPress

Po úpravě standardních velikostí obrázků WordPress na požadované rozměry klikněte na tlačítko Uložit změny. V budoucnu budou všechny obrázky, které nahrajete na své webové stránky, přizpůsobeny novým rozměrům. 

Kdy byste měli změnit standardní velikosti obrázků WordPress .

V několika situacích může být nutné změnit výchozí velikost obrázků na adrese WordPress . Pokud jste si například zakoupili web WordPress Theme , který používá vlastní velikosti obrázků, a chcete zajistit, aby web WordPress změnil velikost nahraných obrázků na tyto rozměry. 

Dalším příkladem jsou kreativci, kteří potřebují k prezentaci své práce konkrétní velikost obrázků. Změna výchozích velikostí obrázků může být nutná také v případě, že máte internetový obchod a potřebujete konkrétní velikosti obrázků pro své produkty.

Nejlepší velikosti obrázků pro WordPress

Obrázky se na webu používají na mnoha různých místech. 

Zde jsou uvedeny nejvhodnější velikosti obrázků pro WordPress , podle toho, kde je chcete použít:

  • Obrázky pro blogpost by měly mít velikost 1200 x 630 pixelů.
  • Velikost obrázku záhlaví WordPress by měla být 1048 x 250 pixelů.
  • Hlavní obrázek by měl mít velikost 1200 x 900 pixelů v režimu na šířku nebo 900 x 1200 pixelů v režimu na výšku.
  • Obrázky na pozadí by měly mít rozlišení 1920 x 1080 pixelů.
  • Obrázky loga by měly mít velikost 200 x 100 pixelů.
  • Miniatury by měly mít velikost 150 x 150 pixelů.

Osvědčené postupy pro velikost obrázků na WordPress

Kromě správných velikostí obrázků existuje několik dalších osvědčených postupů pro WordPress . 

Optimalizace velikosti souborů obrázků

Obrázky jsou často jednou z hlavních příčin pomalého načítání. Pokud jsou vaše obrazové soubory příliš velké, bude muset publikum dlouho čekat, než je prohlížeč stáhne a zobrazí. 

Než tedy nahrajete fotografie na své webové stránky, měli byste zmenšit velikost jejich souborů. Obecně platí, že u obrázků byste se měli snažit o velikost souboru do 150 KB. Velikost souboru můžete snížit uložením obrázku v nižší kvalitě. 

U velkých fotografií, jako jsou například tapety, je třeba najít správnou rovnováhu mezi velikostí souboru a kvalitou. Jinými slovy, chcete zmenšit velikost souboru, ale zabránit tomu, aby byl obrázek rozpixelovaný.

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Můžete také použít nástroje pro kompresi obrázků. Ty vám pomohou zmenšit velikost souboru, aniž by došlo ke snížení kvality. Představujeme vám 5 stránek Plugins pro optimalizaci obrázků.

TinyPNG, nástroj pro kompresi obrázků
TinyPNG, nástroj pro kompresi obrázků

TinyJPG je online nástroj pro kompresi obrázků, který umožňuje výrazně zmenšit velikost obrázků - až o 70 procent - bez snížení kvality. 

Zdarma můžete najednou komprimovat až 20 obrázků o velikosti až 5 MB. Můžete se také zaregistrovat do plánu Pro společnosti TInyJPG, který začíná na 25 dolarech ročně za uživatele:in. Plán Pro umožňuje komprimovat více než 20 obrázků najednou a odstraňuje omezení velikosti 5 MB pro obrázky WordPress .  

TinyJPG je skvělé řešení pro obrázky, které chcete nahrát na své webové stránky. Ale co s obrázky, které již na webu máte? Tady je možné použít stránky Plugin , jako je např. ShortPixel vstupuje do hry. 

ShortPixel Image Optimizer Plugin pro WordPress
ShortPixel Image Optimizer Plugin pro WordPress

Stránka Plugin vám pomůže komprimovat obrázky, které jste již nahráli na své webové stránky. Zpracovává a komprimuje také všechny budoucí nahrané obrázky. Snižuje velikost souboru až o 75 procent bez znatelné ztráty kvality. 

Kromě toho můžete pomocí stránky Plugin převést všechny formáty obrázků JPG, PNG a GIF do formátů WebP a AVIF, které byly výslovně vyvinuty pro bezeztrátovou a ztrátovou kompresi obrázků na webu a v knihovně médií.

ShortPixel je zdarma až pro 100 obrázků měsíčně. Další obrazové kredity si můžete zakoupit za cenu od 4,99 USD za 7 000 obrazových kreditů.

Použijte správný typ obrázku

Na webu WordPress můžete nahrávat obrázky v různých formátech. Obrázky se obvykle ukládají jako JPG, PNG nebo GIF. Každý z těchto formátů má však své výhody a nevýhody. 

Zde je přehled různých typů obrázků :

  • JPG (JPEG ) je zkratka pro Joint Photographic Experts Group. Tento typ souboru podporuje 16 milionů barev a obvykle má nejmenší velikost souboru pro fotografie. Tento typ souboru se skvěle hodí pro obrázky na pozadí, produktové fotografie, hlavní obrázky a obecně pro všechny obrázky nebo fotografie, které chcete použít na svých webových stránkách. 
  • PNG je zkratka pro Portable Network Graphic. Tento formát obrázku podporuje méně barev než JPG. Můžete však ukládat obrázky s průhledným pozadím. Je vhodnou volbou pro obrázky loga, vzory na pozadí, dekorativní grafiku webových stránek, ikony sociálních médií a podobně. Obrázky uložené ve formátu PNG mohou být větší, pokud obsahují velké množství detailů. 
  • GIF je zkratka pro Graphics Interchange Format a podporuje 256 barev a průhlednost. GIFy mohou být také animované. Soubory GIF mohou být malé, ale pokud obsahují složité animace, mohou být také větší. 

Dávejte pozor na rozlišení obrazu

Dalším aspektem, který byste měli při optimalizaci obrázků pro web zvážit, je rozlišení obrázku. Rozlišení obrazu se měří v bodech na palec (DPI) a určuje kvalitu obrazu. Čím vyšší je hodnota DPI, tím vyšší je rozlišení obrazu. 

Pro webové účely by mělo být rozlišení obrázku nastaveno na 72 DPI, protože je to výchozí hodnota. Vyšší rozlišení má za následek velkou velikost a přispívá k pomalému načítání webových stránek. 

Přidání vlastních velikostí obrázků WordPress

Vlastní velikosti obrázků můžete přidat úpravou souboru functions.php. Řekněme, že chcete přidat vlastní velikost obrázku pro hlavní obrázek. 

Chcete-li je přidat na stránku Theme , stačí provést následující kroky:

Na ovládacím panelu WordPress přejděte do části Vzhled > Editor. Otevřete soubor functions.php a vyhledejte následující řádek kódu:

add_theme_support( 'post thumbnails' );

Pokud jej tam nenajdete, přidejte tento řádek a klikněte na tlačítko Aktualizovat soubor. Pak do souboru functions.php přidejte následující řádek: 

add_image_size( 'blog featured image', 1280, 630 );

Výše uvedený řádek přidá do motivu vlastní velikost a zadá šířku a výšku nové velikosti obrázku. Aktualizujte soubor a uložte změny. 

Poté je třeba aktualizovat kód na stránce Theme , aby zobrazoval novou vlastní velikost obrázku, kterou můžete vybrat při nahrávání. Tentokrát otevřete soubor index.php a vložte následující řádek kódu: 

the_post_thumbnail( 'blog featured image' ); 

Obrázek Regenerovat a vybrat plodinu Plugin pro WordPress
Obrázek Regenerovat a vybrat plodinu Plugin pro WordPress

Poté soubor aktualizujte a uložte změny. Nezapomeňte, že pokud použijete ruční metodu, bude vaše vlastní velikost obrázku přepsána při každé aktualizaci stránky Theme . 

Proto doporučujeme použít podřízené stránky Theme nebo přidat vlastní velikosti obrázků pomocí nástroje Plugin Image Regenerate & Select Crop. Pomocí této stránky Plugin můžete snadno zaregistrovat nové vlastní velikosti obrázků a přegenerovat náhledy podle nových velikostí obrázků. 

Závěr: WordPress Velikosti obrázků a obecné osvědčené postupy

Obrázky vám pomohou vyprávět váš příběh a usnadní čtenářům navázat vztah k vašim příspěvkům a zaujmout je. 

Proto je důležité, abyste pro své webové stránky zvolili správnou velikost. Tipy v tomto článku vám pomohou nastavit správnou velikost obrázků a přidat vlastní velikosti obrázků na web WordPress . 

Aby se vaše snaha o optimalizaci velikosti obrázku na webu WordPress vyplatila, měli byste své webové stránky zabezpečit spolehlivým hostingem. Nemá smysl zrychlovat webové stránky, pokud jsou vázány na horší webhosting. 

Vyzkoušejte hostingWordPress s RAIDBOXES a zajistěte svým webovým stránkám rychlé načítání, které si vaše cílové publikum zaslouží. Můžete nás kontaktovat a dozvědět se více o výhodách spravovaného hostingu WordPress

Vaše dotazy týkající se velikosti obrázků na WordPress

Jaké máte dotazy ohledně velikosti obrázků na WordPress ? Těšíme se na vaše připomínky. Zajímají vás aktuální témata týkající se WordPress a webdesignu? Pak sledujte stránky RAIDBOXES na Twitteru a Facebooku, LinkedIn nebo prostřednictvím našeho newsletteru.

Maddy Osman je obsahový stratég pro SEO. Spolupracuje s vybranými zákazníky v oblasti WordPress a webhostingu. Vzhledem ke svým znalostem v oblasti webového designu a WordPress se v SEO opravdu vyzná – a přesně ví, jak propojit značky s obsahem, který je pro SEO relevantní.

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.