Ako zobraziť obrázok a načítať rýchlejšie

Obsah

inštrukcia
tipy
Čo potrebujete

Pri uverejňovaní obrázkov na internete je dôležité uistiť sa, že sú optimalizované na prezeranie webových stránok, takže ich môžete rýchlejšie načítať. Pomalé načítanie obrázkov má tendenciu odvrátiť návštevníkov a môže im zabrániť v plnom využívaní vašich stránok. Najlepší spôsob, ako zabezpečiť, aby sa vaše obrázky načítali rýchlejšie, je stlačiť čo najviac kvality do pevnej veľkosti. Pre zobrazenie na webe je vhodné zachovať veľkosť každého z vašich obrázkov pod 50 kB.

inštrukcia

Optimalizácia obrázkov na prezeranie webu ich urýchli (Ablestock.com/AbleStock.com/Getty Images)

Použite správny formát. Použite JPEG pre gradient obrázky a veľa miešania farieb. Pre obrázky, ktoré obsahujú tvary a text s vysokým kontrastom, môžete použiť GIF alebo PNG. Väčšina softvéru na úpravu obrázkov podporuje konverzie v celom formáte.
Zmeňte rozlíšenie obrazu na 72 dpi (bodky na palec). Väčšina obrazoviek a monitorov zobrazuje webové stránky a obrázky s týmto rozlíšením. Toto rozlíšenie použite aj na zníženie deformácií a problémov s farbou.
Maximalizujte výrez na obrázku. Ak je napríklad predmet obrázka umiestnený na pevnom pozadí, odrežte väčšinu pevnej farby. Skončíte s menšou veľkosťou súboru.
Použite mierne rozmazanie obrazu. Začnite pomocou Gaussovho rozostrenia s polomerom 0,2 pixelu. Gaussovské rozostrenie pozadia 1,0 pixelov by malo postačovať na zníženie veľkosti obrazového súboru približne o 23%. Ak chcete predísť strate kvality, pokúste sa vymazať iba pozadie obrázka alebo jeho časti, ktoré nevyčnievajú.
Pomocou nástroja na výber vyberte objekt z obrázka a zvyšok obrázka pridajte ďalšie rozmazanie. Tým sa výrazne zníži veľkosť súboru obrázka. Ako výhoda zdôrazňujete, čo je dôležité.

tipy

V značke HTML nezabudnite uviesť šírku a výšku každého zadaného obrázka. Týmto spôsobom prehliadače nemusia vypočítať ideálnu veľkosť pre svoj obrázok. Použite sprite obrázky kedykoľvek môžete. Skombinujte menšie obrázky do veľkého obrazového súboru, aby ste znížili počet požiadaviek HTTP, ktoré musí vaša webová stránka urobiť. S týmto môžete rýchlejšie načítať obrázky.