Ukuran gambar untuk situs web, email, dan media sosial
Tabel referensi dimensi piksel dan rasio untuk halaman web, pratinjau tautan, email, dan setiap platform sosial besar.
Mengunggah gambar dengan ukuran salah berarti hasil kabur, subjek terpotong, atau halaman yang lambat dimuat. Referensi ini mengumpulkan dimensi yang berfungsi pada 2026, dengan penjelasan alasannya agar Anda bisa membuat keputusan masuk akal saat platform mengubah aturannya.
Dua prinsip
Sesuaikan ukuran tampilan, dengan memperhitungkan layar kepadatan tinggi. Kebanyakan ponsel dan laptop sekarang punya layar dengan dua atau tiga piksel fisik per piksel CSS. Gambar yang ditampilkan selebar 600 piksel CSS harus 1.200 piksel lebarnya agar tampak tajam. Melebihi 2× menambah ukuran file tanpa manfaat terlihat.
Benarkan rasio aspek sebelum jumlah piksel. Platform memotong ke rasio pilihannya secara otomatis, dan pemotongan otomatis memotong kepala dan logo. Potong ke rasio sendiri dengan alat potong, lalu ubah ukuran dengan alat ubah ukuran.
Gambar situs web
| Penggunaan | Lebar | Rasio | Target ukuran file |
|---|---|---|---|
| Hero lebar penuh | 1.920 px (2.560 untuk layar sangat besar) | 16:9 atau 21:9 | Di bawah 300 KB sebagai WebP |
| Gambar konten / blog | 1.200 sampai 1.600 px | 3:2 atau 16:9 | Di bawah 150 KB |
| Thumbnail kartu atau grid | 600 sampai 800 px | Konsisten di seluruh grid | Di bawah 60 KB |
| Gambar produk | 1.200 sampai 2.000 px | 1:1 atau 4:5 | Di bawah 200 KB; lebih besar untuk zoom |
| Logo (raster) | 2× ukuran tampilannya | Sesuai desain | PNG atau SVG |
| Open Graph / pratinjau tautan | 1.200 × 630 px | 1,91:1 | Di bawah 300 KB, JPG atau PNG |
| Favicon | 16, 32, 48, 64 px dalam satu .ico | 1:1 | Mungil |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
Klien email merender pada lebar tetap, umumnya 600 sampai 640 piksel untuk isi pesan. Sediakan gambar selebar 1.200 px (2× untuk retina) dan jaga total pesan di bawah sekitar 1 MB; email lebih berat dipotong Gmail dan lambat dibuka di ponsel. Gunakan JPG atau PNG; dukungan WebP di klien email masih tidak konsisten. GIF cukup untuk animasi sederhana.
Media sosial
| Platform | Penempatan | Ukuran | Rasio |
|---|---|---|---|
| Feed, potret (jangkauan terbaik) | 1.080 × 1.350 | 4:5 | |
| Feed, persegi | 1.080 × 1.080 | 1:1 | |
| Stories / sampul Reels | 1.080 × 1.920 | 9:16 | |
| Foto profil | 320 × 320 (ditampilkan dalam lingkaran) | 1:1 | |
| Gambar feed | 1.200 × 630 atau 1.080 × 1.350 | 1,91:1 atau 4:5 | |
| Sampul halaman | 1.640 × 856 | Ditampilkan 820 × 312 di desktop | |
| Gambar postingan | 1.200 × 627 | 1,91:1 | |
| Banner perusahaan | 1.128 × 191 | ~5,9:1 | |
| X (Twitter) | Gambar postingan | 1.600 × 900 | 16:9 |
| X (Twitter) | Header | 1.500 × 500 | 3:1 |
| YouTube | Thumbnail | 1.280 × 720 | 16:9, di bawah 2 MB |
| YouTube | Banner channel | 2.560 × 1.440 (area aman 1.546 × 423) | 16:9 |
| TikTok | Sampul video | 1.080 × 1.920 | 9:16 |
| Pin | 1.000 × 1.500 | 2:3 | |
| WhatsApp / Telegram | Foto profil | 640 × 640 | 1:1 |
Setiap platform sosial mengompres ulang unggahan, biasanya ke JPG sekitar kualitas 75 sampai 80. Unggah pada kualitas tinggi (JPG 90 atau PNG) pada dimensi persis di atas, dan biarkan platform melakukan kompresi akhir sekali alih-alih menumpuk kompresi Anda di atas kompresi mereka.
Cetak, demi kelengkapan
Cetak diukur dalam piksel per inci, bukan total piksel. 300 ppi adalah standar: foto 6 × 4 inci butuh 1.800 × 1.200 px, halaman A4 butuh 2.480 × 3.508 px, dan poster A3 3.508 × 4.961 px. Apa pun di bawah 150 ppi akan tampak lembut saat dicetak. Sediakan JPG kualitas 95 atau format lossless.
Alur kerja cepat
- Potong ke rasio yang diinginkan tujuan.
- Ubah ukuran ke lebar di tabel, tidak pernah lebih dari 2× ukuran tampilan.
- Ekspor sebagai WebP untuk situs web, JPG untuk email dan sosial, PNG untuk grafik dengan transparansi.
- Periksa ukuran file; jika melebihi target, turunkan kualitas beberapa poin alih-alih memperkecil dimensi.
Keempat langkah bisa dilakukan di situs ini tanpa mengunggah gambar ke mana pun.