Kalkulator Rasio Aspek

Memahami Rasio Aspek

Rasio aspek adalah hubungan proporsional antara lebar dan tinggi gambar atau video, ditulis sebagai dua angka yang dipisahkan oleh titik dua. 16:9 berarti setiap 16 piksel lebar terdapat 9 piksel tinggi. Rasio aspek tidak berdimensi — 1920×1080 dan 1280×720 keduanya 16:9 karena berbagi proporsi yang sama.

Rasio Umum dan Kegunaannya

• 16:9 (1,78:1) — Standar universal untuk video layar lebar: YouTube, Netflix, Vimeo, Twitch, siaran TV, monitor desktop, layar laptop.
• 4:3 (1,33:1) — Standar TV dan monitor lama. Masih digunakan untuk presentasi, beberapa aplikasi iPad, video definisi standar.
• 1:1 — Format persegi. Feed Instagram, foto profil, sampul album. Dampak visual kuat, sama lebar dan tingginya.
• 9:16 (0,56:1) — Video vertikal untuk TikTok, Instagram Reels dan Stories, YouTube Shorts. Format layar penuh perangkat mobile.
• 4:5 (0,8:1) — Postingan feed potret Instagram. Lebih tinggi dari persegi, menampilkan lebih banyak konten tanpa sepenuhnya vertikal.
• 21:9 (2,33:1) — Sinematik ultrawide. Digunakan di bioskop (format scope 2,39:1) dan monitor ultrawide.
• 3:2 (1,5:1) — Fotografi film 35mm tradisional dan banyak kamera digital. Proporsi foto cetak standar.

Cara Mempertahankan Rasio Aspek Saat Mengubah Ukuran

Untuk menskalakan gambar sambil mempertahankan rasionya, kalikan kedua dimensi dengan faktor skala yang sama. Untuk menemukan tinggi proporsional untuk lebar baru: tinggi baru = (lebar baru / lebar asli) × tinggi asli.

Contoh: Skalakan 1920×1080 ke versi lebar 1.280 piksel: 1080 × (1280 / 1920) = 1080 × 0,667 = 720 piksel. Hasilnya, 1280×720, mempertahankan rasio 16:9.

Properti CSS aspect-ratio

Properti CSS aspect-ratio (didukung di semua browser modern sejak 2021) memungkinkan kamu mendeklarasikan rasio yang dimaksud untuk suatu elemen tanpa mengetahui kedua dimensinya. Menetapkan aspect-ratio: 16 / 9 pada container dan hanya memberikan width menyebabkan browser menghitung tinggi yang benar secara otomatis. Ini menggantikan teknik padding-percentage hack yang lebih lama.

Pertanyaan yang Sering Diajukan

• Apa itu rasio aspek?
  Rasio aspek menggambarkan hubungan proporsional antara lebar dan tinggi gambar atau video, dinyatakan sebagai dua angka (mis. 16:9). Rasio 16:9 berarti lebarnya 16 satuan untuk setiap 9 satuan tinggi.
• Berapa rasio aspek standar video YouTube?
  Rasio standar YouTube adalah 16:9. Resolusi yang disarankan: 1920×1080 (Full HD). Thumbnail minimal 1280×720 atau 1920×1080 yang disarankan.
• Rasio aspek apa yang digunakan Instagram?
  Instagram mendukung 1:1 (persegi, 1080×1080), 4:5 (feed potret, 1080×1350), dan 9:16 (Stories/Reels, 1080×1920).
• Bagaimana cara mempertahankan rasio aspek saat mengubah ukuran?
  Tinggi baru = (lebar baru / lebar asli) × tinggi asli. Untuk CSS, gunakan aspect-ratio: 16 / 9 dan atur hanya satu dimensi — browser menghitung yang lainnya secara otomatis.
• Berapa piksel untuk rasio 16:9?
  Resolusi 16:9 yang umum: 1280×720 (HD), 1920×1080 (Full HD), 2560×1440 (QHD), 3840×2160 (4K UHD), 7680×4320 (8K UHD). Dimensi apa pun di mana lebar ÷ tinggi = 1,778 adalah 16:9.
• Apa yang dilakukan properti CSS aspect-ratio?
  Properti CSS aspect-ratio mendeklarasikan rasio yang diinginkan untuk suatu elemen. Menetapkan aspect-ratio: 16 / 9 dan hanya lebar menyebabkan browser menghitung tinggi secara otomatis. Didukung di semua browser modern sejak 2021.