Naučte sa zmeniť veľkosť webových obrázkov
Webové obrázky preberajú väčšinu času na väčšine webových stránok. Ale ak optimalizujete vaše webové obrázky, budete mať rýchlejšie načítavanie webových stránok. Existuje mnoho spôsobov, ako optimalizovať webovú stránku. Jediným spôsobom, ktorý vám najviac zlepší vašu rýchlosť, je čo najmenšia grafika.
Dobrým pravidlom je snažiť sa udržať jednotlivé obrázky nie väčšie ako 12 kB a celková veľkosť vašej webovej stránky vrátane všetkých obrázkov, HTML, CSS a JavaScript by nemala byť väčšia ako 100 kB a optimálne maximálne 50 kB.
Aby bola grafika čo najmenšia, musíte mať grafický softvér na úpravu obrázkov. Môžete získať grafický editor alebo použiť online nástroj ako Photoshop Express Editor .
Tu je niekoľko tipov na vyhodnotenie obrázkov a ich zmenšovanie:
Je obrázok v správnom formáte?
Existujú iba tri formáty obrázkov pre web : GIF, JPG a PNG. A každý z nich má konkrétny účel.
- GIF - Použite formát GIF pre ploché farebné obrázky. Sú to obrázky s niekoľkými farbami.
- JPG - Použite formát JPG pre fotografické obrázky. Sú to obrázky s miliónmi farieb.
- PNG - Ak nepotrebujete obrázky na mobilných zariadeniach, použite formát PNG. Sú vhodné pre ploché aj fotografické obrazy. Najlepšie je uložiť obrázky ako PNG aj JPG alebo GIF a potom použiť menšiu verziu.
Aké sú rozmery obrázkov?
Jednoduchý spôsob, ako urobiť obrázky menšie, je robiť len to, aby boli menšie. Väčšina fotoaparátov vytvára fotografie, ktoré sú oveľa väčšie ako priemerná webová stránka, ktorá sa môže zobraziť. Ak zmeníte rozmery na približne 500 x 500 pixelov alebo menej, vytvoríte menší obrázok.
Obraz je orezaný?
Ďalšia vec, ktorú by ste mali urobiť, je uistiť, že obraz je orezaný čo najtesnejšie, ako môžete. Čím viac budete orezávať obrázok, tým menšie to bude. Orezanie tiež pomáha definovať predmet obrazu odstránením cudzích pozadia.
Koľko farieb používa vaše GIF?
GIF sú ploché farebné obrázky a obsahujú index farieb, ktoré sú v obraze. Index GIF však môže obsahovať viac farieb, ako sú skutočne zobrazené. Zmenšením indexu iba na farby v obraze môžete zmenšiť veľkosť súboru .
Aké nastavenie kvality je váš súbor JPG nastavený?
Formáty JPG majú nastavenie kvality od 100% do 0%. Čím menšie je nastavenie kvality, tým menšie bude súbor. Ale buď opatrný. Kvalita ovplyvňuje zobrazenie obrázka. Takže zvoľte nastavenie kvality, ktoré nie je príliš škaredé, a zároveň zachováva nízku veľkosť súboru.