Drupal 7 モジュールの 'image style' は、サイズ変更、拡大縮小、クロップなどの画像効果を作成できますが、それだけでは十分ではありません。たとえば、元の画像サイズは 800x600 で、400x300 にスケーリングできます。次に、高さに白い背景を追加して 400x400 にします。この効果をどのように作るのですか?
4 に答える
画像キャッシュアクションは、そのような場合に最適なモジュールです...それを試すことができます
最後に、このための画像効果モジュールを作成しました。画像のサイズを、切り抜き、拡大、縮小なしで正確なサイズのセットに変更しますが、必要に応じて白い背景を追加します。
解決策を見つけたようです。しかし、もっと単純なものがあります。画像スタイルで画像を 400x300 にスケーリングします (画像の縦横比を維持します)。次に CSS を使用して、周囲の div の 1 つを白い背景と固定サイズ (400x300px) でスタイルします。画像の縦横比が異なる場合、周囲の白い div が塗りつぶされます。下部/右側に空白を追加する場合は、画像を div 内の左上に配置します。または、画像を中央に配置して、両側または上下に空白を追加することもできます (画像の縦横比によって異なります)。画像の周りにボーダーまたはボックス シャドウが必要な場合は、それを周囲の div に適用します。
黒いスペースを追加: 画像スタイルがレスポンシブ スライドショーなどで使用されている場合、および/またはすべての画像を正確なサイズ (高さ/幅) にしたい場合は、2 つのフィルターを使用してこれを実現できます。
400x300に拡大 (高さまたは幅はこのサイズに一致し、他は同じかそれ以下になります)
400x300 にトリミングします (高さ/幅が既に 400x300 以下であるため、必要に応じて上下または左右に黒いスペースが追加されます)
[編集]
ImageCache アクションを使用して空白を追加します(Drupal 7):
Drupal 8 では、ImageCache アクションはImage Effectsと呼ばれるようになりました。背景オプションで高さ・幅を固定する効果が「キャンバス設定」です。