2.2 Dateien mutieren
- Stefan Keller
Demnächst: Anleitung auf Youtube ansehen (750x425)
Checkliste & ToDo’s
Pflege Metainformationen
Attribut | Wert (Beispiel) | Verwendung |
|---|---|---|
Name | bratwurst-degustation.jpg | Für Bildbezeichnung und bessere Auffindbarkeit der Datei im Internet. |
Title | St.Galler Bratwurst | Für Screenreader sowie als Bezeichnung und Ausgabe in Bildergalerien. |
Alternate text | Paar geniest Bratwurst und Bier in einer malerischen Schweizer Altstadt im Herbst, umgeben von traditionellen Häusern und lebhafter Atmosphäre. | Für Screenreeader & Webcrawler |
Link | - | wird in TourismusWeb nicht genutzt |
Caption | Gemütliches Essen in der Schweiz: Bratwurst & Bier in malerischer Altstadt | Als Bezeichnung und Ausgabe in Bildergalerien. |
License URL | als Bezeichnung und Ausgabe auf geschützten Bildern | |
Attribution | CC0 by DALL-E | als Bezeichnung und Ausgabe auf geschützten Bildern |
Bildformate
Es werden die folgenden Bildformate unterstützt:
Fokuspunkt setzen
In TourismusWeb werden Bilder (basierend auf dem gewählten Bildformat) verkleinert und zu geschnitten. Dies funktioniert so indem horizontal wie auch vertikal die Mitte des Bildes genommen wird. Das Bild wird zuerst in der Breite auf die gewünschte Grösse verkleinert. Anschliessend wird links/rechts sowie oben/unten das Bild im gewünschten Verhältnis zu geschnitten.
Nun kann es aber vorkommen, dass der wichtige Teil eines Bildes nicht in der Mitte ist und somit abgeschnitten wird. Um das zu vermeiden hat man die Möglichkeit in den Bildeinstellungen einen eigenen Fokuspunkt zu wählen. Bilder mit eigenem Fokuspunkt sind in der Dateiablage mit einem zweiten Vorschaubild erkennbar.
Spezialfall “Logos”:
Sofern der Fokuspunkt korrekt gesetzt ist, fällt es bei einem Foto kaum auf, wenn vom Motiv etwas wegschnitten wird:
Bei einem Logo hingegen ist es relevant, dass das Logo im gewünschten Verhältnis gespeichert wird. Also bspw. sollte auch wenn das Logo schmaler ist, wenn man es in 4:3 ausgeben möchte, die Leinwand entsprechend mit Weissraum gespeichert werden.
Direkt auf Files referenzieren (UUID)
Jede Datei bekommt nach dem Upload ins Filesystem eine sogenannte UUID, welche einmalig ist und über die man die Datei referenzieren kann.
Interne Referenz
Mit {{file::*}} kann direkt auf den Pfad verwiesen werden, wo die gewünschte Datei liegt * wird dabei mit der UUID ersetzt also bspw. {{file::0c755d22-3866-11ef-a32e-0200ab047036}}
Die Funktion wird auch automatisch genutzt wenn man über den Dateipicker (Weltkugel-Icon) arbeitet:
Externe Referenz
Es kann vorkommen, dass man von einer externen Quelle auf eine Datei referenzieren möchte. Dazu gibt es zwei Möglichkeiten:
Relativer Pfad
Verweis auf den relativen Pfad bspw. https://demo.tourismusweb.site/files/websites/demo.tourismusweb.site/objects/prospekte/Boutique-Design-Hotels-DE.pdf
Dies hat aber den Nachteil, dass wenn man die Datei in einen anderen Ordner verschieben würde, der Link nicht mehr gültig ist.
Dynamischer Pfad
Verweis auf den dynamischen Pfad mit der UUID bspw.
https://demo.tourismusweb.site/files/0c755d22-3866-11ef-a32e-0200ab047036
So kann die Datei immer aufgerufen werden (bis diese gelöscht wird), egal in welchem Ordner diese sich befindet.
Datei überschreiben
Wenn man eine Datei mit dem exakt gleichen Namen in einen Ordner hochlädt, wo bereits eine andere (gleich benannte) Datei liegt, dann wird diese überschrieben.
Dies kann bspw. Sinn machen, dass wenn man eine Winterbroschüre hat, welche jede Saison ersetzt werden muss. In diesem Fall macht es Sinn, dass man die Datei bspw. winterbroschuere.pdf nennt und nicht winterbroschuere-2024.pdf