Mit webEdition automatisiert Thumbnails erzeugen
Die verschiedenen Bearbeitungsmöglichkeiten (z.B. drehen, skalieren und zuschneiden) lassen sich in webEdition auch automatisiert nutzen, um Miniaturansichten (bzw. Thumbnails) erstellen zu lassen.
Dazu öffnen wir das Menü „Extras > Miniaturansichten“.
Beim Erstellen von Miniaturansichten gebt ihr die Abmaße (in Pixel) des Thumbnails, die Qualität (zwischen 0 – 10), das Format (Original, GIF, JPEG oder PNG) und Parameter für die Skalierung an. Für die Skalierung könnt ihr festlegen, ob die Proportionen beibehalten und die Grafik bei Bedarf maximiert werden soll.
In Kombination mit „Proportion beibehalten„, lässt sich auch die Funktion „Fit inside“ nutzen, die einen Bildausschnitt ohne Verzerrung erstellt, um z.B. eine quadratische Grafik aus einem Portrait- oder Landscape-Format zu erzeugen.
Die Einstellung „Zeilensprung“ bzw. Interlacing ist vor allem für sehr große Grafiken/Thumbnails sinnvoll, da durch diese Einstellung das Laden der Grafik in Abschnitte (jede x-te Zeile) erfolgt. Bei geringen Bandbreiten wird das Bild häppchenweise geladen, wodurch der Eindruck entsteht, das Bild würde immer schärfer werden.
Die erstellten Miniaturansichten lassen sich sowohl von Programmierern in webEdition Tags <we:img/> mit dem Parameter „thumbnail“ als auch von Redakteuren im WYSIWYG-Editor nutzen.
- Einsatz von PHP in webEdition
- <we:block> und <we:listview>: Alternierende CSS-Klassen mit <we:ifPosition>
- <we:block> und <we:listview>: Den Inhalt eines Blocks in einer Listview ausgeben
- <we:block>: Nummerieren der Wiederholungen mit <we:position>
- Allgemeine Variablen und Funktionen
- Attribute in HTML-Tags ausspielen
- Auf interne Variablen des aktuellen webEdition-Dokuments zugreifen
- Datenbank-Funktionen
- E-Mail-Benachrichtigung von 404-Fehlern mit webEdition
- Externe JS-Plugins und andere Bibliotheken komfortabel in webEdition importieren
- Fehlerseite für limitierte Logins Multidomain-fähig machen
- Google Sitemap in webEdition erstellen
- Große Dateien – wohin damit?
- Innerhalb einer listview type="search" die ID eines Objektes anzeigen
- Liste der Tastaturkürzel
- Massenoperationen für webEdition Objekte
- Mit webEdition-Thumbnails responsive Background-Images gestalten
- Pflichtfelder in Dokumenten
- PHP-Klassen und PHP-Libraries einfügen
- Referenzen für PHP, JavaScript und CSS in die webEdition-Sidebar laden
- SEO-optimierte Image-News-Slider mit webEditon und bxSlider
- SEO-URLs, so bekommt ihr sie „klein“
- Tipps und Rezepte
- Vorlagen-Quelltext aus DB anzeigen
- we:comment mehr als nur Kommentare
- webEdition IDs in CSS und JS Dateien einbinden
- webEdition Kategorien
- webEdition Tags statt PHP-Code
- Wie funktionieren eigentlich webEdition Objekte?
- Wie kann ich als Entwickler die Code-Qualität von webEdition-Projekten einschätzen?