Kalkulator Rasio Aspek

Kalkulator aspect ratio untuk piksel, gambar, dan layar

Kalkulator aspect ratio gratis ini menjaga lebar dan tinggi tetap proporsional sempurna, sehingga Anda bisa mengubah ukuran apa pun tanpa membuatnya melar atau gepeng. Kunci sebuah rasio — preset populer seperti 16:9, 4:3, 3:2, 1:1, 4:5, 9:16, dan 21:9 tersedia dalam satu klik — lalu ketik lebar atau tinggi baru dan dimensi lainnya langsung dihitung otomatis. Alat ini berfungsi sebagai kalkulator aspect ratio piksel untuk layar dan video, dan perhitungan yang sama berlaku saat Anda bekerja dalam inci atau sentimeter, sehingga sama bergunanya untuk kebutuhan cetak.

Semuanya berjalan di browser Anda. Tidak perlu mendaftar, tidak menunggu server, tidak ada batas jumlah ukuran yang bisa Anda cek, dan tidak ada gambar yang diunggah — foto Anda tetap di perangkat Anda. Berbeda dengan aspectratiocalculator.com atau calculateaspectratio.com yang hanya melakukan perhitungan dasar, alat ini juga membaca rasio langsung dari file gambar yang Anda jatuhkan ke halaman.

Cara menghitung aspect ratio

Untuk menghitung aspect ratio, bagi lebar dengan tinggi. Frame 1920×1080 menghasilkan 1,777…, yaitu bentuk desimal dari 16:9. Untuk menyatakannya sebagai bilangan bulat yang rapi, bagi kedua nilai dengan faktor persekutuan terbesar (GCD) mereka — 1920 dan 1080 sama-sama habis dibagi 120, yang menyederhanakannya menjadi 16:9. Kalkulator ini melakukan kedua langkah tersebut untuk Anda: masukkan dua dimensi apa pun dan ia menampilkan rasio yang sudah disederhanakan, nilai desimal persisnya, dan nama rasio standar terdekat.

Perlu mengubah ukuran? Kunci rasionya, ubah satu sisi, lalu baca dimensi pasangannya. Ini ideal untuk menskalakan video ke resolusi baru, menyesuaikan banner ke slot iklan, atau memenuhi spesifikasi desain tanpa distorsi. Pratinjau visual langsung memperlihatkan bentuk rasio saat Anda mengubahnya, sehingga Anda segera tahu apakah dimensi Anda potret, lanskap, atau persegi sebelum melakukan ekspor. Anda juga bisa menjatuhkan foto ke alat ini — atau klik untuk memilih file, atau tempel dengan Ctrl/⌘-V — dan ia membaca lebar dan tinggi piksel asli gambar lalu melaporkan rasio persisnya. Ini menjadikannya kalkulator rasio gambar dan kalkulator rasio foto sejati: berguna untuk memeriksa screenshot, mengonfirmasi dimensi hasil ekspor, atau menentukan crop sebelum Anda me-resize di Photoshop, Lightroom, Figma, atau alat lain. Seperti semua fitur di sini, gambar tidak pernah meninggalkan perangkat Anda — berbeda dengan Adobe Express atau Canva, tidak ada unggahan yang terjadi.

Rasio umum: 16:9, 4:3, 3:2, 4:5, 9:16, dan lainnya

Kebutuhan yang berbeda menuntut bentuk yang berbeda. 16:9 adalah standar widescreen untuk video HD dan 4K, monitor, dan TV (1920×1080, 1280×720, 3840×2160). 4:3 adalah bentuk klasik definisi standar dan presentasi (640×480, 1024×768). 3:2 adalah rasio asli fotografi 35 mm dan sebagian besar kamera DSLR. 1:1 adalah format persegi untuk foto profil dan feed grid. 4:5 (1080×1350) dan 9:16 (1080×1920) adalah ukuran potret andalan untuk Instagram, Stories, Reels, TikTok, dan YouTube Shorts. 21:9 dan yang lebih lebar mencakup monitor ultrawide dan video sinematik.

