すべてのカテゴリ

Divi 5 が公開され、画像周りに追加された新機能には、現場で日々制作に携わる者として本当に嬉しく、そして待ち望んでいたアップデートだと実感しています。これまで画像の比率調整やトリミング、スタイル統一のために外部の画像編集ソフトを行き来していた手間が、ビルダー上で直感的に完結するようになったからです。1. 最新の画像設定とプリセットのサポート画像はウェブサイトにとって視覚的な中心であり、Diviのほぼすべてのモジュールに画像要素が含まれています。これまで画像のスタイリングやトリミングに多くの時間を割いてきた方にとって、今回のアップデートは制作フローそのものを見直すきっかけとなります。専門用語を避け、実務でどう使えるかに焦点を当てて解説します。1.1 アスペクト比各モジュールの「サイズ設定」グループに、アスペクト比（縦横比）の項目が追加されました。比率を指定すると、画面サイズやデバイス幅が変わっても要素の高さが自動的に比例調整され、比率が崩れることがありません。実務での活用例：アイキャッチ画像やバナー、商品カードなど、スマートフォン表示で画像が縦に潰れたり横に伸びたりする問題を根本から防げます。画像編集ソフトで複数サイズを書き出す手間が大幅に削減されます。標準比率に加えカスタム比率も設定可能ですが、実案件では事前に「このブロックで最も頻繁に使用する比率」をプロジェクト内で統一しておくと、後のメンテナンスやチーム作業がスムーズになります。1.2 画像フレーミングアスペクト比や明示的な幅・高さを指定すると、通常は画像が枠に合わせて引き伸ばされます。しかし実際の制作では「比率を保った