Flyo bietet die Möglichkeit, Bilder ohne zusätzliche Software an den aktuellen Verwendungszweck anzupassen. Dazu gehören unter anderem das Beschneiden von Bildern, das Zuschneiden nach Fokuspunkt oder das Formatieren von Dateien in ein anderes Dateiformat.
Zuschneiden
Via https://storage.flyo.cloud/{DATEINAME} sind alle Bilder, die in Flyo hochgeladen wurden, aufrufbar. Um via URL eine kleinere Version eines Bildes aufzurufen, kann einen Filter mit der gewünschten Auflösung an die URL angehängt werden:
| Aufbau | Beispiel |
|---|---|
{DATEINAME}/thumb/{BREITE}x{HÖHE} | example.jpg/thumb/300x300 |
Anstelle von DATEINAME den Dateinamen eingeben und anstelle von BREITE und HÖHE die gewünschte Grösse in Pixel. Um Bildbreite oder Bildhöhe dynamisch zu berechnen, kannst du den Wert null verwenden.
Schauen wir uns die Funktion zuschneiden in einem Beispiel an:
| Grösse | Beispiel |
|---|---|
| Original |  |
| 250x250 |  |
| 250xnull |  |
| nullx250 |  |
| Bilder in Flyo werden beim Hochladen auf eine maximale Breite oder Höhe von 2560 Pixel zugeschnitten. Daher gilt dies auch als Limit für Breiten- und/oder Höhendefinitionen. | |
| ::: |
Zuschneiden beim Mapping
Wird ein Bild via Mapping zur Verfügung gestellt, kann die Bildgrösse ebenfalls bestimmt werden. Dies geschieht durch das Hinzufügen eines statischen Textelements im Mapping-Feld:
Zuschneiden im UI
Grösseverändern im UI
Fokuspunkt
Manchmal kommt es vor (gewollt oder ungewollt), dass das wichtigste Element in einem Bild nicht genau in der Mitte liegt. Aus diesem Grund kannst du in Flyo bei jedem Bild einen Fokuspunkt definieren. Sobald du bei einem Bild einen Fokuspunkt setzt, wird das Bild auf diesen Punkt zentriert. Du kannst den Fokuspunkt setzen oder verschieben, in dem du mit der Maus an die entsprechende Stelle im Bild klickst. Der Fokuspunkt wird angewendet, sobald das entsprechende Bild mit einem URL-Filter aus Flyo abgerufen wird. Achtung: eine bestimmte Bildstelle zu zentrieren, bedeutet immer, dass das Bild zugeschnitten werden muss - darum wirst nur dort einen Effekt sehen, wo das Bild zugeschnitten wird. Wenn der Fokuspunkt zu nahe am Rand liegt im Verhältnis zum gesamten Bildausschnitt, wird er nicht zentriert werden können. Dennoch hilft er dabei, den idealen Bereich auszuschneiden.
INFO
Der Fokus kommt nur bei Zuschneidungen ohne dynamische Seitenverhältnisse zur Anwendung. Konkret heisst dies, dass 250x250 den Fokus verwenden würde, aber 250xnull nicht.
Format konvertieren
In gewissen Szenarien kann ein bestimmtes Dateiformat Vorteile bieten, z.B. JPG für eine bessere Bildqualität und PNG als Ersatz für GIF mit der Möglichkeit transparenter Hintergründe. Webp als Beispiel, erzeugt sehr effiziente Bilder und sollte für Webseiten verwendet werden. Um diesen Anforderungen gerecht zu werden, kann das Format bei der Erstellung eines Filters mit dem Parameter format query ausgewählt werden. Es ist also nur möglich, das Zielformat der Datei beim Beschneiden zu wählen, nicht für die Originaldatei. Ein Beispiel würde folgendermassen aussehen: image_7a158241.jpg/thumb/250x250?format=webp. Die folgenden Formate werden unterstützt:
- webp
- jpg
- jpeg
- png
- gif