Tabel referensi bawaan mencantumkan setiap rasio standar beserta contoh resolusinya — klik baris mana pun untuk memuatnya seketika, lalu sesuaikan dimensinya dengan proyek Anda. Sebagian besar kalkulator aspect ratio online — termasuk aspectratiocalculator.com dan calculateaspectratio.com — hanya menangani perhitungan rasio dasar, tidak membaca rasio dari file gambar, tidak mendukung dimensi cetak dalam inci, dan tidak menyediakan preset media sosial dalam satu antarmuka. Alat gambar online Adobe mengharuskan login dan unggahan cloud. Alat rasio Kapwing terikat pada penyuntingan video. Kotak jawaban pencarian Google memberi hasil cepat tetapi tanpa preset, tanpa kemampuan membaca gambar, dan tanpa dukungan multi-format. Alat ini menggabungkan semua fitur di satu tempat — penyelesaian rasio, deteksi rasio gambar, dimensi cetak, preset media sosial, pratinjau visual, dan input rasio kustom — semuanya berjalan privat di browser Anda, tanpa akun, tanpa unggahan, tanpa watermark, dan tanpa batas harian. Ia bekerja sama baiknya di desktop, iPhone, dan Android tanpa perlu memasang aplikasi apa pun.

Sejarah aspect ratio di sinema dan televisi

Rasio 4:3 — yang secara resmi disebut Academy ratio — mendominasi media visual selama lebih dari lima puluh tahun. Distandarkan oleh Academy of Motion Picture Arts and Sciences pada 1930-an, rasio ini menjadi bentuk default layar bioskop, kemudian setiap televisi CRT yang pernah diproduksi, lalu monitor komputer awal hingga era 1990-an. Bentuknya yang hampir persegi begitu universal sehingga penonton menyebutnya 'fullscreen'. Ketika konten widescreen tiba di DVD pada awal 2000-an, garis hitam letterbox di TV 4:3 benar-benar membingungkan konsumen awam yang belum pernah melihat rasio lain.

Peralihan ke widescreen bukan keputusan sembarangan. Pada 1984, Kerns H. Powers di SMPTE mengusulkan 16:9 sebagai standar tunggal masa depan untuk televisi definisi tinggi, dipilih karena merupakan rata-rata geometris antara 4:3 yang umum saat itu dan 2,39:1 sinematik — sebuah persegi panjang yang bisa menampung kedua format dengan letterbox atau pillarbox yang kira-kira sama borosnya di kedua sisi. Keputusan itu terbukti menjadi salah satu yang paling berpengaruh dalam sejarah layar: setiap TV HD modern, setiap monitor komputer yang dijual sejak 2010, setiap smartphone yang dipegang lanskap, dan setiap video YouTube secara default menggunakan 16:9.

Untuk sinema sendiri, standar terpecah menjadi dua keluarga. 1,85:1 flat widescreen adalah format teatrikal paling umum di Amerika Serikat — widescreen ringan yang muat nyaman di sebagian besar layar. 2,39:1 anamorphic widescreen (kadang ditulis 2,35:1 atau 2,40:1 tergantung era dan generasi cetak) adalah format CinemaScope ultra-lebar yang digunakan produksi besar Hollywood — Lawrence of Arabia, Star Wars, Blade Runner 2049. Di layar 16:9, konten 2,39:1 memerlukan garis hitam horizontal yang total memakan sekitar 26% tinggi layar, menghasilkan tampilan 'letterbox' yang khas. Garis itu bukan cacat; ia adalah konsekuensi geometris memasukkan gambar berbentuk bioskop ke persegi panjang berbentuk televisi. Rasio persegi 1:1 berada di ujung spektrum yang lain — dulu dianggap penyimpangan artistik, ia menjadi format ikonik feed Instagram sejak 2010 dan kini ada di mana-mana untuk foto profil, tile produk, dan thumbnail sosial.

Algoritme GCD: bagaimana rasio disederhanakan

