Optimalizace obrázků či fotografií pro web je nedílnou součástí správy obsahu internetových stránek. Přichystali jsme pro vás proto přehled bezplatných i placených aplikací a programů, spolu s návodem, jak s nimi zmenšení fotek a grafiky pro web provést.
Zmenšení fotek pro web je jedním z nejjednodušších způsobů, jak zrychlit načítání stránek. Ještě předtím než se do optimalizace pustíte, byste však měli zvážit několik faktorů. Prvním z nich je dostatečné rozlišení, díky kterému se budou snímky a grafiky zobrazovat ostře i při horší kvalitě.
Konkrétní hodnoty záleží na funkci obrázku. Například pro hero sekci, která je často roztažena přes celou šíři, pravděpodobně využijete šířku 1920 px a k ní úměrnou výšku. Obrázky pro jednotlivé sekce pak už pravděpodobně nepřesáhnou poloviční rozměr, pohybují se tedy kolem 700 px na šířku.
Kromě rozměrů pak budete muset nastavit také DPI, čili počet pixelů na palec. V případě, že budete fotografie používat pouze pro web (nikoli pro tisk) si bohatě vystačíte s 72 DPI. Nastavené hodnoty pak zkombinujte s vhodným grafickým formátem – nejčastěji JPG.
V případě, že byste potřebovali ponechat vyšší rozlišení snímků, můžete přistoupit také ke kompresi neboli ztrátě kvality. V editoru si pak nastavíte, kolik procent pixelů z originálu chcete zachovat. Zbylé obrazové body zmizí a vy tak dosáhnete nižší velikosti souboru. Dejte si ovšem pozor, abyste na kvalitě neubrali moc, fotografie jsou pak rozpixelované a nepůsobí profesionálně. Musíte tedy vždy najít správný poměr mezi kvalitou a velikostí.
Pravděpodobně nejznámějším fotografickým editorem je Adobe Photoshop. Photoshop je multifunkční nástroj, který vám s fotkami umožní dělat opravdová kouzla, a dokonce i tvořit jednoduchou vektorovou grafiku. Zmenšení i komprese fotek pro web je zde naprosto intuitivní. Nevýhodou ovšem zůstává vyšší cena, která se s pořízením Photoshopu pojí.
Pravděpodobně nejznámější alternativou k Photoshopu je open-source editor Gimp. Gimp je určený pro práci s bitmapovou grafikou (tedy s fotografiemi) a ani zde nepředstavuje zmenšení fotek pro web žádný větší problém.
Kromě programů na zmenšení fotek můžete použít také webové aplikace, které do počítače nemusíte instalovat. Zajímavou aplikací na úpravu a zmenšování obrázků pro web je Photopea – bezplatná alternativa k Photoshopu, která kopíruje mnoho z jeho funkcí i vzhled. Jediné, co může působit malinko nepříjemně, jsou všudypřítomné reklamy. Objevují se však pouze na okrajích editoru a v práci tak nikterak nebrání.
O něco rychlejším způsobem zmenšení fotografií a grafiky pro web, je využití aplikace TinyPNG. Její použití je přitom naprosto jednoduché. Stačí, když navštívíte daný web a přetáhnete sem fotografie. Aplikace následně provede kompresi a nabídne vám výsledné soubory ke stažení.
Jedinou nevýhodou zůstává, že je zde omezené množství souborů, které můžete zmenšovat, a velikost žádného z nich nesmí přesáhnout 5 MB.
Ke zmenšení obrázků pro web můžete použít ještě mnoho dalších aplikací a programů. Výše uvedené však patří mezi odzkoušené a spolehlivé nástroje, jejichž použití je nejen rychlé, ale i jednoduché.
Jestliže potřebujete s optimalizací obrázků pro web a zrychlením načítání stránek pomoci, tak nás neváhejte kontaktovat. Rádi se na váš obsah podíváme a navrhneme co možná nejlepší řešení.