Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- redaktion:f._bilder [2024/03/11 13:15] – [Bildauswahl & Einstellungen] ameier
+++ redaktion:f._bilder [2025/04/17 08:45] (aktuell) – [Bilder einer Seite aus der Suche (z.B. Google) ausschliessen] nhasler
@@ Zeile 1: / Zeile 1: @@
 ===== f. Bilder =====
-Es gibt – abgesehen von den Headerbildern rechts des Uni-Logos, die von der Abteilung Öffentlichkeitsarbeit gestaltet und eingepflegt werden – gewöhnliche Bilder, Personenbilder als Bestandteile von Adressen und Bilder in Galerien. Sie werden in der Dateiliste im Ordner der betreffenden Abteilung abgelegt.
+Es gibt – abgesehen von den Headerbildern rechts des Uni-Logos, die von der Universitätskommunikation gestaltet und eingepflegt werden – gewöhnliche Bilder, Personenbilder als Bestandteile von Adressen und Bilder in Galerien. Sie werden in der Dateiliste im Ordner der betreffenden Abteilung abgelegt.
 Bilder können in den [[Inhaltselementen]] "**Text & Bilder**" und "**Nur Bilder**" eingefügt werden. Beim Wechsel von "Nur Bild" zu "Text & Bilder", oder umgekehrt, bleibt die Bildauswahl bestehen.
@@ Zeile 22: / Zeile 22: @@
 Auf der Website werden 2 oder 4 Bilder nebeneinander im Querformat angezeigt. Die Spaltenangaben beziehen sich auf die Desktop-Version der Website. Auf Tablets und Smartphones wird die Darstellung nach Platzverfügbarkeit optimiert.
 ==== Bildauswahl & Einstellungen ====
@@ Zeile 34: / Zeile 35: @@
 Bilder sind generell links ausgerichtet. Andere Optionen können unter **Galerieeinstellungen** (welche nicht nur für das Bildelement gelten, festgelegt werden: Die Ausrichtung auf den Text (in oder neben dem Text) und die Spaltenbreite.
-==== Metadaten festlegen ====
+==== Metadaten festlegen bzw. überschreiben ====
 {{:redaktion:unilu-wiki-bild-details.png|}}
-Die Metadaten werden – wenn sie nicht überschrieben werden – aus den Metadaten der Bilder übernommen, wie sie beim Upload in die Dateiliste festgelegt wurden. Titel und alternativer Text sind dabei unerlässlich – der alternative Text ist für blinde Menschen wichtig.
 Ein Link ermöglicht Internetnutzer/innen, durch Klick auf das Bild direkt zur betreffenden Seite zu gelangen, z.B. verlinktes Logo → Homepage. (Ein verlinktes Bild kann nicht in Grossansicht geöffnet werden)
+Die Metadaten wie "Alternativer Text", "Beschreibung", "Titel" werden – wenn sie im Inhaltselement nicht überschrieben werden – aus den Metadaten der Bilder übernommen. Global gesetzte Metadaten können, durch das Setzen eines **Leerzeichens im elementspezifischen Wert**, __unterdrückt__ werden.
+Ist in der hochgeladenen Datei kein Titel vorhanden, wird er aus dem Dateinamen generiert, was zu unschönen Texten führen kann. Der beim Import erstellte Titel kann mit Klick auf "x" am Feldende gelöscht werden. Der hellgraue Platzhaltertext mit dem Dateinamen wird nicht auf der Seite angezeigt.
+Das **Erfassen eines Titels ist nicht zwingend**. **Ein "alternativer Text", der den Bildinhalt beschreibt, sollte, wann immer möglich, gesetzt werden**. Er kann Menschen mit Sehbehinderung vorgelesen werden. Mehr zur Verwendung von Alt-Texten https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#accessibility
+{{:redaktion:unilu-metadata-override.png|}}
 ===== Bildzuschnitt =====
@@ Zeile 51: / Zeile 58: @@
 Seitenverhältnis wählen und Bereich durch Ziehen der Randpunkte skalieren. Ausschnitt wenn nötig verschieben.
 ==== Buchcovers ====
@@ Zeile 58: / Zeile 66: @@
 Es ist sehr schwierig, die identische Pixelzahl für Höhe und Breite im Modus "Frei" zu treffen. Laden Sie Bilder, die im Seitenverhältnis 1:1 dargestellt werden sollen, am besten bereits zugeschnitten hoch und wählen Sie dann die volle Grösse mit dem Verhältnis "Frei".
 ==== Personenbilder - Bilder neben Adressen ====
@@ Zeile 73: / Zeile 82: @@
 Für Adressen ohne Bild, die in der Übersichtsseite der Mitarbeitenden angezeigt werden, muss in der Dateiliste (shared/Mitarbeitende/p) das Platzhalterbild gewählt werden. Nur so stehen in der Anzeige alle Adressen genau untereinander.
-Die Bilder von offiziellen  Mitarbeitenden sind von //FotoPro ecker// angefertigte Passfotos.
+Die offiziellen Bilder von Mitarbeitenden sind vom Fotografen der Universität angefertigte Passfotos.
-Die Bilder der nicht offiziellen Mitarbeitenden müssen hochaufgelöst, farbig und mit neutralem Hintergrund versehen sein: Bücherregal und Mauer sind nicht neutral. Die Abteilung Öffentlichkeitsarbeit schneidet sie quadratisch zu und der/die Webeditor/in integriert sie in der Dateiliste im Ordner der eigenen Abteilung. Kein Bild ist einem schlechten, nicht in den Gesamtauftritt passenden Bild, vorzuziehen.
+Die nicht offiziellen Bilder von Mitarbeitenden müssen hochaufgelöst, farbig und mit neutralem Hintergrund versehen sein: Bücherregal und Mauer sind nicht neutral. Kein Bild ist einem schlechten, nicht in den Gesamtauftritt passenden Bild, vorzuziehen.
@@ Zeile 105: / Zeile 114: @@
 [[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittContentElemente.pdf|Content Element]]
 [[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittNews.pdf|News Element]]
+[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittMagazin.pdf|Inhaltselement Magazin-Teaser]] (nur für Admin / Magazin)
-[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittMagazin.pdf|Inhaltselement Magazin-Teaser]]
+[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittSeitenbilder.pdf|Banner Startseite]] (nur für Admin / Unikomm)
-[[https://www.unilu.ch/fileadmin/universitaet/dienste/unikomm/bilder/web-infomail/UniluBildzuschnittSeitenbilder.pdf|Banner Startseite]]