Setiap rasio yang ditampilkan kalkulator ini dinyatakan dalam bentuk tereduksi kanonis, dihitung dengan membagi lebar dan tinggi dengan Greatest Common Divisor (GCD) — faktor persekutuan terbesar keduanya. GCD adalah bilangan bulat terbesar yang membagi kedua angka tanpa sisa. Algoritme tercepat untuk menghitungnya adalah algoritme Euklides, yang bekerja dengan berulang kali mengganti bilangan yang lebih besar dengan sisa pembagian bilangan besar oleh bilangan kecil, hingga sisanya nol — nilai bukan nol yang tersisa itulah GCD-nya. Untuk 1920 dan 1080: GCD(1920, 1080) → GCD(1080, 840) → GCD(840, 240) → GCD(240, 120) → GCD(120, 0) = 120. Membagi kedua dimensi dengan 120 menghasilkan 16:9 yang kita kenal.

Inilah sebabnya 1920×1080, 2560×1440, dan 3840×2160 semuanya memakai label rasio yang sama: GCD mereka masing-masing 120, 80, dan 240, dan semuanya tereduksi rapi menjadi 16:9. Pendekatan GCD juga menyingkap rasio yang tidak bisa disederhanakan jauh — 1280×800 menjadi 8:5 (juga ditulis 16:10), rasio yang disukai banyak layar laptop profesional sebelum 16:9 mengambil alih. Monitor ultrawide memperkenalkan keluarga rasio kedua: 21:9 mencakup 2560×1080 (GCD 120 → 64:27, tetapi secara konvensional dipasarkan sebagai 21:9) dan 3440×1440 (GCD 20 → 172:72, juga didekati sebagai 21:9), sementara super-ultrawide 32:9 dari Samsung muncul pada layar 3840×1080 — dua kali lebar panel 16:9, setara dua monitor berdampingan. Ketika sebuah rasio tidak tereduksi menjadi bilangan kecil yang rapi — seperti film 2,39:1 atau pratinjau media sosial 1,91:1 — kalkulator biasanya menampilkan desimal atau mendekati standar bernama terdekat. Alat ini menunjukkan keduanya: rasio tereduksi yang eksak secara matematis dan format bernama terdekat, sehingga Anda selalu tahu apakah sepasang dimensi piksel benar-benar standar atau hanya nyaris.

Aspect ratio di CSS: dari padding hack ke properti aspect-ratio

Sebelum 2021, developer web responsif menjaga aspect ratio lewat trik yang dikenal sebagai padding-top hack. Mengatur padding-top: 56.25% pada elemen kontainer (karena 9 ÷ 16 = 0,5625) membuat browser menghitung padding sebagai persentase dari lebar elemen, menciptakan blok yang selalu 56,25% dari lebarnya — kotak 16:9 sempurna. Konten sebenarnya lalu ditempatkan di elemen anak dengan position: absolute dan inset: 0 untuk mengisi ruang tersebut. Cara ini berhasil, tetapi jelek secara semantik dan memerlukan markup pembungkus semata-mata demi mesin layout.

Properti CSS aspect-ratio — kini didukung universal di Chrome, Firefox, Safari, dan Edge — menghapus trik itu sepenuhnya. Menulis aspect-ratio: 16 / 9 pada elemen apa pun, dipadukan dengan width: 100%, menghasilkan kotak fluid yang mempertahankan bentuknya di ukuran viewport apa pun. Nilainya juga menerima satu angka: aspect-ratio: 1 membuat persegi sempurna. Untuk gambar dan video, memadukan aspect-ratio dengan properti object-fit mengontrol bagaimana konten mengisi kotak: object-fit: cover memotong konten agar penuh tanpa distorsi (mode yang dipakai sebagian besar thumbnail media sosial), object-fit: contain memberi letterbox atau pillarbox agar konten muat seluruhnya, dan object-fit: fill meregangkan konten agar persis sama dengan kontainer tanpa memedulikan distorsi.

