Naučte se měnit velikost webových obrázků
Webové obrázky přebírají většinu času stahování na většině webových stránek. Ale pokud optimalizujete své webové obrázky, budete mít rychlejší načítání webových stránek. Existuje mnoho způsobů, jak optimalizovat webovou stránku. Jedním ze způsobů, které vám nejvíce zlepší rychlost, je, abyste svou grafiku co nejmenší.
Dobrým pravidlem je snažit se udržovat jednotlivé snímky ne větší než 12 kB a celková velikost webové stránky včetně všech obrázků, HTML, CSS a JavaScript by neměla být větší než 100 kB a optimálně ne více než 50 kB.
Aby byla vaše grafika co nejmenší, potřebujete grafický software pro úpravu obrázků. Můžete získat grafický editor nebo použít online nástroj, jako je Photoshop Express Editor .
Zde je několik tipů, jak vyhodnotit a zmenšit obrázky:
Je obrázek ve správném formátu?
Existují pouze tři formáty obrázků pro web : GIF, JPG a PNG. A každý z nich má specifický účel.
- GIF - Použijte formát GIF pro ploché barevné obrázky. Jedná se o obrázky s několika barvami.
- JPG - Použijte formát JPG pro fotografické snímky. Jedná se o obrázky s miliony barev.
- PNG - Použijte formát PNG, pokud nepotřebujete, aby se vaše obrázky zobrazovaly na mobilních zařízeních. Jsou vhodné jak pro ploché, tak pro fotografické snímky. Nejlepší je uložit snímky jako PNG a JPG nebo GIF a pak použít menší verzi.
Jaké jsou rozměry snímku?
Snadný způsob, jak snížit počet obrázků, je jen to, že je menší. Většina fotoaparátů dělá fotografie, které jsou mnohem větší, než průměrná webová stránka může zobrazit. Změnou rozměrů na přibližně 500 x 500 pixelů nebo méně vytvoříte menší obrázek.
Je obrázek oříznut?
Další věc, kterou byste měli udělat, je zajistit, aby obraz byl oříznut co nejtěsněji. Čím více budete oříznout obrázek, tím menší bude. Oříznutí také pomáhá definovat předmět obrazu odstraněním cizích pozadí.
Kolik barev používá vaše GIF?
GIF jsou ploché barevné obrázky a obsahují index barev, které jsou v obraze. Index GIF však může obsahovat více barev, než jsou skutečně zobrazeny. Snížením indexu pouze na barvy v obraze můžete snížit velikost souboru .
Jaké nastavení kvality je váš soubor JPG nastaven?
JPG mají nastavení kvality od 100% do 0%. Čím menší je nastavení kvality, tím menší bude soubor. Ale buď opatrný. Kvalita ovlivňuje, jak vypadá obrázek. Takže zvolte nastavení kvality, které není příliš ošklivé, a zároveň zachovávejte nízkou velikost souboru.