Web-kuvat ottavat suurimman osan latausaikasta useimmilla verkkosivuilla. Mutta jos optimoisit web-kuvasi, sinulla on nopeampi lataus verkkosivusto. Web-sivun optimointiin on monia tapoja. Yksi tapa parantaa nopeutta eniten on tehdä grafiikka mahdollisimman pieneksi.
Hyvä peukalosääntö on yrittää pitää yksittäisiä kuvia korkeintaan 12 kt: n kokoisia ja web-sivun koko, joka sisältää kaikki kuvat, HTML, CSS ja JavaScript, ei saa olla suurempi kuin 100 kt ja enintään 50 kt.
Jotta grafiikka olisi mahdollisimman pieni, sinulla on oltava grafiikkaohjelmisto muokata kuvia. Voit saada grafiikkaeditorin tai käyttää online-työkalua, kuten Photoshop Express Editoria.
Seuraavassa on muutamia vinkkejä kuvien arvioimiseen ja pienentämiseen:
Onko kuva oikeassa muodossa?
Verkossa on vain kolme kuvamuotoa: GIF, JPG ja PNG. Ja niillä kaikilla on erityinen tarkoitus.
- GIF-Käytä GIF-muotoa tasaisille väreille. Nämä ovat vain muutamia värejä sisältäviä kuvia.
- JPG-Käytä JPG-formaattia valokuville. Nämä ovat miljoonia värejä.
- PNG-Käytä PNG-formaattia, jos et tarvitse kuvien näyttämistä mobiililaitteille. Ne sopivat sekä tasaiselle värille että valokuville. On parasta tallentaa kuvat niin PNG: ksi kuin JPG: ksi tai GIF: ksi ja käyttää sitten pienempää versiota.
Mitkä ovat kuvan mitat?
Helppo tapa tehdä kuvasi pienemmäksi on tehdä juuri niin, tehdä ne pienemmiksi. Useimmat kamerat ottavat valokuvia, jotka ovat suurempia kuin keskimääräinen verkkosivu voi näyttää. Muuttamalla mitat noin 500 x 500 pikselin tai pienempään, luodaan pienempi kuva.
Onko kuva leikattu?
Seuraava asia, jonka pitäisi tehdä, on varmistaa, että kuva leikataan niin tiukasti kuin pystyt. Mitä enemmän katkennat kuvan, sitä pienempi se on. Rajaus auttaa myös määrittämään kuvan kohteen poistamalla ulkomaalaisia taustoja.
Kuinka monta väriä GIF käyttää?
GIF-kuvat ovat litteitä värejä, ja ne sisältävät kuvan väreillä olevat indeksit. GIF-indeksi voi kuitenkin sisältää enemmän värejä kuin mitä todella näytetään. Pienentämällä hakemistoa vain kuvan väreille voit pienentää tiedoston kokoa.
Mikä laatuasetus on JPG: n asetukseksi?
JPG: t ovat laadultaan 100%: sta alaspäin 0%: iin. Mitä pienempi laatuasetus on, sitä pienempi tiedosto on. Mutta ole varovainen. Laatu vaikuttaa siihen, miten kuva näyttää. Valitse siis laatuasetus, joka ei ole liian ruma, säilyttäen kuitenkin tiedostokoko pienenä.
