Resim En Boy Oranı Kontrol Etme
Görselinizin tam en boy oranını, ondalık değerini, sosyal medya platform uyumluluğunu ve CSS aspect-ratio kodunu tarayıcınızda anında görün.
Görseli buraya sürükleyip bırakın veya seçmek için tıklayın
Sadeleştirilmiş en boy oranını bulun, sosyal medya uyumunu denetleyin, boyutları ölçekleyin ve CSS kodu üretin
JPG, PNG, WebP, SVG, GIF, AVIF, BMP, ICO ve TIFF desteklenir • Ctrl+V ile yapıştırın
Resim En Boy Oranı Nedir ve Neden Önemlidir?
Bir resmin en boy oranı, genişliği ile yüksekliği arasındaki oransal ilişkiyi ifade eder ve iki nokta üst üste ile ayrılmış iki sayı olarak gösterilir (örneğin 16:9, 4:3 veya 1:1). Toplam çözünürlüğü ölçen piksel boyutlarının (ör. 1920 × 1080 piksel) aksine, en boy oranı resmin ekranda ne kadar büyük ya da küçük görüntülendiğinden bağımsız olarak temel geometrik şeklini belirler.
En boy oranını doğru anlamak grafik tasarımcılar, fotoğrafçılar ve web geliştiricileri için şarttır. Yanlış orana sahip bir görsel yüklemek istenmeyen otomatik kırpılmalara, görüntü bozulmalarına veya kenarlarda siyah boşluklara yol açar. ImgFeel en boy oranı kontrol aracı, dosyalarınızı sunuculara göndermeden oranları anında hesaplar.
Anında Oran ve Ondalık Değer
Sadeleştirilmiş kesirleri (16:9, 4:3, 1:1) ve net ondalık çarpanları hesaplar.
Sosyal Medya Eşleştirici
Instagram, YouTube, TikTok, Facebook, X ve LinkedIn uyumluluğunu kontrol eder.
Kullanıma Hazır CSS Kodu
CSS aspect-ratio özellikleri ve duyarlı HTML resim etiketleri üretir.
%100 Güvenli Tarayıcı Aracı
Tüm hesaplamalar cihazınızda yerel JavaScript ile güvenle yürütülür.
En Boy Oranı Nasıl Hesaplanır? (Matematiksel Yöntem)
En boy oranını matematiksel olarak hesaplamak için piksel genişliği ve piksel yüksekliğinin En Büyük Ortak Böleni (EBOB / GCD) bulunur ve ardından her iki sayı bu bölene bölünür. Örneğin 3840 × 2160 piksel bir görselde EBOB 240'tır. 3840'ı 240'a böldüğümüzde 16, 2160'ı 240'a böldüğümüzde 9 elde ederiz; bu da 16:9 oranını verir.
Alternatif olarak, genişliği yüksekliğe bölmek ondalık oranı üretir (3840 ÷ 2160 = 1.778). Aşağıdaki formüller iki yöntemi de açıklamaktadır:
Simplified Aspect Ratio = (Width ÷ GCD(Width, Height)) : (Height ÷ GCD(Width, Height)) Decimal Aspect Ratio = Width ÷ Height : 1 CSS Padding-Top Hack % = (Height ÷ Width) × 100% Example: For a 1920 × 1080 Full HD image, GCD is 120. (1920 ÷ 120) : (1080 ÷ 120) = 16:9 (1.78:1 decimal, 56.25% CSS height). En Boy Oranı vs. Resim Çözünürlüğü: Aradaki Fark Nedir?
En boy oranı ile resim çözünürlüğü sıklıkla birbiriyle karıştırılır. Çözünürlük, görseldeki toplam piksel sayısını belirtir (piksel cinsinden genişlik × yükseklik ya da Megapiksel). En boy oranı ise yalnızca oransal geometriyi tanımlar.
Örneğin 1280 × 720 (0.92 MP), 1920 × 1080 (2.07 MP) ve 3840 × 2160 (8.29 MP) görselleri çok farklı çözünürlüklere ve dosya boyutlarına sahiptir, ancak hepsi birebir aynı 16:9 en boy oranını paylaşır. Aşağıdaki tablo bu ayrımları özetlemektedir:
| Concept | What It Measures | Standard Units | Example Values |
|---|---|---|---|
| Aspect Ratio | Proportional relationship between width & height | Ratio string (W:H) or decimal | 16:9, 4:3, 1:1, 9:16, 1.78:1 |
| Image Resolution | Total number of pixels in the digital image grid | Pixels (W × H) and Megapixels | 1920 × 1080 px (2.07 MP), 3840 × 2160 px (8.29 MP) |
| Print Density (DPI) | Physical ink dots per linear inch on printed media | Dots Per Inch (DPI) | 300 DPI (Fine photo), 150 DPI (Flyer) |
| Display Density (PPI) | Physical hardware pixel density of a screen panel | Pixels Per Inch (PPI) | 460 PPI (iPhone Super Retina), 163 PPI (4K Monitor) |
En Popüler Standart En Boy Oranları Tablosu
Farklı dijital ekranlar, kameralar ve sosyal ağlar içeriklerin sorunsuz görünmesi için belirli oran standartlarına dayanır:
| Ratio | Decimal | Standard Name | Primary Application | Common Resolutions |
|---|---|---|---|---|
| 16:9 | 1.78:1 | Widescreen (HD/4K) | YouTube videos, TVs, PC monitors, PowerPoint | 1920×1080, 2560×1440, 3840×2160 |
| 9:16 | 0.56:1 | Vertical Story / Reel | TikTok, Instagram Reels, YouTube Shorts, Snapchat | 1080×1920, 720×1280 |
| 1:1 | 1.00:1 | Square | Instagram feed, profile photos, product thumbnails | 1080×1080, 1200×1200, 500×500 |
| 4:5 | 0.80:1 | Social Portrait | Instagram feed portrait (maximum screen real estate) | 1080×1350 |
| 4:3 | 1.33:1 | Classic Standard | iPad displays, Micro Four Thirds cameras, CRT TV | 1024×768, 2048×1536 |
| 3:2 | 1.50:1 | Classic 35mm DSLR | Full-frame cameras, 4×6 photo prints, Surface laptops | 6000×4000, 3000×2000 |
| 21:9 | 2.33:1 | Ultrawide Cinema | Anamorphic cinema movies, curved ultrawide monitors | 2560×1080, 3440×1440, 5120×2160 |
| 1.91:1 | 1.91:1 | Social Landscape | Facebook feed link previews, Twitter / X summary cards | 1200×628, 1200×630 |
Sosyal Medya En Boy Oranı Rehberi (Instagram, YouTube, TikTok ve Diğerleri)
Her sosyal medya platformu kendi akışını belirli oranlara göre optimize eder. Instagram kare gönderiler için 1:1, dikey akış portreleri için 4:5 ve Hikaye/Reels için 9:16 oranını tercih eder. YouTube standart videolar için 16:9, Shorts için 9:16 kullanır. TikTok tam ekran dikey 9:16 gerektirir. Doğru oranı seçmek algoritmaların görselinizi yanlış kırpmasını engeller.
Modern Web Geliştirme: CSS aspect-ratio Özelliği ve CLS Önleme
Modern duyarlı web tasarımında CSS `aspect-ratio` özelliği, tarayıcıların görsel dosyası indirilmeden önce sayfada tam alan ayırmasını sağlar. Bu durum sayfa kaymalarını (Cumulative Layout Shift veya CLS) tamamen ortadan kaldırarak Google Core Web Vitals puanını yükseltir.
Eskiden padding-top yüzdesi taktiği kullanılırdı (16:9 için `padding-top: 56.25%`). Günümüzde ise kapsayıcıya ya da `<img>` etiketine doğrudan `aspect-ratio: 16 / 9;` yazmak yeterlidir.
Kırpma vs. Yeniden Boyutlandırma vs. Kenar Boşluğu (Letterboxing)
Bir görseli farklı bir orana uyarlarken üç seçenek vardır: (1) Kırpma, netliği koruyarak kenarlardan pikselleri çıkarır; (2) Oranları sabitlemeden boyutlandırmak görseli uzatır veya basıklaştırır; (3) Letterboxing, orijinal kadrajı bozmadan kenarlara nötr boşluklar ekler.
Windows, Mac, iOS ve Android'de En Boy Oranı Nasıl Kontrol Edilir?
Ek program kullanmadan doğrudan cihazınızda boyutları ve en boy oranını kontrol etmek için:
Windows
Right-click image > Properties > Details. Check Dimensions (e.g. 1920 × 1080) and divide Width by Height.
macOS
Select image and press Cmd + I or open in Preview and press Cmd + I to inspect pixel dimensions.
iPhone / iOS
Open image in Photos app and tap the (i) Info button to inspect resolution and proportions.
Android
Open image in Google Photos or Gallery, swipe up to view technical details, dimensions, and Megapixels.
Sıkça Sorulan Sorular (SSS)
Online olarak resim en boy oranı ücretsiz nasıl kontrol edilir?
Görselinizi yukarıdaki ImgFeel kutusuna sürükleyip bırakın veya dosya seçin. Dilerseniz Ctrl+V ile yapıştırabilirsiniz. Araç en boy kesrini (16:9, 4:3, 1:1), ondalık çarpanı, sosyal medya uyumunu ve CSS kodunu hemen hesaplar.
Fotoğraf ve videolarda en yaygın en boy oranı hangisidir?
16:9 geniş ekran videolar, televizyonlar ve monitörler için evrensel standarttır. Akıllı telefonlar ve sosyal medya akışları için 9:16 ve 4:5 en popüler olanlardır. DSLR fotoğraf makinelerinde ise 3:2 klasik standarttır.
En boy oranını değiştirmek görüntü kalitesini düşürür mü?
Görseli kırparak oranını değiştirmek dış pikselleri eksiltir, bu da toplam çözünürlüğü düşürür ancak kalan alanın netliği korunur. Oranları kilitlemeden resmi çekiştirmek ise görüntüyü bozar.
Genişlik ve yükseklik pikselinden en boy oranı nasıl hesaplanır?
Genişlik ve yüksekliği en büyük ortak bölenlerine (EBOB) bölün. Örneğin 1920 × 1080 ölçüsünde her ikisini 120'ye bölmek 16:9 sonucunu verir. Genişliği yüksekliğe bölerek (1920 ÷ 1080 = 1.78) ondalık oranı da bulabilirsiniz.
Instagram gönderileri ve Hikayeleri için en iyi oran hangisidir?
Instagram akış gönderileri için 4:5 (1080 × 1350 px) ekranda en büyük alanı kaplar. Kare gönderiler 1:1 (1080 × 1080 px) ve Hikaye/Reels 9:16 (1080 × 1920 px) kullanır.
CSS aspect-ratio özelliği nedir?
Bir HTML öğesi için tercih edilen en boy oranını belirten modern bir CSS kuralıdır (ör. `aspect-ratio: 16 / 9;`). Görseller yüklenirken sayfa zıplamalarını engeller.
Bu aracı kullanırken resimlerim sunuculara yükleniyor mu?
Hayır. Tüm en boy oranı ve boyut hesaplamaları tarayıcınızda JavaScript ile %100 yerel olarak çalışır. Dosyalarınız cihazınızdan dışarı çıkmaz.