Saiz imej untuk laman web, e-mel dan media sosial

Jadual rujukan dimensi piksel dan nisbah untuk halaman web, pratonton pautan, e-mel dan setiap platform sosial utama.

Oleh Jenna, Reka bentuk web, Ikonik Digital · Kemas kini terakhir 2026-10-03

Memuat naik imej pada saiz yang salah bermakna sama ada hasil yang kabur, subjek yang terpotong, atau halaman yang lambat dimuatkan. Rujukan ini mengumpulkan dimensi yang berkesan pada tahun 2026, berserta penjelasan tentang sebabnya supaya anda boleh membuat keputusan yang bijak apabila sesuatu platform menukar peraturannya.

Dua prinsip

Padankan dengan saiz paparan, dengan mengambil kira skrin berketumpatan tinggi. Kebanyakan telefon dan komputer riba kini mempunyai skrin dengan dua atau tiga piksel fizikal bagi setiap piksel CSS. Imej yang dipaparkan selebar 600 piksel CSS sepatutnya selebar 1,200 piksel supaya kelihatan tajam. Melebihi 2× hanya menambah saiz fail tanpa manfaat yang kelihatan.

Tetapkan nisbah aspek dengan betul sebelum bilangan piksel. Platform memangkas imej kepada nisbah pilihan mereka secara automatik, dan pemangkasan automatik memotong kepala dan logo. Pangkas kepada nisbah itu sendiri dengan alat pangkas, kemudian ubah saiz dengan alat ubah saiz.

Imej laman web

KegunaanLebarNisbahSasaran saiz fail
Imej utama lebar penuh1,920 px (2,560 untuk skrin yang sangat besar)16:9 atau 21:9Bawah 300 KB sebagai WebP
Imej kandungan / blog1,200 hingga 1,600 px3:2 atau 16:9Bawah 150 KB
Kad atau imej kecil grid600 hingga 800 pxSeragam di seluruh gridBawah 60 KB
Imej produk1,200 hingga 2,000 px1:1 atau 4:5Bawah 200 KB; lebih besar untuk zum
Logo (raster)2× saiz paparannyaMengikut reka bentukPNG atau SVG
Open Graph / pratonton pautan1,200 × 630 px1.91:1Bawah 300 KB, JPG atau PNG
Favicon16, 32, 48, 64 px dalam satu .ico1:1Sangat kecil
Apple touch icon180 × 180 px1:1PNG

E-mel

Aplikasi e-mel memaparkan kandungan pada lebar tetap, biasanya 600 hingga 640 piksel untuk badan mesej. Sediakan imej selebar 1,200 px (2× untuk skrin retina) dan pastikan jumlah saiz mesej kurang daripada kira-kira 1 MB; e-mel yang lebih berat akan dipotong oleh Gmail dan lambat dibuka pada telefon. Gunakan JPG atau PNG; sokongan WebP dalam aplikasi e-mel masih tidak konsisten. GIF sesuai untuk animasi ringkas.

Media sosial

PlatformPenempatanSaizNisbah
InstagramSuapan, potret (capaian terbaik)1,080 × 1,3504:5
InstagramSuapan, segi empat sama1,080 × 1,0801:1
InstagramStories / kulit Reels1,080 × 1,9209:16
InstagramGambar profil320 × 320 (dipaparkan dalam bulatan)1:1
FacebookImej suapan1,200 × 630 atau 1,080 × 1,3501.91:1 atau 4:5
FacebookKulit halaman1,640 × 856Dipaparkan 820 × 312 pada komputer
LinkedInImej hantaran1,200 × 6271.91:1
LinkedInSepanduk syarikat1,128 × 191kira-kira 5.9:1
X (Twitter)Imej hantaran1,600 × 90016:9
X (Twitter)Pengepala1,500 × 5003:1
YouTubeImej kecil1,280 × 72016:9, bawah 2 MB
YouTubeSepanduk saluran2,560 × 1,440 (kawasan selamat 1,546 × 423)16:9
TikTokKulit video1,080 × 1,9209:16
PinterestPin1,000 × 1,5002:3
WhatsApp / TelegramGambar profil640 × 6401:1

Setiap platform sosial memampatkan semula imej yang dimuat naik, biasanya kepada JPG pada kualiti sekitar 75 hingga 80. Muat naik pada kualiti tinggi (JPG 90 atau PNG) pada dimensi tepat seperti di atas, dan biarkan platform melakukan pemampatan terakhir sekali sahaja, daripada menindih pemampatan anda di atas pemampatan mereka. Untuk melihat hantaran sebelum diterbitkan, gunakan mockup hantaran media sosial.

Cetakan, sebagai pelengkap

Cetakan diukur dalam piksel setiap inci, bukan jumlah piksel. 300 ppi ialah standardnya: foto 6 × 4 inci memerlukan 1,800 × 1,200 px, halaman A4 memerlukan 2,480 × 3,508 px, dan poster A3 memerlukan 3,508 × 4,961 px. Apa sahaja di bawah 150 ppi akan kelihatan jelas kurang tajam apabila dicetak. Sediakan JPG pada kualiti 95 atau format tanpa kehilangan.

Aliran kerja pantas

  1. Pangkas kepada nisbah yang dikehendaki oleh destinasi.
  2. Ubah saiz kepada lebar dalam jadual, jangan sekali-kali melebihi 2× saiz paparan.
  3. Eksport sebagai WebP untuk laman web, JPG untuk e-mel dan media sosial, PNG untuk grafik yang memerlukan ketelusan.
  4. Semak saiz fail; jika melebihi sasaran, turunkan kualiti beberapa mata dan bukannya mengecilkan dimensi.

Keempat-empat langkah boleh dilakukan di laman ini tanpa memuat naik imej ke mana-mana.