Pokud již nějakou dobu provozujete web WordPress, pravděpodobně se ptáte, který typ obrazového souboru je pro váš web nejlepší. Pokud používáte JPG nebo PNG? Možná budete chtít použít jiný typ obrazového souboru, například WebP, ale nejste si jisti, co dělat. Pokud to tak není, možná byste chtěli nahrát obrázek PSD, AI nebo INDD a jsou zaseknutí.
Bez ohledu na to, proč jste tady, dnešní příspěvek vám pomůže vybrat správný typ obrazového souboru pro váš web WordPress. Proč je třeba zvolit správný typ obrazového souboru? Pokrýváme to také v příspěvku. Kromě toho zdůrazňujeme akceptované typy obrazových souborů, jak přidat další typy souborů a dotkneme se několika doporučených postupů pro obrázky WordPress..
Pokud to zní skvěle, zvážme kotvu a vyplujeme, protože je toho co se naučit.
Contents
Proč je zásadní zvolit správný typ souboru obrázku?
Výběr perfektního typu obrazového souboru je těžší, než jste si mysleli, a já to chápu. Musíte však věnovat velkou pozornost typu souboru, který používáte, protože to souvisí s výkonem vašeho webu. Proč je tedy důležité zvážit typ obrazového souboru, který vyberete?
- Rychlost a výkon – Některé typy obrazových souborů zabírají více místa než jiné. Pokud používáte velké obrazové formáty, zpomalíte web a zvyšujete náklady na server. Hledejte lehké obrázky, které zaručují vyšší rychlost a výkon stránky optimální uživatelský zážitek (UX).
- SEO skóre – Věděli jste, že rychlost stránky je přímý SEO hodnotící signál? Používáte-li na svém webu těžké nebo nekvalitní obrázky, vám chybí lepší UX a související SEO výhody. Výběr kvalitních obrázků a obrázků připravených na SEO zajistí vaše stránky pro lepší skóre SEO.
- Estetika – Některé formáty obrázků zachovávají detaily lépe než jiné, a to i po kompresi. Chcete obrazový formát, který vypadá skvěle pro leštěný, vysoce kvalitní a profesionální vzhled Každý obrazový formát je ideální pro konkrétní použití, takže si vyberte moudře.
- Citlivý design – V dnešní době uživatelé navštěvují váš web na různých zařízeních s různými prohlížeči a velikostí obrazovky. Musíte jít za typy citlivých obrazových souborů, které jsou podporovány ve většině prohlížečů. Kromě toho potřebujete obrázky, které vypadají úžasně na různých obrazovkách. Více o tom později.
- Konzistence – Kvůli konzistenci doporučujeme pro vaše obrázky nalepit jeden hlavní typ souboru. Můžete použít i jiné formáty souborů na vyžádání nebo v závislosti na vašich potřebách, ale jeden nebo dva formáty by měly být velké.
Kromě toho pojďme mluvit o dostupných typech obrazových souborů.
Dostupné typy obrazových souborů
Skrytá před mnoha začátečníky je skutečnost, že existuje svět obrazových formátů. Yap, jsou stovky typů obrazových souborů že bychom potřebovali elektronickou knihu, která by je pokryla všechny. Nebojte se; Zaměřujeme se pouze na obrazové formáty, které jsou ideální pro weby WordPress.
Obrazové formáty jsou rozděleny do dvou širokých kategorií: Rastr a Vektor snímky.
Rastrové obrázky jsou konstruovány řadou pixelů, aby vytvořily obraz. Z tohoto důvodu rastrové obrázky obvykle ztratí své rozlišení, když jsou komprimovány nebo nataženy. Tři populární formáty obrázků – JPG, PNG a GIF – jsou rastrové obrázky, které tvoří většinu všech fotografií, které vidíte online..
Na druhé straně vektorové obrazy jsou konstruovány spíše pomocí matematických vzorců než pixelů, což znamená, že pokud jde o časté změny velikosti, jsou flexibilnější. Mezi oblíbené typy vektorových obrázků patří mimo jiné Adobe EPS (Encapsulated PostScript), SVG (Scalable Vector Graphics), PDF, WEBP a AI ve formátu Adobe Illustrator..
Pro běžné používání webových stránek jděte na rastrové obrázky. Zároveň můžete vytvářet vektorové obrázky svých log a dalších obrázků, které vyžadují časté úpravy a změny velikosti. V ideálním případě byste měli před použitím na webu WordPress převést všechny vektorové obrázky na rastrové obrázky.
Proč?
Protože rastrové obrázky jsou lehčí a podporované všemi prohlížeči, měli byste použít JPG nebo PNG. Pokud potřebujete animace, máte formát GIF. Nyní jsme na pouhých třech ze stovek obrazových formátů.
To vyvolává otázku: Ale které typy obrazových souborů podporuje WordPress?
Přijaté typy obrazových souborů
Podle Kodex, WordPress ve výchozím nastavení akceptuje formáty obrázků JPG, JPEG, PNG, ICO a GIF. Pokud jste zmatení, JPEG je pouze JPG a ICO je obrazový formát, který používáte pro ikony. Na webu WordPress se obvykle používá ikona pro váš favicon, nikoli obrázky ve vašich příspěvcích nebo stránkách.
Ve výchozím nastavení můžete na své stránky a příspěvky nahrávat pouze soubory JPG a PNG. Pokud chcete z jakéhokoli důvodu přidat další typy obrazových souborů, můžete použít plugin, jako je například Extra typy souborů WP. Pokud se vám nelíbí pluginy, můžete do svého kódu přidat následující kód wp-config.php soubor.
define ('ALLOW_UNFILTERED_UPLOADS', true);
Pro alternativní metodu přidejte do svého kódu následující kód function.php soubor:
Výše uvedený kód přidá podporu pro rozšíření SVG a JSON. Pokud chcete přidat rozšíření pro jiné obrazové formáty, upravte výše uvedený kód odpovídajícím způsobem. Chcete-li se dozvědět více, podívejte se jak nahrát další typy souborů do WordPress.
Pokud narazíte na problémy s přidáváním nových typů souborů, obraťte se nejprve na poskytovatele hostingu, protože může mít omezení. To stranou, což je nejlepší formát obrazového souboru k použití?
Který je nejlepší typ souboru obrázku k použití?
V následující části uvádíme tři nejoblíbenější formáty obrázků pro webové stránky. Pokrýváme JPG, PNG a GIF a zdůrazňujeme nejlepší formát pro různá použití. Začněme JPG.
JPG
JPG (také známý jako JPEG) je zkratka pro Joint Photographic Experts Group. Obrázky JPG se dobře hodí pro vysoké úrovně komprese a mohou zobrazovat miliony barev, takže jsou ideální pro fotografie a obrázky se živými barvami.
Tento formát obrazu podporuje ztrátovou kompresi, která po optimalizaci vede k mírnému poklesu kvality obrazu. Můžete však kontrolovat úroveň komprese, abyste zajistili nejlepší kvalitu a výkon. Obrázky JPG nepodporují průhledné pozadí.
PNG
PNG je zkratka pro Portable Network Graphics, obrazový formát, který byl původně navržen pro přenos obrázků přes internet. Obrazy PNG zobrazují miliony barev, ale mohou být těžší než JPG. Jsou skvělé pro snímky obrazovky, loga, infografiky a hlavní grafiku záhlaví, které identifikují značku.
PNG podporuje bezeztrátovou kompresi, což znamená, že během optimalizace nejsou ztracena žádná data. Obrazy PNG jsou proto po kompresi ostřejší a ostřejší než obrázky JPG. Navíc typ obrazového souboru PNG podporuje průhledné pozadí.
GIF
GIF je zkratka pro Graphics Interchange Format. Je to obrazový formát, který podporuje animované i statické obrázky. Většina animací, které vidíte na sociálních médiích, jsou obrázky GIF. Na rozdíl od souborů JPEG a PNG podporuje typ obrazového souboru GIF pouze 256 barev, takže je nevhodný pro barevné fotografie a další ilustrace s barevnými přechody.
GIF používá bezeztrátovou kompresi ke snížení velikosti souborů bez ztráty vizuální kvality. GIF navíc podporuje textové štítky a průhledné pozadí, díky čemuž je formát ideální pro jednoduché animace a videa s nízkým rozlišením.
Takže, ze tří, které byste měli použít? Vše záleží na vašich potřebách. PNG je ideální pro loga, snímky obrazovky, grafy, infografiky a vysoce kvalitní obrázky značky. JPEG je skvělý pro malé obrázky na vašem webu, stejně jako pro fotografie, které mají živé barvy. GIF je úžasný pro animace a jednoduchá videa.
Pokud však obrázky použijete nedbalo, nestačí vybrat typ obrazového souboru. V následující části objevíme několik doporučených postupů a tipů pro obrázky WordPress.
Doporučené postupy pro WordPress Image
Chcete-li co nejlépe využít své obrázky, postupujte podle následujících doporučených postupů a tipů pro obrázky. Krátce se věnujeme oblastem, jako je velikost obrázku, maximální velikost nahrání, SEO se optimalizací a jak používat Google Analytics k informování vaší obrazové strategie WordPress.
Velikost obrázku
Již jsme zjistili, že velikost obrázků, které používáte, může ovlivnit rychlost vašeho webu. Proto byste se měli zaměřit na použití světlých obrázků. Zároveň se nemusíte vzdát vizuální kvality při pokusu o vytvoření světlých obrázků, což znamená, že při kompresi musíte být opatrní.
Kromě toho neměňte velikost obrázků pomocí HTML nebo CSS. Pokud potřebujete obrázek s velikostí 300 x 300 pixelů, nepoužívejte obrázek s rozlišením 400 x 400 pixelů. Kromě toho si můžete vybrat vysoce kvalitní hosting WordPress, implementovat ukládání do mezipaměti a CDN, aby vaše webové stránky zvýšily rychlost.
Maximální velikost nahrávání
Někdy budete možná muset použít velký obrazový soubor z nějakého důvodu. Můžete však mít potíže s nahráváním souboru, protože WordPress je dodáván s výchozí velikostí nahrávání 2 MB. Nebojte se, protože můžete rychle zvýšit maximální velikost nahrávání.
V mnoha případech poskytovatelé hostingu nabízejí vestavěné nastavení, které můžete upravit, abyste sami zvýšili velikost nahrávání souboru. Například v Cloudways se jednoduše musíte přihlásit ke svému účtu, přejděte do Správa serveru a vyberte sekci Nastavení a balíčky (viz výše). Odtud můžete ručně zvýšit limit velikosti nahrávání souboru úpravou povolené velikosti MB.
Ale to se může a může lišit podle hostitele. GoDaddy využívá možnost v jejich C-panelu, Media Temple, musíte upravit soubory php.ini, as WP Engine musíte kontaktovat jejich tým podpory a požádat o zvýšení.
Obrázek SEO
Věděli jste, že kromě předávání zprávy a vylepšování vzhledu webu můžete použít obrázky ke zvýšení skóre SEO? To je správně; můžete pomocí image SEO zvýšit návštěvnost vašeho webu. Jak? Pro začátečníky vhodně pojmenujte své obrázky. Například místo „picture001.png“ použijte „how-to-image-seo.png“ a podobně. Navíc ke všem svým obrázkům přidejte po nahrání další texty. Díky alt textům mohou vyhledávací nástroje a čtečky obrazovky „vidět“ vaše obrázky.
Užitečné doplňky pro optimalizaci obrázků WordPress
WordPress je docela snadný CMS k použití díky pluginy. Přestože je užitečné obrázky před nahráním optimalizovat pomocí softwaru pro manipulaci s obrázky (např. Photoshop), můžete využít pluginy k optimalizaci obrázků po nahrání.
Mezi významné pluginy pro optimalizaci obrázků WordPress patří Smush, EWWW Image Optimizer, a Představte si, mezi ostatními. Vyberte si plugin, který je ideální pro vaše potřeby, protože každý přichází s jedinečnou sadou funkcí.
Použijte Google Analytics
Když je vše řečeno hotovo, chcete poskytnout nejlepší uživatelský zážitek, jaký můžete. Za tímto účelem musíte znát své návštěvníky a zařízení, která používají k přístupu na váš web. Tímto způsobem si můžete vybrat perfektní formáty a velikosti obrázků. Pokud například většina vašich návštěvníků používá prohlížeč Apple Safari, budete muset poskytnout další podporu pro použití obrazových souborů WEBP ve WordPress.
Výběr perfektního typu obrazového souboru pro váš web WordPress je zásadní, pokud jde o rychlost, UX, výkon webových stránek, SEO a konzistenci.
Nemůžete si dovolit nechat tuto oblast bez dozoru, protože při vývoji dobré image strategie budete mít prospěch. Váš průvodce stylem by měl poskytnout direktivy pro obrázky všem uživatelům.
Nakonec komprimujte a optimalizujte obrázky tak, abyste dosáhli dokonalé rovnováhy mezi kvalitou a výkonem.
Máte dotazy k typům obrazových souborů? Dejte nám vědět v sekci komentářů níže!