Enne pildi üleslaadimist on hea kontrollida selle suurust ja formaati. Liiga suured pildifailid aeglustavad veebilehe laadimist ning võtavad rohkem serveriruumi. Hästi valitud pilt on veebis selge, piisava kvaliteediga ja samas väikese mahuga.
Mida tähendab pildi suurus?
Pildi suurusest rääkides mõeldakse tavaliselt faili mahtu, mida mõõdetakse baitides: KB, MB või GB.
Kui pildi faili suurus on 5 MB, tähendab see, et fail võtab umbes viis megabaiti ruumi. Veebilehe jaoks võib see olla üsna suur, eriti kui samal lehel kuvatakse mitu pilti.
Faili suurus sõltub peamiselt järgmistest teguritest:
- pildi mõõtmed (näiteks 4000 × 3000 pikslit),
- failiformaat,
- pildi kvaliteet ja tihendus,
- kas pildil on palju detaile või värvierinevusi.
Kust tuleb näiteks 5 MB suurus?
Kui pilt on tehtud telefoniga või kaameraga, on see sageli väga suure resolutsiooniga. Näiteks võib originaalpilt olla:
- 4000–6000 pikslit lai,
- väga detailne,
- salvestatud kõrge kvaliteediga JPG või PNG failina.
Sellisel juhul võib üks pilt olla vabalt 3 MB, 5 MB või isegi üle 10 MB. Veebilehel ei ole enamasti vaja nii suurt originaalfaili, sest ekraanil kuvatakse pilti palju väiksemalt.
Levinumad pildiformaadid
| Formaat | Milleks sobib | Plussid | Miinused |
|---|---|---|---|
| JPG / JPEG | Fotod ja tavalised pildid | Väike maht, hea veebis kasutamiseks | Korduv salvestamine võib kvaliteeti vähendada |
| PNG | Logod, läbipaistvad taustad, graafika | Hea kvaliteet, toetab läbipaistvust | Tihti suurema mahuga kui JPG |
| WebP | Veebis kasutatavad pildid | Väga hea kvaliteedi ja mahu suhe | Mõnes vanemas süsteemis võib tugi olla piiratud |
| GIF | Lihtsad animatsioonid | Toetab liikuvaid pilte | Nõrk kvaliteet, ei sobi fotode jaoks |
Milline formaat valida?
- Foto jaoks: kasuta JPG või WebP.
- Läbipaistva taustaga pildi jaoks: kasuta PNG või WebP.
- Liikuva pildi jaoks: GIF või videoformaadid.
Kuidas vähendada pildi suurust enne üleslaadimist?
1. Muuda pildi mõõtmeid väiksemaks
Kui pilt on näiteks 5000 pikslit lai, aga veebis kuvatakse seda ainult 1200 pikslise laiusena, siis ei ole vaja originaalsuurust alles hoida.
Sageli piisab, kui:
- laius on umbes 1200–1600 px suure pildi puhul,
- väiksemate sisupiltide puhul 800–1200 px.
2. Vähenda kvaliteeti
JPG või WebP puhul saab faili salvestada madalama kvaliteediga. Näiteks kvaliteet 70–80% on tavaliselt veebis täiesti piisav, kuid fail muutub oluliselt väiksemaks.
3. Kasuta sobivamat formaati
Kui võimalik, kasuta fotode puhul PNG asemel JPG või WebP formaati. See võib vähendada failimahtu mitu korda.
4. Kasuta pildi tihendamise tööriista
Pildi suurust saab vähendada spetsiaalsete tasuta tööriistadega enne üleslaadimist. Näiteks saab:
- muuta pildi mõõtmeid,
- vähendada kvaliteeti,
- teisendada pilt sobivamasse formaati.
Hea rusikareegel veebis kasutamiseks
- Väldi väga suuri originaalfotosid otse üles laadimast.
- Proovi hoida üks tavaline veebipilt umbes 200 KB kuni 800 KB piires.
- Suuremate bännerite või taustapiltide puhul võib fail olla suurem, kuid üldiselt tasub jääda alla 1 MB.
Näide
Kui originaalpilt on 5 MB, siis saab seda sageli vähendada nii:
- muuda laius näiteks 4000 px pealt 1400 px peale,
- salvesta JPG või WebP formaadis,
- vali kvaliteediks 75%.
Tulemuseks võib olla pilt suurusega umbes 0.3–0.8 MB, mis sobib veebis kasutamiseks palju paremini.
Tööriistad pildi vähendamiseks
Enne pildi üleslaadimist saab selle mahtu vähendada erinevate tasuta tööriistade abil. Need aitavad muuta pildi väiksemaks ilma nähtava kvaliteedikaota.
IrfanView (Windows)
https://www.irfanview.com/link opens on new page
Lihtne ja kiire programm Windowsile, mis võimaldab pilte vähendada, muuta suurust ja teha mass-töötlust (batch processing).
- Võimaldab muuta pildi mõõtmeid (resize)
- Saab määrata JPG kvaliteedi (nt 70–80%)
- Toetab mitme pildi korraga töötlemist
ImageOptim (Mac)
https://imageoptim.com/maclink opens on new page
Väga lihtne tööriist Mac kasutajatele – piisab piltide lohistamisest aknasse.
- Eemaldab liigsed metaandmed ja vähendab faili mahtu
- Säilitab visuaalse kvaliteedi
- Automaatne töö – ei vaja seadistamist
ImageOptim vähendab pilte ilma kvaliteedikaduta ja eemaldab üleliigse info, et säästa ruumi ja kiirendada laadimist.
Squoosh (Google veebitööriist)
https://squoosh.applink opens on new page
Google loodud tasuta veebitööriist, mis töötab otse brauseris.
- Võimaldab muuta kvaliteeti ja formaati (JPG, WebP, AVIF)
- Näitab kohe enne ja pärast tulemust
- Saab täpselt kontrollida faili suurust
Squoosh võimaldab pilte tihendada ja suurust vähendada otse brauseris, säilitades visuaalse kvaliteedi.
Kokkuvõte
Pildi faili suurus näitab, kui palju ruumi see fail võtab. Suur fail ei tähenda alati, et pilt on veebis parem. Enne üleslaadimist tasub kontrollida:
- kas pildi mõõtmed on mõistlikud,
- kas failiformaat on sobiv,
- kas faili mahtu saab vähendada ilma nähtava kvaliteedikaota.
Hästi optimeeritud pildid muudavad veebilehe kiiremaks, säästavad serveriruumi ja parandavad kasutajakogemust.