Lewati ke konten
ID

Kalkulator rasio aspek

Temukan rasio aspek gambar atau layar (16:9, 4:3…), hitung ukuran baru tanpa distorsi, dan dapatkan kode CSS aspect-ratio.

  • Gratis
  • Tanpa daftar
  • Tanpa unggah file
  • Windows, Mac, Android, iPhone

Memuat alat…

Tentang alat ini

Temukan format persis gambar, video, atau layar: rasio yang disederhanakan (16:9, 4:3, 21:9…), rasio umum terdekat, dan nilai desimal. Hitung ukuran baru tanpa distorsi, lihat resolusi umum dengan rasio yang sama, dan salin kode CSS aspect-ratio, versi lamanya, atau Tailwind.

Kapan menggunakannya

Menyiapkan video atau thumbnail

YouTube mengharapkan 16:9, story 9:16, postingan Instagram 1:1 atau 4:5: periksa format sebelum mengekspor.

Mengubah ukuran gambar secara proporsional

Anda ingin lebar 1200 px: tinggi yang tepat langsung dihitung.

Menyematkan video responsif

aspect-ratio: 16 / 9 pada iframe YouTube menjaga format yang benar di setiap lebar layar.

Cara menggunakan

  1. Masukkan lebar dan tinggi (atau pilih rasio).
  2. Lihat rasio yang disederhanakan dan rasio umum terdekat.
  3. Masukkan lebar atau tinggi baru untuk mendapatkan dimensi lainnya.

Cara kerjanya

Rasio disederhanakan dengan algoritma Euklides (faktor persekutuan terbesar). Lalu dibandingkan dengan rasio umum: jika selisihnya di bawah 2%, rasio umum terdekat ditampilkan.

Dimensi baru dibulatkan ke piksel terdekat. Metode lama (padding-top dalam persen) tetap disediakan untuk browser yang belum mengenal aspect-ratio.

Tips untuk hasil terbaik

  • Pilih dimensi genap untuk video: banyak encoder mewajibkannya.
  • Untuk web, gambar selebar 1600 hingga 2000 px cukup dalam sebagian besar kasus.
  • aspect-ratio mencegah pergeseran tata letak saat memuat: gunakan untuk semua video dan gambar yang disematkan.
  • Untuk mengubah rasio, potong alih-alih meregangkan: gambar yang terdistorsi langsung terlihat.

Masalah umum dan solusinya

Rasionya tampak aneh (683:384)

Ukurannya tidak persis sama dengan rasio umum; alat ini lalu menampilkan rasio terdekat.

Gambar saya terdistorsi setelah diubah ukurannya

Ukuran baru tidak punya rasio yang sama: gunakan dimensi yang dihitung, atau potong gambar dengan “Ubah ukuran gambar”.

aspect-ratio tidak berpengaruh

Properti ini diabaikan jika lebar dan tinggi sama-sama ditetapkan. Biarkan tinggi auto.

Pertanyaan umum

Bagaimana rasio dihitung?

Lebar dan tinggi dibagi dengan faktor persekutuan terbesarnya: 1920 × 1080 menghasilkan 16:9. Alat ini melakukannya otomatis.

Mengapa 1366 × 768 menghasilkan 683:384?

Resolusi itu tidak persis 16:9. Alat ini menampilkan rasio persis dan rasio umum terdekat (sekitar 16:9).

Bagaimana mengubah ukuran tanpa distorsi?

Masukkan lebar baru: tinggi dihitung agar rasio tetap sama (dan sebaliknya).

Apa gunanya CSS aspect-ratio?

Properti ini memesan ruang untuk video atau gambar sebelum dimuat, tanpa perhitungan atau trik padding: halaman tidak lagi melompat.

Pencarian terkait

Masih bermasalah?

Tanyakan di forum: kategori, alat, data perangkat, dan hasil tes akan diisi otomatis.