Veličine slika za sajtove, imejl i društvene mreže
Referentna tabela dimenzija u pikselima i odnosa stranica za veb stranice, preglede linkova, imejl i sve velike društvene mreže.
Otpremanje slike u pogrešnoj veličini znači ili mutan rezultat, ili odsečen motiv, ili stranicu koja se sporo učitava. Ovaj podsetnik okuplja dimenzije koje funkcionišu u 2026. godini, uz objašnjenje logike, kako biste mogli da donosite razumne odluke kada neka platforma promeni pravila.
Dva principa
Uskladite sliku sa veličinom prikaza, uzimajući u obzir ekrane visoke gustine. Većina telefona i laptopova danas ima ekrane sa dva ili tri fizička piksela po jednom CSS pikselu. Slika prikazana u širini od 600 CSS piksela treba da bude široka 1.200 piksela da bi izgledala oštro. Sve preko 2× povećava fajl bez vidljive koristi.
Prvo podesite odnos stranica, pa tek onda broj piksela. Platforme automatski seku sliku na svoj željeni odnos, a automatsko sečenje odseca glave i logotipe. Sami isecite sliku na željeni odnos pomoću alata za sečenje, a zatim promenite veličinu alatom za promenu veličine.
Slike na sajtu
| Namena | Širina | Odnos | Ciljna veličina fajla |
|---|---|---|---|
| Naslovna slika pune širine | 1.920 px (2.560 za veoma velike ekrane) | 16:9 ili 21:9 | Ispod 300 KB kao WebP |
| Slika u sadržaju / blogu | 1.200 do 1.600 px | 3:2 ili 16:9 | Ispod 150 KB |
| Sličica za karticu ili mrežu | 600 do 800 px | Isti u celoj mreži | Ispod 60 KB |
| Slika proizvoda | 1.200 do 2.000 px | 1:1 ili 4:5 | Ispod 200 KB; veća za zumiranje |
| Logotip (rasterski) | 2× veličina prikaza | Kako je dizajniran | PNG ili SVG |
| Open Graph / pregled linka | 1.200 × 630 px | 1,91:1 | Ispod 300 KB, JPG ili PNG |
| Favikon | 16, 32, 48, 64 px u jednom .ico fajlu | 1:1 | Sićušan |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
Imejl
Imejl klijenti prikazuju poruke u fiksnoj širini, obično od 600 do 640 piksela za telo poruke. Pripremite slike široke 1.200 px (2× za retina ekrane) i držite celu poruku ispod približno 1 MB; teže imejlove Gmail skraćuje, a na telefonu se sporo otvaraju. Koristite JPG ili PNG; podrška za WebP u imejl klijentima je i dalje nedosledna. GIF je u redu za jednostavnu animaciju.
Društvene mreže
| Platforma | Mesto | Veličina | Odnos |
|---|---|---|---|
| Fid, uspravno (najbolji doseg) | 1.080 × 1.350 | 4:5 | |
| Fid, kvadrat | 1.080 × 1.080 | 1:1 | |
| Stories / naslovna slika za Reels | 1.080 × 1.920 | 9:16 | |
| Profilna slika | 320 × 320 (prikazuje se u krugu) | 1:1 | |
| Slika u fidu | 1.200 × 630 ili 1.080 × 1.350 | 1,91:1 ili 4:5 | |
| Naslovna slika stranice | 1.640 × 856 | Na računaru se prikazuje kao 820 × 312 | |
| Slika u objavi | 1.200 × 627 | 1,91:1 | |
| Baner kompanije | 1.128 × 191 | oko 5,9:1 | |
| X (Twitter) | Slika u objavi | 1.600 × 900 | 16:9 |
| X (Twitter) | Zaglavlje | 1.500 × 500 | 3:1 |
| YouTube | Sličica | 1.280 × 720 | 16:9, ispod 2 MB |
| YouTube | Baner kanala | 2.560 × 1.440 (bezbedna zona 1.546 × 423) | 16:9 |
| TikTok | Naslovna slika videa | 1.080 × 1.920 | 9:16 |
| Pin | 1.000 × 1.500 | 2:3 | |
| WhatsApp / Telegram | Profilna slika | 640 × 640 | 1:1 |
Svaka društvena mreža ponovo kompresuje otpremljene slike, obično u JPG sa kvalitetom od oko 75 do 80. Otpremite visok kvalitet (JPG 90 ili PNG) u tačnim dimenzijama iz tabele i pustite platformu da jednom uradi završnu kompresiju, umesto da svoju kompresiju gomilate preko njihove. Da biste videli objavu pre objavljivanja, upotrebite maketu objave.
Štampa, radi potpunosti
Štampa se meri u pikselima po inču, a ne ukupnim brojem piksela. Standard je 300 ppi: fotografiji formata 6 × 4 inča potrebno je 1.800 × 1.200 px, stranici A4 je potrebno 2.480 × 3.508 px, a A3 posteru 3.508 × 4.961 px. Sve ispod 150 ppi u štampi će izgledati vidljivo meko. Pripremite JPG sa kvalitetom 95 ili format bez gubitaka.
Brz postupak
- Isecite sliku na odnos koji odredište zahteva.
- Promenite veličinu na širinu iz tabele, nikada veću od 2× veličine prikaza.
- Izvezite u WebP za sajtove, JPG za imejl i društvene mreže, PNG za grafiku sa providnošću.
- Proverite veličinu fajla; ako je iznad cilja, smanjite kvalitet za nekoliko poena umesto da smanjujete dimenzije.
Sva četiri koraka možete uraditi na ovom sajtu, bez otpremanja slike bilo gde.