cheat sheet
Täydellinen kuvatiedostokokojen viiteopas
Kuinka suuri kuvan pitäisi olla? Käytännölliset KB/MB-vertailuarvot joka käyttötarkoitukseen.
"Kuinka suuri tämän kuvan pitäisi olla?" on useimmin kysytty kysymys verkkosivustojen suorituskyvyssä. Rehellinen vastaus on: se riippuu käyttötarkoituksesta. Tässä on käytännöllinen viiteopas.
Hero-kuvat / yläosan kuvat
| Tyyppi | Tavoitekoko | Muoto |
|---|---|---|
| Koko leveyden hero (työpöytä) | 150-300 KB | WebP / AVIF |
| Mobiili hero | 80-150 KB | WebP |
| Laiskasti ladattu alaosa | enintään 500 KB | WebP / JPG |
Pikkukuvat / listauskuvat
| Tyyppi | Tavoitekoko | Muoto |
|---|---|---|
| Tuoteruudukon pikkukuva (300×300) | 15-40 KB | WebP / JPG |
| Artikkelin esikatselu (640×360) | 30-80 KB | WebP |
| Avatar (96×96) | 5-15 KB | WebP / PNG |
Sosiaalisen median lataukset
Useimmat alustat pakkaavat uudelleen aggressiivisesti, joten liiallinen optimointi omassa päässä on turhaa. Tavoittele "korkeaa laatua" mieluummin kuin "pienintä mahdollista":
| Alusta | Suositeltu latauskoko |
|---|---|
| 1,5-3 MB (ne pakkaavat uudelleen noin 150 KB:ksi) | |
| Twitter / X | alle 5 MB; tämän yli = pakotettu uudelleenpakkaus |
| alle 1 MB julkaisuille | |
| alle 5 MB; PNG logoille, JPG valokuville |
Taustakuvat (kun tallennetaan paikallisesti)
Puhelimen tallennustila on valtava – laatu on tärkeämpää kuin koko:
| Resoluutio | Kohtuullinen JPG-koko |
|---|---|
| HD (1280×720) | 200-400 KB |
| Full HD (1920×1080) | 400-800 KB |
| 4K (3840×2160) | 1,5-3 MB |
| 5K (5120×2880) | 3-6 MB |
| 8K (7680×4320) | 6-12 MB |
Sähköpostiallekirjoitukset ja upotetut grafiikat
| Käyttötarkoitus | Tavoitekoko |
|---|---|
| Sähköpostiallekirjoituksen kuva | alle 50 KB |
| PDF:ään upotettu kuva | alle 200 KB |
| Diaesityksen kuva | alle 500 KB |
Työkalut tavoitteen saavuttamiseen
- JPG-pakkain — liukusäädinpohjainen, näet KB:n reaaliajassa säätäessäsi laatua.
- WebP-muunnin — tyypillisesti 30-50 % pienempi samalla laadulla.
- Koonmuokkain — pienemmät mitat = pienempi tiedosto. Muuta kokoa ensin, pakkaa sitten.
- Eräkäsittely — sovella tavoiteasetuksiasi koko kansioon.
Kokeile ilmaisia työkalujamme
- Kuvan koonmuokkain — pikselintarkka pienennys + suurennus.
- Muunna WebP:ksi — 30-50 % pienemmät tiedostot kuin JPG.
- Taustanpoistaja — yhden napsautuksen leikkaus.
- Sosiaalisen median koonmuokkain — jokaisen alustan tarkat mitat.
- Eräkäsittely — sovella mitä tahansa työkalua jopa 200 kuvaan kerralla.
Tutustu koko työkalukatalogiin tai muihin oppaihimme.
