デザイナー、RatioBuddyを使って完璧なアスペクト比を計算

デザイナーはしようとするの痛みを知っている 画像を比率に合わせる. これは、WordPressテーマを作成していて、サムネイルに最適な画像サイズを見つけようとしているときに常に発生します。.

しかし、のために同様のタスクがたくさんあります 適切なアスペクト比を考え出す 画像、ビデオ、または埋め込み要素のありがたいことに, RatioBuddy 助けられる.

この小さなウェブアプリはあなたを可能にします 何でものアスペクト比を計算する ブラウザから動的に。必要なのはインターネットアクセスと適切なサイズ（または必要な縦横比）だけです。.

開始するには、あなたがすることはすべてです。 現在の画像のアスペクトを入力してください またはあなたが使用しようと思っているサイズ。 WordPressテーマを作成し、注目の画像サイズを選択する例を見てみましょう。.

注目の画像の幅を800ピクセル、高さを500ピクセルにしたいとしましょう。これをRatioBuddyに入力すると、アスペクト比が8：5になります。.

今できることは 比率をロックする 横にある小さな南京錠をクリックして。つまり、幅または高さの値を変更すると、もう一方の値も変更されます。 それに応じて更新する.

今、あなたは始めることができます サムネイルサイズを見つける 主な機能イメージと一致するように.

そこで、その幅の半分（400ピクセル）のサムネイルサイズが必要で、それからさらに300ピクセルの小さいサイズが必要だとします。あなたはあなたがどれくらい広い画像を望んでいるか知っている、しかし 彼らはどのくらいの高さであるべきか?

南京錠を有効にすると、 幅の値を変更する そしてあなたは すぐに結果を見る 高さの値ボックスに.

ピクセル値はすぐに更新されます カスタムCSSコードを入手する この比率で要素を作成したい場合は、コピーして貼り付けることができます。.

あなたはまた、このWebアプリを使用することができます YouTubeの埋め込みサイズを自動計算する ビデオの比率を一定に保つため。または、あなたはそれを使用することができます 画像ギャラリーのサムネイルのアイデアを生成する.

本当に、縦横比に関係しているものは何でも、このツールは命の恩人です。それで、あなたがたくさんの写真の仕事をして、ウェブのためにリサイズをするならば、それをブックマークしてください.