Veličine slika za web-stranice, e-poštu i društvene mreže
Referentna tablica dimenzija u pikselima i omjera za web-stranice, preglede poveznica, e-poštu i sve veće društvene mreže.
Prenesete li sliku pogrešne veličine, dobit ćete mutan rezultat, odrezan motiv ili stranicu koja se sporo učitava. Ovaj vodič okuplja dimenzije koje vrijede u 2026. godini, uz objašnjenje razloga, kako biste mogli donijeti razumne odluke kada platforma promijeni pravila.
Dva načela
Uskladite veličinu s veličinom prikaza, uzimajući u obzir zaslone visoke gustoće. Većina mobitela i prijenosnih računala danas ima zaslone s dva ili tri fizička piksela po CSS pikselu. Slika prikazana u širini od 600 CSS piksela trebala bi biti široka 1200 piksela da bi izgledala oštro. Sve iznad 2× povećava veličinu datoteke bez vidljive koristi.
Prvo pogodite omjer stranica, a tek onda broj piksela. Platforme automatski obrezuju sliku na željeni omjer, a automatsko obrezivanje odsijeca glave i logotipe. Sami obrežite sliku na pravi omjer alatom za obrezivanje, a zatim joj promijenite veličinu alatom za promjenu veličine.
Slike na web-stranicama
| Namjena | Širina | Omjer | Ciljana veličina datoteke |
|---|---|---|---|
| Glavna slika pune širine | 1920 px (2560 za vrlo velike zaslone) | 16:9 ili 21:9 | Manje od 300 KB kao WebP |
| Slika u sadržaju / na blogu | 1200 do 1600 px | 3:2 ili 16:9 | Manje od 150 KB |
| Kartica ili minijatura u mreži | 600 do 800 px | Jednak u cijeloj mreži | Manje od 60 KB |
| Slika proizvoda | 1200 do 2000 px | 1:1 ili 4:5 | Manje od 200 KB, veća za zumiranje |
| Logotip (rasterski) | 2× njegove veličine prikaza | Prema dizajnu | PNG ili SVG |
| Open Graph / pregled poveznice | 1200 × 630 px | 1,91:1 | Manje od 300 KB, JPG ili PNG |
| Favicon | 16, 32, 48, 64 px u jednoj .ico datoteci | 1:1 | Sićušna |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
E-pošta
Klijenti e-pošte prikazuju poruke u fiksnoj širini, obično 600 do 640 piksela za tijelo poruke. Pripremite slike široke 1200 px (2× za retina zaslone) i ukupnu poruku držite ispod otprilike 1 MB, jer Gmail teže poruke skraćuje, a na mobitelu se sporo otvaraju. Koristite JPG ili PNG, jer je podrška za WebP u klijentima e-pošte još nedosljedna. GIF je u redu za jednostavnu animaciju.
Društvene mreže
| Platforma | Mjesto | Veličina | Omjer |
|---|---|---|---|
| Feed, okomito (najbolji doseg) | 1080 × 1350 | 4:5 | |
| Feed, kvadrat | 1080 × 1080 | 1:1 | |
| Stories / naslovnica Reelsa | 1080 × 1920 | 9:16 | |
| Profilna slika | 320 × 320 (prikazuje se u krugu) | 1:1 | |
| Slika u feedu | 1200 × 630 ili 1080 × 1350 | 1,91:1 ili 4:5 | |
| Naslovna slika stranice | 1640 × 856 | Na računalu se prikazuje kao 820 × 312 | |
| Slika objave | 1200 × 627 | 1,91:1 | |
| Banner tvrtke | 1128 × 191 | oko 5,9:1 | |
| X (Twitter) | Slika objave | 1600 × 900 | 16:9 |
| X (Twitter) | Zaglavlje | 1500 × 500 | 3:1 |
| YouTube | Minijatura | 1280 × 720 | 16:9, manje od 2 MB |
| YouTube | Banner kanala | 2560 × 1440 (sigurno područje 1546 × 423) | 16:9 |
| TikTok | Naslovnica videa | 1080 × 1920 | 9:16 |
| Pin | 1000 × 1500 | 2:3 | |
| WhatsApp / Telegram | Profilna slika | 640 × 640 | 1:1 |
Svaka društvena mreža ponovno sažima prenesene slike, obično u JPG s kvalitetom oko 75 do 80. Prenesite visoku kvalitetu (JPG 90 ili PNG) u točnim dimenzijama iz tablice i pustite platformu da konačno sažimanje obavi jednom, umjesto da vaše sažimanje slažete na njezino. Ako objavu želite vidjeti prije objavljivanja, upotrijebite prikaz objave.
Ispis, radi potpunosti
Ispis se mjeri u pikselima po inču, a ne u ukupnom broju piksela. Standard je 300 ppi: fotografija 6 × 4 inča treba 1800 × 1200 px, stranica A4 treba 2480 × 3508 px, a plakat A3 3508 × 4961 px. Sve ispod 150 ppi na ispisu će izgledati vidljivo mekano. Pripremite JPG s kvalitetom 95 ili format bez gubitaka.
Brz tijek rada
- Obrežite sliku na omjer koji traži odredište.
- Promijenite veličinu na širinu iz tablice, nikada veću od 2× veličine prikaza.
- Spremite kao WebP za web-stranice, JPG za e-poštu i društvene mreže te PNG za grafike s prozirnošću.
- Provjerite veličinu datoteke. Ako je iznad cilja, smanjite kvalitetu za nekoliko bodova umjesto da smanjujete dimenzije.
Sva četiri koraka možete obaviti na ovoj stranici bez prijenosa slike na bilo koji poslužitelj.