Aspect Ratio Kalkulator
Hitung rasio dan skalakan dimensi secara proporsional.
Skalakan
Masukkan lebar atau tinggi baru; dimensi lainnya akan dihitung secara otomatis.
Rasio aspek umum
| Rasio | Penggunaan umum | Contoh resolusi |
|---|---|---|
| 16:9 | Layar lebar, YouTube, TV | 1920x1080, 3840x2160 |
| 4:3 | TV klasik, presentasi, iPad | 1024x768, 2048x1536 |
| 1:1 | Postingan Instagram, foto profil | 1080x1080, 400x400 |
| 9:16 | TikTok, Reels, Stories, video seluler | 1080x1920 |
| 21:9 | Layar ultrawide, sinema | 2560x1080, 3440x1440 |
| 3:2 | Kamera DSLR, Surface | 1440x960, 6000x4000 |
Pertanyaan umum
Apa itu rasio aspek?
Rasio aspek adalah hubungan proporsional antara lebar dan tinggi. Rasio 16:9 berarti untuk setiap 16 unit lebar, ada 9 unit tinggi, terlepas dari ukuran piksel sebenarnya.
Mengapa rasio aspek penting dalam video?
Menggunakan rasio yang salah menyebabkan bilah hitam (letterboxing/pillarboxing) atau peregangan. YouTube menggunakan 16:9, TikTok/Reels menggunakan 9:16, dan postingan Instagram menggunakan 1:1 atau 4:5.
Matematika di balik rasio
Rasio aspek adalah hubungan proporsional antara lebar dan tinggi, ditulis sebagai W:H seperti 16:9, atau sebagai desimal tunggal, 16 ÷ 9 = 1.777…, biasanya dibulatkan menjadi 1.78:1. Dua resolusi piksel yang berbeda dapat berbagi rasio yang sama: 1920×1080 dan 1280×720 keduanya 16:9 karena keduanya direduksi menjadi pecahan yang sama.
Untuk menyederhanakan pasangan mana pun, bagi kedua angka dengan pembagi bersama terbesar (greatest common divisor): bilangan bulat terbesar yang membagi lebar dan tinggi secara merata. Untuk Full HD:
gcd(1920, 1080) = 1201920 ÷ 120 = 161080 ÷ 120 = 9- →
16:9
Kalkulator ini menjalankan reduksi GCD tersebut setiap kali Anda mengubah angka, dan juga memecahkan masalah terbalik: diberikan rasio target dan satu dimensi yang diketahui, dimensi lainnya mengikuti dari new height = (known width × H) ÷ W: jadi gambar selebar 1080 yang diskalakan ke 16:9 membutuhkan tinggi 1080 × 9 ÷ 16 = 607.5, biasanya dibulatkan menjadi 608.
Sejarah singkat persegi panjang
Pada tahun 1891 W.K.L. Dickson, bekerja untuk Thomas Edison, memilih bingkai 4:3 untuk Kinetoscope karena membelah stok film Kodak 70mm menjadi dua menghasilkan 35mm, dan empat lubang sproket per bingkai menghasilkan proporsi tersebut. Konvensi Paris mengadopsi 1.33:1 sebagai standar film bisu pada tahun 1925. Ketika strip suara optik mulai merambah area gambar, Society of Motion Picture Engineers menstandarisasi rasio Academy pada 1.375:1 pada 9 Mei 1932, format yang digunakan setiap film studio selama dua puluh tahun berikutnya.
Televisi mulai menggerogoti penonton bioskop pada awal 1950-an, dan Hollywood merespons dengan melebarkan layar. Shane dirilis dalam 1.66:1 pada Mei 1953. Lima bulan kemudian 20th Century Fox mempremierkan The Robe dalam CinemaScope, awalnya 2.55:1 (dikurangi dari maksimum optis 2.66 untuk menyisakan ruang bagi empat jalur suara magnetik). SMPTE menetapkan apertur proyeksi anamorfik pada 2.35:1 pada tahun 1957 dan memperbarui ke 2.39:1 pada tahun 1970 agar tanda sambungan kurang terlihat.
16:9 pun tidak sewenang-wenang. Pada tahun 1984 Kerns H. Powers, bekerja pada kelompok kerja high-definition SMPTE, menurunkannya secara geometris: ketika persegi panjang dengan luas yang sama berbentuk semua rasio bioskop dan TV populer (4:3, 1.85:1, 2.35:1) ditumpuk secara konsentris, semuanya muat di dalam persegi panjang luar 1.77:1 dan semuanya menutupi persegi panjang dalam 1.77:1. Secara matematis, ini adalah rata-rata geometris dari ekstrem, √(1.33 × 2.35) ≈ 1.77. Rekomendasi ITU-R BT.709 mengabadikan 16:9 untuk HDTV pada tahun 1990, dan industri PC beralih dari 16:10 ke 16:9 sekitar tahun 2009 untuk berbagi lini produksi panel dengan TV.
Rasio umum di tahun 2026
| Rasio | Desimal | Di mana Anda menemuinya |
|---|---|---|
| 1:1 | 1.000 | Posting Instagram persegi, foto profil, sampul album |
| 4:5 | 0.800 | Feed potret Instagram (format dengan keterlibatan tertinggi) |
| 2:3 | 0.667 | Pin standar Pinterest, cetak foto 35mm vertikal |
| 3:2 | 1.500 | DSLR full-frame, negatif 35mm, laptop Microsoft Surface |
| 16:10 | 1.600 | Laptop lama, MacBook Pro 14 inci/16 inci, banyak tablet |
| 16:9 | 1.778 | HDTV, monitor modern, YouTube lanskap, sebagian besar laptop |
| 1.85:1 | 1.850 | Rilis teatrikal «flat» modern |
| 1.91:1 | 1.910 | Kartu berbagi Open Graph / Facebook / LinkedIn (1200×630) |
| 2:1 | 2.000 | Univisium, digunakan oleh beberapa serial orisinal streaming |
| 21:9 | 2.333* | Monitor ultrawide (*label pemasaran; secara teknis 64:27 = 2.37:1) |
| 2.39:1 | 2.390 | Widescreen anamorfik modern («scope») |
Ukuran platform media sosial di tahun 2026
- Instagram feed: potret 4:5 (1080×1350) adalah default yang dioptimalkan untuk keterlibatan saat ini, ia menempati ruang layar vertikal yang lebih berarti di ponsel dibandingkan persegi 1:1. Persegi (1080×1080) dan lanskap 1.91:1 juga diterima. Stories dan Reels berformat 9:16 (1080×1920).
- TikTok: native 9:16 pada 1080×1920. Persegi diterima tetapi dipotong dari tengah pada tampilan layar penuh.
- YouTube: horizontal 16:9 (1920×1080 atau 3840×2160 untuk 4K). YouTube Shorts berformat 9:16 pada 1080×1920.
- LinkedIn: kartu berbagi/tautan 1200×630 (1.91:1). Banner cover 1584×396 (4:1). Vertikal 1080×1350 (4:5) direkomendasikan untuk posting feed.
- Pinterest: pin standar 1000×1500 (2:3). Pusat bantuan Pinterest mencatat rasio lain dapat berdampak negatif pada jangkauan, dan pin yang lebih tinggi dari sekitar 1:2.1 dipotong di feed beranda.
- Facebook / Open Graph: pratinjau tautan 1200×630 (1.91:1) adalah standar de facto untuk pratinjau terbesar di News Feed dan Messenger.
Letterbox, pillarbox, windowbox
Ketika rasio aspek bingkai tidak cocok dengan permukaan tempat ia ditampilkan, Anda mendapat bilah hitam; formatnya bergantung pada dimensi mana yang meluap.
- Letterbox: bilah di atas dan bawah. Sumbernya lebih lebar dari tampilan. Menampilkan film 2.39:1 di TV 16:9 adalah contoh kanoniknya. Bilah menghabiskan sekitar
1 − (1.78 / 2.39) ≈ 25%ruang vertikal. - Pillarbox: bilah di kiri dan kanan. Sumbernya lebih sempit dari tampilan. Menampilkan sitkom 4:3 di TV 16:9 adalah kasus klasiknya.
- Windowbox: bilah di keempat sisi. Terjadi ketika konten yang sudah di-letterbox (atau di-pillarbox) diskalakan ke bingkai dengan rasio lain.
- Pan and scan adalah alternatif destruktif: gambar dipotong untuk memenuhi layar dan kamera «menggeser pandangan» melintasi bingkai asli untuk menjaga aksi tetap di tengah. Ini adalah standar untuk merilis film 2.35:1 di VHS 4:3 pada tahun 1980-an dan 90-an, dan banyak dikritik karena memotong komposisi.
CSS aspect-ratio
Browser menyertakan properti CSS yang melakukan perhitungan untuk Anda dalam tata letak. aspect-ratio: 16 / 9; mendeklarasikan bentuk lebar-ke-tinggi yang diinginkan dari suatu elemen. Ketika setidaknya salah satu dari lebar atau tinggi adalah auto, browser mengubah ukuran kotak untuk menghormati rasio tersebut; jika keduanya eksplisit, rasio diabaikan. Menurut MDN, properti ini telah tersedia di semua mesin utama sejak September 2021 dan membawa status «Baseline Widely available».
Sebelumnya, trik standar adalah padding hack (Thierry Koblentz, 2009): nolkan tinggi wrapper dan atur padding-bottom: 56.25%, yaitu 9 ÷ 16 × 100. Persentase padding dihitung terhadap lebar induk, sehingga kotak tersebut menjadi 9 unit tinggi untuk setiap 16 unit lebar. Ekuivalen modern untuk embed YouTube responsif hanya satu baris:
<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>Mengatur aspect-ratio pada tag <img> juga memesan ruang tata letak sebelum gambar dimuat, yang merupakan salah satu peningkatan termurah yang dapat Anda lakukan untuk Cumulative Layout Shift, sebuah Core Web Vital yang memengaruhi peringkat pencarian.
Kesalahan umum
- Meregangkan alih-alih memotong atau letterboxing. Menskalakan setiap sumbu secara independen mendistorsi wajah dan mengubah lingkaran menjadi oval. Aturannya: jangan pernah menskalakan lebar dan tinggi dengan faktor yang berbeda.
- Mempercayai label pemasaran. Monitor «21:9» secara teknis adalah 64:27 (≈ 2.37:1). Panel laptop «1366×768» hampir 16:9 (1366÷768 = 1.7786 vs 16÷9 = 1.7778) tetapi rasio yang disederhanakan sebenarnya adalah 683:384, itulah mengapa video 1080p terkadang menurun skalanya dengan sedikit tidak sempurna. «4K» bisa berarti 3840×2160 (UHD, 16:9) atau 4096×2160 (bioskop DCI, ≈ 1.90:1) tergantung konteks.
- Memotong ulang tanpa memusatkan ulang subjek. Potret 1:1 yang disusun tepat di tengah akan kehilangan kepala dan kaki saat dipotong ulang menjadi 9:16; vertikal 9:16 akan kehilangan tangan dan properti saat dipotong ulang menjadi 1:1. Desainer mengambil gambar dengan «area aman» (sekitar 80% bagian tengah) yang bertahan dari setiap pemotongan ulang umum.
- Mengacaukan rasio aspek dengan kerapatan piksel. 1920×1080 dan 3840×2160 berbagi rasio aspek tetapi menghasilkan ketajaman yang sangat berbeda pada layar fisik yang sama.
- Grid vs feed di Instagram. Posting 4:5 ditampilkan dengan tinggi penuh di feed tetapi dipotong ke tengah menjadi 1:1 di grid profil Anda, jadi apa pun yang penting (wajah, judul, logo) harus bertahan dari pemotongan persegi.
- Mengacaukan 16:9 dengan rasio emas. Phi (≈ 1.618) berada di antara 3:2 (1.5) dan 16:10 (1.6). Persegi panjang emas nyata terlihat lebih mirip kartu kredit daripada TV.
Pertanyaan lainnya
Apakah 1.91:1 sama dengan 16:9?
Tidak. 16:9 adalah 1.778, sedangkan 1.91:1 adalah 1.910. Keduanya terlihat mirip sekilas, tetapi kartu berbagi Open Graph pada 1200×630 (1.91:1) sedikit lebih lebar dari bingkai video 16:9 pada 1920×1080. Ketidakcocokan keduanya adalah salah satu alasan paling umum pratinjau berbagi sosial terpotong dengan cara yang aneh.
Apa perbedaan antara UHD 4K dan DCI 4K?
UHD 4K adalah 3840×2160 dengan rasio aspek 16:9 (1.78:1) (itulah yang digunakan TV konsumen dan sebagian besar streaming. DCI 4K adalah 4096×2160 dengan rasio aspek 256:135 (≈ 1.90:1)) itulah standar penguasaan bioskop digital yang diperlukan oleh kamera profesional seperti RED, ARRI, dan Blackmagic. Kedua format berbeda sebesar 256 piksel horizontal, sekitar 6,7% lebih besar total area dalam DCI.
Bagaimana cara menemukan dimensi yang setara untuk rasio aspek yang berbeda?
Pilih rasio target (misalnya 16:9) dan satu dimensi yang ingin Anda pertahankan (misalnya lebar 1080 piksel). Dimensi lainnya mengikuti dari satu perkalian: tinggi = 1080 × 9 ÷ 16 = 607,5, dibulatkan menjadi 608. Panel «Skala ke Ukuran Baru» di atas melakukan ini secara otomatis; ubah lebar atau tinggi baru dan dimensi yang cocok dihitung secara real time.
Mengapa 16:10 menghilang dari monitor?
PC sempat menyukai 16:10 (1680×1050, 1920×1200) antara sekitar tahun 2003 dan 2009. Industri beralih ke 16:9 sekitar tahun 2009-2010 karena produsen TV sudah memproduksi panel LCD 16:9 dalam volume untuk HDTV, sehingga membuat monitor dengan bentuk yang sama memungkinkan semua pihak berbagi lini pabrik yang sama. 16:10 telah kembali pada laptop premium (model MacBook Pro 14 inci dan 16 inci terbaru, ditambah beberapa laptop Windows) karena memberikan lebih banyak ruang vertikal untuk kode dan dokumen.
Apakah ini berjalan sepenuhnya di browser saya?
Ya. Kalkulator ini adalah beberapa baris JavaScript yang menghitung GCD dan rumus skala secara lokal; tidak ada yang dikirim ke server, tidak diperlukan akun, dan berfungsi secara offline setelah halaman di-cache. Hal yang sama berlaku untuk setiap alat lain di Absolutool.