Tasarımcıları, Mükemmel Boy Oranlarını RatioBuddy ile Hesaplayın

Tasarımcılar denemenin acısını biliyor görüntüleri oranlarla eşleştir. Bu, bir WordPress teması oluştururken ve küçük resimler için en iyi resim boyutlarını bulmaya çalışırken sürekli olur..

Ancak, onlarca benzer görev var uygun en boy oranını bulmak bir görüntü, video veya gömülü öğenin Neyse ki, RatioBuddy yardım edebilir.

Bu küçük web uygulaması size sağlar bir şeyin en boy oranlarını hesaplamak tarayıcınızdan dinamik olarak. İhtiyacınız olan tek şey Internet erişimi ve istediğiniz boyutta (veya en boy oranı gerekli)..

Başlamak için tek yaptığın mevcut görüntünün boyunu girin veya kullanmayı düşündüğünüz boyutta. WordPress teması oluşturmak ve özellikli bir görüntü boyutu seçmek için bir örnek yapalım.

Öne çıkacak görüntünüzün 800 piksel genişliğinde ve 500 piksel uzunluğunda ölçmesini istediğinizi varsayalım. Bunu RatioBuddy'e girin, 8: 5 en boy oranını elde edin.

Şimdi yapabileceklerin oranı kilitle tarafına küçük asma kilit tıklayarak. Bu, genişlik veya yükseklik değerlerini değiştirirseniz, diğeri buna göre güncelleyin.

Şimdi başlayabilirsin küçük resim boyutları bulma birincil özellik resminizle eşleşmek için.

Öyleyse diyelim ki bu genişliğin yaklaşık yarısı (400 piksel), daha sonra 300 piksel'de daha küçük bir küçük resim boyutu istiyorsunuz. Görüntüleri ne kadar geniş istediğini biliyorsun, ama onlar ne kadar uzun olmalı?

Asma kilit etkinken, genişlik değerini değiştir ve sen hemen sonuçları gör yükseklik değeri kutusunda.

Piksel değerleri hemen güncellenir ve özel CSS kodunu al Bu oranda bir eleman oluşturmak istiyorsanız kopyalayıp yapıştırabilirsiniz..

Ayrıca bu web uygulamasını da kullanabilirsiniz. YouTube embedlerinin boyutunu otomatik olarak hesapla Video oranlarınızı eşit tutmak için. Veya, kullanabilirsiniz Resim galerisi küçük resimleri için fikir üretin.

Gerçekten, en boy oranları ile ilgili bir şey için, bu araç bir cankurtaran. Bu nedenle, çok fazla fotoğraf çalışması yapıyorsanız ve web’i yeniden boyutlandırırsanız yer işareti koymayı unutmayın.