Referensi Format & Ukuran Gambar

Ukuran Kustom

Masukkan lebar dan tinggi untuk melihat rasio serta menyalin teks.

Satuan

DPI

Lebar

Tinggi

DPI hanya memengaruhi konversi cetak.

Rasio aspek: 1:1

Nilai rasio: 1.000

Rasio umum: 1:1

Skenario umum

Pilih skenario untuk melihat ukuran dan rasio yang disarankan.

Situs web

Gambar hero, pratinjau blog, dan ikon aplikasi.

Banner hero

Rasio 16:9

Untuk header penuh atau landing page.

Ukuran1,920 × 1,080 px

Rasio umum: 16:9

Pratinjau blog

Rasio 300:157

Untuk Open Graph dan thumbnail artikel.

Ukuran1,200 × 628 px

Rasio umum: Kustom

Ikon aplikasi

Rasio 1:1

Ukuran ikon serbaguna.

Ukuran512 × 512 px

Rasio umum: 1:1

Sosial

Ukuran posting dan cover yang umum.

Postingan Instagram (persegi)

Rasio 1:1

Postingan feed standar.

Ukuran1,080 × 1,080 px

Rasio umum: 1:1

Cerita Instagram

Rasio 9:16

Cerita penuh layar atau cover reel.

Ukuran1,080 × 1,920 px

Rasio umum: 9:16

Sampul Facebook

Rasio 205:78

Area aman foto sampul.

Ukuran820 × 312 px

Rasio umum: Kustom

Cetak

Ukuran siap cetak. DPI memengaruhi ukuran sebenarnya.

Poster A4

Rasio 620:877

Ukuran A4 standar pada 300 DPI.

Ukuran2,480 × 3,508 px

Rasio umum: Kustom

Foto 4×6

Rasio 2:3

Ukuran cetak foto umum.

Ukuran1,200 × 1,800 px

Rasio umum: Kustom

Poster A3

Rasio 3508:4961

Cetak besar pada 300 DPI.

Ukuran3,508 × 4,961 px

Rasio umum: Kustom

Presentasi

Ukuran slide untuk presentasi.

Layar lebar 16:9

Rasio 16:9

Rasio standar presentasi modern.

Ukuran1,920 × 1,080 px

Rasio umum: 16:9

Standar 4:3

Rasio 4:3

Untuk proyektor lama atau handout.

Ukuran1,024 × 768 px

Rasio umum: Kustom

Panduan format

Bandingkan format gambar populer dan kegunaannya.

JPEG

Seimbang antara ukuran dan kualitas untuk foto.

Cocok untukFotografi, gradasi
KompresiLossy (Rugi)
TransparansiTidak didukung
VektorTidak didukung

PNG

Tepi tajam dan mendukung transparansi.

Cocok untukAset UI, tangkapan layar
KompresiLossless (Tanpa rugi)
TransparansiDidukung
VektorTidak didukung

WebP

Format modern dengan kompresi baik.

Cocok untukGambar web, konten campuran
KompresiLossy atau lossless
TransparansiDidukung
VektorTidak didukung

SVG

Berbasis vektor dan tidak tergantung resolusi.

Cocok untukIkon, logo, ilustrasi
KompresiBerbasis XML
TransparansiDidukung
VektorDidukung

Tips: Gunakan SVG untuk ikon dan logo, lalu ekspor ke PNG atau WebP bila perlu.

Ukuran Kustom

Masukkan lebar dan tinggi untuk melihat rasio serta menyalin teks.

Satuan

DPI

Lebar

Tinggi

DPI hanya memengaruhi konversi cetak.

Rasio aspek: 1:1

Nilai rasio: 1.000

Rasio umum: 1:1

Skenario umum

Pilih skenario untuk melihat ukuran dan rasio yang disarankan.

Situs web

Gambar hero, pratinjau blog, dan ikon aplikasi.

Banner hero

Rasio 16:9

Untuk header penuh atau landing page.

Ukuran1,920 × 1,080 px

Rasio umum: 16:9

Pratinjau blog

Rasio 300:157

Untuk Open Graph dan thumbnail artikel.

Ukuran1,200 × 628 px

Rasio umum: Kustom

Ikon aplikasi

Rasio 1:1

Ukuran ikon serbaguna.

Ukuran512 × 512 px

Rasio umum: 1:1

Sosial

Ukuran posting dan cover yang umum.

Postingan Instagram (persegi)

Rasio 1:1

Postingan feed standar.

Ukuran1,080 × 1,080 px

Rasio umum: 1:1

Cerita Instagram

Rasio 9:16

Cerita penuh layar atau cover reel.

Ukuran1,080 × 1,920 px

Rasio umum: 9:16

Sampul Facebook

Rasio 205:78

Area aman foto sampul.

Ukuran820 × 312 px

Rasio umum: Kustom

Cetak

Ukuran siap cetak. DPI memengaruhi ukuran sebenarnya.

Poster A4

Rasio 620:877

Ukuran A4 standar pada 300 DPI.

Ukuran2,480 × 3,508 px

Rasio umum: Kustom

Foto 4×6

Rasio 2:3

Ukuran cetak foto umum.

Ukuran1,200 × 1,800 px

Rasio umum: Kustom

Poster A3

Rasio 3508:4961

Cetak besar pada 300 DPI.

Ukuran3,508 × 4,961 px

Rasio umum: Kustom

Presentasi

Ukuran slide untuk presentasi.

Layar lebar 16:9

Rasio 16:9

Rasio standar presentasi modern.

Ukuran1,920 × 1,080 px

Rasio umum: 16:9

Standar 4:3

Rasio 4:3

Untuk proyektor lama atau handout.

Ukuran1,024 × 768 px

Rasio umum: Kustom

Panduan format

Bandingkan format gambar populer dan kegunaannya.

JPEG

Seimbang antara ukuran dan kualitas untuk foto.

Cocok untukFotografi, gradasi
KompresiLossy (Rugi)
TransparansiTidak didukung
VektorTidak didukung

PNG

Tepi tajam dan mendukung transparansi.

Cocok untukAset UI, tangkapan layar
KompresiLossless (Tanpa rugi)
TransparansiDidukung
VektorTidak didukung

WebP

Format modern dengan kompresi baik.

Cocok untukGambar web, konten campuran
KompresiLossy atau lossless
TransparansiDidukung
VektorTidak didukung

SVG

Berbasis vektor dan tidak tergantung resolusi.

Cocok untukIkon, logo, ilustrasi
KompresiBerbasis XML
TransparansiDidukung
VektorDidukung

Tips: Gunakan SVG untuk ikon dan logo, lalu ekspor ke PNG atau WebP bila perlu.

FAQ

Pertanyaan dan jawaban umum tentang topik ini.

Apa itu Referensi Format & Ukuran Gambar?

Referensi cepat ukuran, rasio, dan format gambar untuk web, sosial, cetak, dan slide.

Apakah Referensi Format & Ukuran Gambar gratis?

Ya, Referensi Format & Ukuran Gambar sepenuhnya gratis untuk digunakan.