使い方
- プリセット（9:16、16:9、4:5）を選択するか、カスタム比率を入力します。
- 幅または高さのいずれかを入力します。
- ライブプレビュー付きで、不足している寸法を即座に取得します。
- レイアウト用に生成されたCSSの
aspect-ratioコードをコピーします。
主な機能
- TikTok/Reels (9:16): 縦型プリセットを使用して、SNS動画の寸法をすばやく検証します。
- CSSのaspect-ratio生成: モダンなCSSの
aspect-ratioスニペットを即座に生成します。 - 不足している寸法の計算: 比率を維持したまま、幅または高さを自動的に計算します。
- ビジュアルプレビュー: レスポンシブな長方形でリアルタイムに比率をプレビューします。
- プライバシー保護: すべてブラウザ内でローカルに実行されます。
関連ツール
Lorem Ipsum ジェネレーター (JSON/HTML) - CJK・開発者向け出力
Lorem Ipsumをテキスト、HTML <p>、またはJSON配列として生成します。ローカル処理のみで、アップロードは行われません。中国語のプレースホルダーテキストや可変长コントロールが含まれています。今すぐ生成。
カラーコンバーター (HEX/RGB/CMYK) - WCAGコントラストチェッカーツール
内蔵のWCAGコントラストチェッカーを使用して、HEX、RGB、HSL、CMYKを変換します。ローカルのみのプライバシー処理で、アップロードはありません。印刷に対応したCMYK値の取得や結果のコピーが今すぐ行えます。
無料の画像カラーピッカー＆パレットジェネレーター
画像を選択、ドラッグ＆ドロップ、または貼り付けてローカルでピクセルの色を抽出し、HEX/RGB/HSL値をコピーしたり、主要なカラーパレットを生成したりできます。
計算ロジック
- 計算式: [ H = W \times \frac{r_H}{r_W} ] または [ W = H \times \frac{r_W}{r_H} ]
- CSSの例: [ \text{aspect-ratio}: \frac{16}{9} ]
よくある質問
TikTokやReelsのアスペクト比は？
標準は9:16（縦型）です。一般的な解像度は1080×1920です。寸法を確認するには9:16プリセットを使用してください。
CSSでaspect-ratioを使用するには？
aspect-ratio: 16/9; を使用します。スニペットと、レイアウトに役立つフォールバックを生成します。
データは安全ですか（ローカル/プライバシー）？
はい。計算はローカルのみで行われ、アップロードやサーバーへの保存はありません。
無料ですか？仕事で使えますか？
無料です。動画やUIの寸法を調整するクリエイターやチームに最適です。
1〜2ピクセルの誤差が生じるのはなぜですか？
一部の寸法では、整数ピクセルへの丸め処理が必要です。比率をできるだけ維持しながら、最も近い整数に丸めます。