Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- redaktion:f._bilder [2024/03/11 12:15] – [Element "Text & Bilder"] 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 und Bilder" und "Nur Bilder" eingefügt werden.
+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.
 {{:redaktion:content-element-add.png|}}
-Per Drag & Drop
+oder per Drag & Drop
 {{:redaktion:content-element-drag-drop1.png|}}
 ==== Element "Text & Bilder" ====
@@ Zeile 20: / 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 26: / Zeile 29: @@
 {{:redaktion:unilu-wiki-bildelemente-01.png|}}
-Die Option "Bei Klick vergrössern" zeigt **alle** im Element ausgewählten Bilder im Vollbildmodus, inklusive Blätterfunktion. Bitte nur aktivieren, wenn das Bild in genügend grosser Auflösung hochgeladen wurde. Bilder, auf denen ein Link definiert wurde, lassen sich nicht per Klick in Grossansicht öffnen, und erscheinen auch nicht beim Durchblättern der Galerie.
+Die Option "Bei Klick vergrössern" zeigt **alle** im Element ausgewählten Bilder im Vollbildmodus mit einer Blätterfunktion. Bitte nur aktivieren, wenn die Bilder in genügend grosser Auflösung hochgeladen wurden. Bilder, auf denen ein Link definiert wurde, lassen sich nicht per Klick in Grossansicht öffnen und erscheinen auch nicht beim Durchblättern der Galerie.
 ==== Erscheinungsbild festlegen ====
@@ Zeile 32: / 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 49: / Zeile 58: @@
 Seitenverhältnis wählen und Bereich durch Ziehen der Randpunkte skalieren. Ausschnitt wenn nötig verschieben.
 ==== Buchcovers ====
@@ Zeile 55: / Zeile 65: @@
 ==== quadratische Bilder ====
-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.
+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 71: / 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 88: / Zeile 99: @@
 {{:redaktion:image-cropping-04.png|}}
-===== Bilder aus Suche (z.B. Google) ausschliessen =====
+===== Bilder einer Seite aus der Suche (z.B. Google) ausschliessen =====
 Es besteht die Möglichkeit, Bilder einer Seite nicht durch Suchmaschinen indexieren zu lassen. Allerdings kann man nur alle oder keine Bilder einer Seite auswählen, da die Konfiguration für alle Seiten einer Seite gilt.
@@ Zeile 103: / 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]]