Zmenšete velikost obrazu, aby se fotografie na webových stránkách rychleji nahrávaly
Obrázky, které jsou příliš velké, se na webových stránkách rychle nezavedou a uživatelé s větší pravděpodobností opustí vaše stránky, pokud se snímky nezaváhnou. Ale jak si snížíte obraz bez ztráty detailů? Tento článek vás provede procesem.
Jak snížit velikost obrázku
Před změnou velikosti obrázku pro web musíte oříznout obrázek, abyste odstranili zbytečné části obrazu. Po oříznutí můžete měnit celkové rozměry pixelů ještě menší.
Veškerý software pro úpravu fotografií bude mít příkaz pro změnu rozměrů obrazových bodů obrazu. Vyhledejte příkaz s názvem Velikost obrazu , Změna velikosti nebo Resample . Když použijete jeden z těchto příkazů, zobrazí se dialogové okno pro zadání přesných pixelů, které chcete použít. Další možnosti, které můžete najít v dialogu, jsou:
- Převzorkování: Je-li snímek pořízen pomocí DSLR, pravděpodobnost, že má rozlišení 300 pixelů na palec (ppi), je dost dobře. V takovém případě snížíte hodnotu na 72 nebo 100 a sníží se i fyzický rozměr obrazu. Nikdy nezvyšujete hodnotu při použití obrázku na webu.
- Omezení poměru nebo zachování poměru stran: Chcete, aby tato možnost byla povolena. Ve Photoshopu klikněte na možnost pro připojení hodnot šířky a výšky . Zabraňuje roztažení a zkreslení obrazu. Je-li tato volba zapnuta, stačí zadat jednu hodnotu - výšky nebo šířky - a druhá hodnota se automaticky upraví.
- Změna hodnoty rozlišení: Před změnou hodnot šířky a výšky změňte rozlišení na nižší číslo - nazývá se převzorkováním. To také snižuje hodnoty šířky a výšky, takže změna hodnoty před downsampling by mohla snížit obraz, než byste chtěli.
Formát souboru je klíč
Online obrázky jsou obvykle ve formátech .jpg nebo .png . Formát .png je o něco přesnější než formát .jpg, ale soubory s příponou .png mají také mírně vyšší velikost souboru. Pokud obrázek obsahuje průhlednost, musíte použít formát .png a ujistěte se, že zvolíte možnost Průhlednost .
Obrázky JPG jsou považovány za ztrátové. Volné vysvětlení je, že jsou tak malé, protože oblasti souvislé barvy jsou seskupeny do jedné oblasti, což snižuje potřebu zapamatovat si barvu každého pixelu v obraze. Množství komprese se určuje pomocí funkce Posuvník kvality ve Photoshopu. Hodnoty jsou v rozmezí od 0 do 12, což znamená, že čím je číslo nižší, tím nižší je velikost souboru a více ztracených informací. Hodnota 8 nebo 9 je běžná pro obrázky určené pro web.
Pokud jste uživatelem aplikace Sketch 3, můžete nastavit kvalitu po klepnutí na tlačítko Export v panelu Vlastnosti . Zobrazí se posuvník kvality, který se pohybuje od 0 do 100%. Obvyklá hodnota kvality je 80%.
Při výběru úrovně komprese udržujte kvalitu ve středním až vysokém rozsahu, abyste se vyhnuli kompresním artefaktům.
Nikdy nekomprimujte jpg obrázek. Pokud jste obdrželi již komprimovaný jpg obrázek, nastavte jeho kvalitu na 12 ve Photoshopu nebo 100% ve Skicu 3.
Pokud je obrázek malý nebo obsahuje plné barvy, zvažte použití obrázku GIF. To je zvláště užitečné pro barevné loga nebo grafiku neobsahující žádné odstíny barvy. výhodou je možnost snížit počet barev v paletě barev, která má velký vliv na velikost souboru.
Nikdy neměňte velikost a přepsání původního souboru!
Po změně velikosti obrázku nezapomeňte uložit jako tak, abyste přepsali původní soubor s vysokým rozlišením. zde je pár tipů:
- Chcete zachytit velikost souboru 50 až 250 KB na jeden snímek. Jděte malý, pokud umístíte několik souborů na stejnou stránku nebo je budete posílat jedním e-mailem.
- Snažte se nepřekročit 1000 KB za webovou stránku pro souhrn všech obrázků.
To může znít jako časově náročný proces, obzvláště pokud máte spoustu fotografií, které můžete sdílet, ale naštěstí většina dnešního softwaru usnadnila velikost a kompresi dávky fotografií velmi rychle. Většina softwaru pro správu obrázků a některých softwaru pro úpravu fotografií má příkaz "e-mailové fotky", který změní velikost a kompresi obrázků pro vás. Některý software může dokonce měnit velikost, komprimovat a generovat kompletní fotogalerie pro zveřejnění na webu. Existují také speciální nástroje pro oba tyto úkoly - mnoho z nich je svobodným softwarem.
Dávkové změny velikosti obrázků
Zde jsou některé zdroje, které chcete použít, pokud měníte velikost obrázků v dávkách:
- Změna velikosti několika souborů pomocí prvků Photoshop Elements
- Změna velikosti několika obrázků v aplikaci Picasa
- Jak změnit velikost šarže obrazů pomocí programu XnView
- Dávkové změna velikosti a oříznutí: Nástroje a tipy