Kalkulator Rasio Aspek

Masukkan lebar dan tinggi berapa pun untuk menemukan rasio aspek yang disederhanakan menggunakan metode FPB (Faktor Persekutuan Terbesar).

Contohnya, 1920x1080 disederhanakan menjadi 16:9, dan 2560x1440 juga disederhanakan menjadi 16:9.

Kalkulator kami juga menampilkan rasio desimal untuk referensi cepat.

16:9 adalah rasio layar lebar standar yang digunakan untuk resolusi HD, Full HD, 4K, dan 8K.

Resolusi 16:9 yang umum meliputi:

• 1280x720 (HD)
• 1920x1080 (Full HD)
• 2560x1440 (QHD)
• 3840x2160 (4K UHD)
• 7680x4320 (8K)

Masukkan lebar berapa pun untuk langsung menghitung tinggi 16:9 yang sesuai.

Setiap platform media sosial memiliki rasio aspek yang disarankan:

• YouTube (16:9, 9:16 untuk Short)
• Instagram (1:1 persegi, 4:5 potret, 9:16 Cerita/Reels)
• TikTok (9:16)
• Twitter/X (16:9, 2:1 header)
• Facebook (1.91:1 tautan, 9:16 Cerita)

Gunakan prasetel platform kami untuk mendapatkan dimensi piksel yang tepat.

Rasio aspek adalah hubungan proporsional antara lebar dan tinggi gambar, yang ditulis sebagai dua angka yang dipisahkan oleh titik dua, seperti 16:9.

Cara kerjanya adalah dengan menyatakan lebar dan tinggi sebagai rasio bilangan bulat terkecil, yang ditemukan dengan membagi kedua dimensi dengan faktor persekutuan terbesar (FPB) mereka. Gambar 1920x1080 memiliki FPB 120, sehingga disederhanakan menjadi 16:9.

Rasio aspek terlepas dari resolusi: 1280x720 dan 3840x2160 sama-sama menggunakan rasio 16:9 meskipun jumlah pikselnya sangat berbeda. Sebagaimana didefinisikan oleh standar penyiaran SMPTE dan ITU-R BT.709, rasio menentukan bentuk sedangkan resolusi menentukan detail, itulah sebabnya keduanya harus dipertimbangkan secara terpisah saat menyiapkan media.

Untuk menemukan dimensi yang hilang, kalikan atau bagi dimensi yang diketahui dengan nilai desimal rasio tersebut.

Jika Anda mengetahui lebarnya dan menginginkan tinggi untuk gambar 16:9, bagi lebar dengan 16 lalu kalikan dengan 9: lebar 1600px menghasilkan 1600/16x9 = 900px. Untuk mencari lebar dari tinggi, balikkan operasinya: kalikan tinggi dengan 16 lalu bagi dengan 9.

Bentuk desimal (16/9 = 1.778) membuat penskalaan menjadi cepat, karena lebar selalu sama dengan tinggi dikali rasio desimal. Ini adalah aritmatika yang sama yang digunakan dalam tata letak CSS, di mana properti aspect-ratio yang didokumentasikan oleh MDN Web Docs memungkinkan browser memesan bentuk kotak yang benar sebelum gambar dimuat, sehingga mencegah pergeseran tata letak.

Fotografi dan film menggunakan sekumpulan rasio aspek tersendiri yang terpisah dari standar layar.

Sebagian besar kamera DSLR dan mirrorless mengambil gambar dalam rasio 3:2 (1.5), diwarisi dari film 35mm, sementara sensor Micro Four Thirds menggunakan 4:3.

Sinema mengandalkan format yang lebih lebar: 1.85:1 (flat) dan 2.39:1 (anamorphic scope) adalah standar teater yang ditentukan oleh SMPTE, dan 21:9 mendekati ultrawide sinematik untuk menonton di rumah.

Ukuran cetak mengikuti logika yang berbeda lagi; seri A ISO 216 (A4, A3) menggunakan rasio 1:1.414 (akar-2) sehingga memotong dua bagian lembar tetap mempertahankan proporsinya.

Mengetahui rasio sumber mencegah pemangkasan yang tidak diinginkan saat memindahkan gambar antar kamera, layar, dan kertas.

Mengubah rasio aspek gambar tanpa merusaknya memerlukan pemotongan atau penambahan bilah, bukan sekadar mengubah ukuran kedua dimensi secara tidak merata.

