Parhaat käytännöt: Kuvien
Optimoi kuvat
Optimointi yksinkertaisesti sitä pidetään koko kuvan pienen pitää laatua kuvan vaaditulle tasolle. On kuormien menettelyjä, kun voi tehdä optimoida kuvat ennen kuin ne ladataan palvelimelle toimitus. Työkaluja, käytämme luomista näiden kuvien (Photoshop, Fireworks jne.) on yleensä työkaluja, joiden avulla käyttäjät voivat optimoida kuva verkkosivuilla käytettäväksi.
• Tarkista GIF on nähdä, jos he käyttävät paletin koko vastaa värien määrä kuvassa. Kun kuva on käyttää 4 väriä ja 256 värin paletti, niin kuva olisi parannettava edelleen
• Muunna GIF on PNG: n aina kun mahdollista ja katso onko siellä säästöä. Useammin kuin ei, ei. Älä epäröi käyttää PNG: n, koska ne ovat täysin tuetaan useimmissa yleisesti käytetyille selaimille. Odottavat animaation ominaisuuksia PNG voi tehdä mitä GIF tekee, avoimuus mukaan luettuna.
• Jos käytetyt kuvat CSS sprite, järjestää kuvia Sprite horisontaalisesti eikä vertikaalisesti johtaa yleensä pienempi tiedostokoko. Myös yhdistää samanlaisista kuvista värit sprite. Tämä auttaa sinua pitämään värillä väliä alhainen, mielellään alle 256 väriä niin sopivat PNG8.
• Jos käytät Favicon.ico, pitää sen pieni, mielellään 1K.
Käytä oikein mitoitettu / kokoa kuvaa.
Aina kokeilla ja käyttää kokoa kuvia, eli älä käytä suurempi kuva kuin tarvitset vain koska voit asettaa leveyden ja korkeuden HTML. Jos haluat näyttää 100px x 100px kuvan sivulla, niin älä käytä pienennetty 200x200px kuva.
Käytä Progressive Images
Web-selain on jo tekee Images asteittain. Voit tehdä vielä paremmin, tallenna GIF-tai PNG-kuvien kanssa "lomitettu" vaihtoehto-tai JPEG-kuvia "progressiivinen" vaihtoehto.
On jatkuva keskustelu keskuudessa Internetin käyttäjiä siitä käyttöön progressiivinen kuva on siunaus tai haittaa. Myös progressiivinen kuva painaa noin 20% enemmän kuin ei-progressiivisen vastine. Joten, jos luulet asettelua käyttää kuvia, jotka eivät haittaa käyttäjän kokemusta, että olisi progressiivinen, vapaasti tehdä niin.
