この文書は、Framerを学ぶ国内ユーザーが韓国語資料の不足で感じる困難を解決するために、公式ブログの内容を日本語に翻訳し、実務に役立つ情報を追加しました。Framerを使用する皆様に少しでもお役に立てれば幸いです。

フレームでアスペクト比を固定する方法

400×300pxのサイズのフレームを作成し、アスペクト比固定アイコンをクリックすると、4:3の比率が固定されます。
比率が固定された状態でWidthをFillに設定すると、幅に合わせて自動的に高さが調整され、常に4:3の比率を保ちます。

注意: CMSコレクションリストで固定されたアスペクト比を使用すると、すべてのCMS画像が同じ比率を継承し、一貫したレイアウトが維持されます。

さまざまな比率の画像を一緒に使用する方法

画像ごとに固有のアスペクト比を持つ場合は、Framerのデモプロジェクトの画像コンポーネントを使用することができます。

1. FramerのCMSコレクションに画像をアップロード

2. デモプロジェクトで提供されているImageコンポーネントを使用

デモプロジェクトのコンポーネントは画像の元の比率を維持しつつ、CMSコレクション内でもそれぞれ異なる比率で表示されるように設定されています。

この記事はFramer公式ブログの『CMSでユニークなアスペクト比の画像を使用する』を翻訳・アレンジしたコンテンツです。