Pemotongan memotong piksel dari bagian tepi untuk mencapai bentuk target, mengorbankan konten tetapi mengisi bingkai. Letterboxing (bilah horizontal) atau pillarboxing (bilah vertikal) mempertahankan seluruh gambar dengan mengisi ruang kosong, yang merupakan cara penyiar yang mengikuti standar tampilan ITU-R menyesuaikan materi 4:3 pada layar 16:9.

Sebaliknya, peregangan memaksakan dimensi yang tidak cocok dan secara kasat mata mendistorsi wajah serta lingkaran.

Saat Anda harus melakukan konversi, tentukan apakah integritas konten (letterbox) atau bingkai penuh (potong) yang lebih penting, lalu hitung dimensi tepat yang diberi bantalan atau dipotong sebelum melakukan ekspor.

Untuk desain web, rasio aspek sebaiknya ditentukan dalam CSS alih-alih ukuran piksel tetap agar gambar dapat diskalakan secara mulus di berbagai perangkat.

Properti CSS aspect-ratio modern, yang didokumentasikan oleh MDN Web Docs dan merupakan bagian dari spesifikasi CSS W3C, memungkinkan Anda mendeklarasikan aspect-ratio: 16 / 9 pada wadah, mencadangkan ruang, dan menghilangkan pergeseran tata letak kumulatif (CLS), yaitu metrik Core Web Vitals yang dilacak oleh Google.

Rasio web yang umum meliputi:

• 16:9 untuk video utama
• 4:3 atau 1:1 untuk gambar mini dan kartu
• 3:2 untuk citra artikel

Selalu pasangkan rasio yang dideklarasikan dengan unit responsif sehingga markup yang sama beradaptasi dari potret seluler ke lanskap desktop tanpa dimensi berkode keras.

Pilih rasio aspek monitor berdasarkan beban kerja utama Anda alih-alih memilih apa pun yang paling murah.

• 16:9 cocok untuk video dan gim serta hampir menjadi standar tampilan universal
• 16:10 menawarkan ruang vertikal ekstra yang disukai untuk pemrograman dan dokumen
• Ultrawide 21:9 (2560x1080, 3440x1440) menggantikan pengaturan dua monitor untuk mengedit linimasa dan lembar sebar
• Super-ultrawide 32:9 melangkah lebih jauh untuk simulasi dan perdagangan

VESA dan industri layar menentukan format ini berdasarkan resolusi panel yang umum, sehingga mencocokkan rasio konten Anda dengan panel akan menghindari bilah hitam. Untuk penggunaan campuran, 16:10 atau 21:9 umumnya menyediakan area kerja yang paling fleksibel per biaya.

Rasio aspek yang benar memengaruhi secara langsung bagaimana konten muncul di hasil pencarian dan pratinjau sosial, menjadikannya bagian praktis dari SEO teknis.

Pratinjau Open Graph dan Kartu Twitter dirender paling baik pada 1,91:1 untuk gambar tautan, dan dimensi yang tidak cocok akan terpotong secara tidak terduga di lini masa.

Dalam pencarian, pedoman gambar data terstruktur Google menyarankan untuk menyediakan beberapa rasio aspek (16:9, 4:3, dan 1:1) agar mesin pencari dapat memilih potongan terbaik untuk setiap tampilan. Di dalam halaman, mendeklarasikan rasio gambar mencegah pergeseran tata letak yang merugikan Core Web Vitals.

Oleh karena itu, mendapatkan rasio yang tepat pada saat ekspor akan meningkatkan tampilan klik pada platform sosial serta persepsi stabilitas yang dihargai oleh sistem peringkat.

Kesalahan rasio aspek yang paling umum adalah mengubah ukuran lebar dan tinggi secara mandiri, yang membuat gambar merentang dan mendistorsi setiap bentuk di dalamnya; selalu kunci rasio saat melakukan penskalaan.

• Kesalahan kedua adalah mencampuradukkan rasio dengan resolusi: 1280x720 dan 1920x1080 terlihat memiliki bentuk yang identik karena keduanya adalah 16:9, sehingga lebih banyak piksel tidak mengubah rasio.
• Yang lain lupa bahwa konversi antar rasio harus memotong atau memberi bantalan, bukan meremas, dan bahwa pembulatan dimensi yang dihitung ke piksel non-bilangan bulat dapat menyebabkan artefak tepi satu piksel.
• Terakhir, mengunggah rasio yang salah ke platform seperti YouTube atau Instagram akan memicu letterboxing atau pemotongan otomatis, jadi sesuaikan rasio target sebelum ekspor alih-alih mengandalkan platform untuk memperbaikinya.