データツール

アスペクト比と比例サイズ計算機

ブラウザでアスペクト比を計算してロックしてください。幅と高さから比率を導き出すか、片側を変えてもう片側は比例したままにします。一般的なプリセットやトリミング、動画フレーム、レスポンシブレイアウトのプレビューが含まれています。

比率サイズ設計

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • バナーやオリジナル画像は一定の比率で保管しましょう
  • 映像や画面の解像度を比率に合わせて調整する
  • 一方の次元をリサイズし、もう一方をロックする

使い方

  1. 元の幅と高さを入力したり、プリセットを選んでください
  2. 比率がロックされている間に幅や高さを変えてください
  3. 結果をコピーしてプレビューを見直してください

入出力サンプル

1920年の幅で16:9

1920

高さ

1080

FAQ

結果は四捨五入されていますか?

はい。ピクセル値は丸められているため、分数ピクセルがレイアウトやエクスポート作業に歪みません。

どのプリセットが含まれているのでしょうか?

1920×1080、2K、4K、縦9:16、スクエア1:1、YouTube 16:9、OG画像などの一般的なサイズです。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

CSS 単位変換

CSS 単位変換 - px、rem、em、vw

利用可能

px、rem、em、pt、vw、vh、% の相互変換を行えます。root font size、親要素 font size、viewport size を設定し、レスポンシブ対応やデザインから実装への引き継ぎに活用できます。

CSS 単位 変換

ローカル画像リサイズ

ローカル画像リサイズ - ブラウザ内で縮小と圧縮

利用可能

Canvas を使って画像をブラウザ内でローカルにリサイズ・再エンコードできます。最大サイズ、quality、出力形式を設定し、結果をダウンロードできます。元ファイルはブラウザ外へアップロードされません。

画像 圧縮 リサイズ

角度変換

度・ラジアン・グラード・回転の角度変換

利用可能

ブラウザで度数、ラジアン、グラディアン、ターンをリンク入力で変換できます。これはCSS rotate()、Canvas、Math.PIの変換が間違えやすいThree.js作業に役立ちます。結果はページに残ります。

数学 部隊 設計