Drupal 7 Modul 'Bildstil' kann Bild-Effekte wie Größenanpassung, Skalierung, Zuschneiden usw. machen. Aber es ist nicht genug. Zum Beispiel ist die ursprüngliche Bildgröße 800x600, ich kann es auf 400x300 skalieren, dann möchte ich weißen Hintergrund in Höhe hinzufügen, machen es 400x400. Wie man diesen Effekt macht?
Schließlich habe ich dafür ein Bildeffekt-Modul erstellt. Die Größe eines Bilds wird auf eine exakte Größe ohne Größe geändert, ohne zu beschneiden, zu strecken oder zu schrumpfen. Bei Bedarf wird jedoch ein weißer Hintergrund hinzugefügt.
Bild-Cache-Aktionen sind ein großartiges Modul für solche Fälle ... das können Sie ausprobieren
Ich sehe, Sie haben eine Lösung gefunden. Aber es gibt einen viel einfacheren. Lassen Sie Ihren Bildstil auf 400x300 skalieren (dabei wird das Seitenverhältnis des Bildes beibehalten). Verwenden Sie anschließend CSS, um eines der umgebenden divs mit einem weißen Hintergrund und einer festen Größe von 400x300px zu formatieren. Wenn ein Bild ein anderes Seitenverhältnis aufweist, wird das umgebende weiße div ausgefüllt. Wenn Sie der unteren / rechten Seite Leerraum hinzufügen möchten, positionieren Sie Ihr Bild oben links im div. Oder Sie können das Bild zentrieren, um Leerräume zu beiden Seiten oder oben / unten hinzuzufügen (abhängig vom Seitenverhältnis des Bildes). Wenn Sie einen Rahmen oder einen Box-Schatten um das Bild benötigen, wenden Sie es auf das umgebende div an.
Hinzufügen von Leerzeichen : Wenn Ihr Bildstil in einer responsiven Diashow oder ähnlichem verwendet wird und / oder alle Bilder eine exakte Größe (Höhe / Breite) haben sollen, können Sie dies mit zwei Filtern erreichen:
Skalieren Sie auf 400x300 (Höhe oder Breite entspricht dieser Größe und die andere ist gleich oder kleiner)
Zuschneiden auf 400x300 (da Höhe / Breite bereits gleich oder kleiner als 400x300 ist, wird bei Bedarf ein schwarzer Raum oben / unten oder rechts / links hinzugefügt)
[Bearbeiten]
Leerraum hinzufügen mithilfe von ImageCache-Aktionen (Drupal 7):
Für Drupal 8 ImageCache-Aktionen heißt jetzt Bildeffekte . Der Effekt zum Festlegen der Höhe / Breite mit Hintergrundoption ist "Leinwand festlegen".
Tatsächlich können Sie dies einfach mit dem Image Kit-Effekt tun. Mit dem Smart Resizer können Sie festlegen, welche Hintergrundfarbe Sie zum Füllen von Leerzeichen verwenden möchten.