Perhatian CSS yang kurang terlihat tetapi berdampak besar adalah rasio intrinsik dan Cumulative Layout Shift (CLS). Ketika browser menemukan elemen <img>, ia tidak tahu seberapa tinggi gambar itu sampai file mulai diunduh — tanpa petunjuk, ia mengalokasikan tinggi nol lalu me-reflow halaman dengan lonjakan saat gambar tiba. Solusinya adalah menambahkan atribut width dan height eksplisit pada setiap tag <img> di HTML. Browser modern menggunakan atribut ini untuk menghitung rasio intrinsik dan mencadangkan ruang yang tepat di layout sebelum gambar dimuat, menghilangkan reflow sepenuhnya. Ini langsung memperbaiki Cumulative Layout Shift (CLS), salah satu metrik Core Web Vitals Google yang memengaruhi peringkat pencarian. Mengetahui dimensi piksel persis dari gambar sumber — output utama kalkulator ini — adalah prasyarat untuk mengatur atribut tersebut dengan benar.

Device pixel ratio, spesifikasi platform sosial, dan mengapa dimensi itu penting

Piksel fisik layar dan piksel CSS bukanlah hal yang sama. Layar modern berkepadatan tinggi memiliki device pixel ratio (DPR) lebih dari satu, artinya beberapa piksel perangkat keras dipetakan ke setiap piksel CSS. iPhone 15 memiliki resolusi fisik 2556×1179 tetapi melaporkan dirinya ke browser sebagai 393×852 piksel CSS — DPR sekitar 2,88, sering dibulatkan menjadi 3. Ini penting untuk ukuran gambar: gambar yang ditampilkan pada 400×225 piksel CSS di layar 3× perlu berukuran 1200×675 piksel fisik agar tajam. Menyajikan gambar 400×225 di layar itu menghasilkan tampilan yang terlihat buram. Alur kerja yang benar adalah menghitung dimensi CSS yang dibutuhkan terlebih dahulu (dengan kalkulator ini), lalu mengalikannya dengan DPR yang diharapkan (biasanya 2× untuk kebanyakan perangkat modern) untuk menentukan resolusi file yang harus diekspor.

Setiap platform media sosial menetapkan dimensi pilihannya sendiri, dan jumlah pikselnya lebih penting daripada sekadar label rasio. Gambar feed Instagram tampil terbaik pada 1080×1080 (1:1) untuk post persegi, 1080×1350 (4:5) untuk potret — yang tertinggi yang diizinkan di feed utama, dan disukai karena memakan lebih banyak ruang layar vertikal sebelum pengguna men-scroll — serta 1080×566 (1,91:1) untuk lanskap. Kartu pratinjau tautan Facebook dan LinkedIn memakai 1200×630 (1,91:1). Gambar kartu Twitter/X berukuran 1600×900 (16:9). Thumbnail YouTube dispesifikasikan pada 1280×720 (16:9). Post potret LinkedIn cocok pada 1200×1500 (4:5). Semua ini dapat diverifikasi atau diturunkan dalam hitungan detik menggunakan fitur penguncian rasio di kalkulator ini.

Bias potret 4:5 di Instagram layak dipahami lebih detail. Instagram memangkas gambar feed yang lebih tinggi dari 4:5 — apa pun yang dibidik pada 9:16 dipotong menjadi 4:5 di pratinjau feed dan hanya tampil penuh di Stories atau Reels. Gambar 1080×1350 memakan 25% lebih banyak tinggi layar daripada persegi 1:1 dan kira-kira 139% lebih tinggi daripada post lanskap 16:9, artinya waktu pandang mata pemirsa sebelum scroll jauh lebih lama — yang berkorelasi dengan tingkat engagement lebih tinggi di sebagian besar studi yang dipublikasikan. Memahami geometri ini bukan soal kosmetik; inilah alasan para strategis konten menetapkan 4:5 alih-alih 1:1 untuk konten feed organik, dan mengapa kalkulator ini menyertakan 4:5 sebagai preset khusus. Alat ini juga bekerja di perangkat apa pun: di desktop Anda bisa drag-and-drop gambar langsung, sedangkan di iPhone dan Android cukup ketuk tombol unggah untuk memilih foto dari galeri — tanpa aplikasi, tanpa akun. Karena semua perhitungan terjadi secara lokal dengan JavaScript dan HTML Canvas API, alat ini tetap berfungsi bahkan saat koneksi internet lambat atau offline setelah halaman dimuat pertama kali.