Bilder und Icons im WCMS Fiona verwenden
Auf dieser Seite erfahren Sie, wie Sie Bilder und Icons im WCMS Fiona verwenden. Sie erhalten Informationen zu Bildgrößen, Bildrechten, freigegebenem Bildmaterial und der Verwendung von Icons.
Was ist beim Einsatz von Bildern zu beachten ?
- Verwenden Sie Bilder und Grafiken gezielt. Sie sollten den Inhalt der Seite ergänzen oder verständlicher machen.
- Bilder unterstützen die Aussage des Textes und sollten einen erkennbaren Mehrwert bieten.
- Beachten Sie die Bildrechte. Verwenden Sie nur Bilder und Grafiken, für die die erforderlichen Nutzungsrechte vorliegen.
Die benötigte Bildgröße hängt vom Einsatzzweck und vom vorgesehenen Bildformat ab. Verwenden Sie möglichst geeignete, weboptimierte Bildgrößen, um eine gute Darstellung und kurze Ladezeiten zu gewährleisten.
Normale Illustrationen, 3 Bildgrößen möglich
Breite: 130 Pixel
Höhe: 98 Pixel
Breite: 198 Pixel
Höhe: 134 Pixel
Breite: 260 Pixel
Höhe: 195 Pixel
Bilder bei Newsmeldungen in der Mediathek
Breite: 233 Pixel
Höhe: 155 Pixel
Automatische Verkleinerung des Bildes bei Einstellung des Layout 4 im News-Container
Bilder im Textblock (unterhalb der Vorlage Sammelbox)
Bildbreite für die Anzeige im Textfluss
Auswahl, mögliche Werte: 130 Pixel, 198 Pixel, 260 Pixel
Bilder im Servicebereich (rechts)
Breite: maximal 186 Pixel
Bilder im Servicebereich (rechts)
Bild wird automatisch in der Breite von 194 Pixel dargestellt.
Slideshow Bilder
Breite mit Servicebereich: 530 Pixel
Breite ohne Servicebereich: 735 Pixel
Auswahl Höhe, mögliche Werte: 200 Pixel, 300 Pixel, 400 Pixel, 500 Pixel, 600 Pixel
Slideshow Bilder mit Text
Bildbreite für die Anzeige im Textfluss
Auswahl, mögliche Werte: 130 Pixel, 198 Pixel, 260 Pixel und
Breite mit Servicebereich: 530 Pixel (kein Textumfluss möglich, Text steht unterhalb des Bildes)
Breite ohne Servicebereich: 735 Pixel (kein Textumfluss möglich, Text steht unterhalb des Bildes)
Höhe: bis max. Quadrat
Bildergalerien
max. 530 Pixel Breite (Sowohl Hochformat-, als auch Querformatdarstellung möglich)
Sonstige Größen
Darüber hinaus sind im Text auch abweichende Formate möglich, jedoch sollen Bilder grundsätzlich im Querformat eingesetzt werden (entspricht den normalen Sehgewohnheiten) und es sollen keine unterschiedlichen Bildgrößen auf einer HTML-Seite erscheinen. Aus rein technischen Gründen kann die Breite des Bildes 530 Pixel nicht übersteigen
Webtaugliche Formate
Im Web werden immer Rastergrafiken (auch Bitmapgrafiken bzw. Pixelgrafiken genannt) verwendet. Die folgende Übersicht zeigt unsere Empfehlung der gängigsten Dateiformate für das Web und deren Einsatzgebiet auf.
- Grafiken, Strichzeichnungen: Verwendung von gif, svg
- Bildern und Verläufen: Verwendung von jpeg, jpg, png
Wissenswertes zur Auflösung
Man unterscheidet zwischen absoluter und relativer Auflösung.
Relative Auflösung
Ist wichtig bei der Anzeige auf Bildschirmen und wird meist folgendermaßen angegeben:
- Punktdichte in dpi (dots per inch, engl. für Punkte pro Zoll),
- Pixeldichte in ppi (pixel per inch, engl. für Pixel pro Zoll),
- Zeilendichte in lpi (lines per inch, engl. für Zeilen pro Zoll)
Die relative Auflösung spielt im Web eine große Rolle, da Computerbildschirme in der Regel eine Auflösung von 300 dpi besitzen und eben nur soviel Punkte pro Zoll auf den Bildschirm "passen". Die Darstellungsgröße kann somit leicht festgelegt werden, ohne dass es zu automatischen Verkleinerungen durch die Browser kommen muss.
Absolute Auflösung
Spielt eine Rolle bei Digitalkamera-Angaben und somit keine Rolle im Web.
Beispiel: 6 Mega-Pixel = 6 Millionen Pixel = 2000 x 3000 Pixel
Bildurheberrecht
Verwertungsrechte
Der Begriff Verwertungsrecht stammt aus dem Urheberrecht. Es umschreibt die ausschließlich und absoluten Rechte des Urhebers eines Werkes es zu:
- Vervielfältigung
- Verbreitung
- Veröffentlichung
- Wordvorlage zum Bildurheberrecht
Persönlichkeitsrechte
Das Persönlichkeitsrecht ist ein Grundrecht, welches den Schutz der Persönlichkeit einer Person regelt.
Dazu zählt:
- Anerkennung der Urherberschaft
- Verbot von Entstellung
Rechte am eignen Bild
Das Recht am eigenen Bild oder auch Bildnisrecht genannt ist eine Ausprägung des allgemeinen Persönlichkeitsrecht. Es besagt, dass jeder Mensch grundsätzlich selbst darüber bestimmen darf, ob und in welchem Zusammenhang Bilder von ihm veröffentlicht werden. Ausnahmen:
- Bildnisse dürfen nur mit Einwilligung des Abgebildeten verbreitet oder öffentlich zur Schau gestellt werden
- Bei Entlohnung
- Nach dem Tod, nach Ablauf von 10 Jahren ohne Einwilligung der Angehörigen
- Wordvorlage zu den Rechten am eigenen Bild
Bildmaterial und Bildrechte
Wo finde ich freigegebene Bilder für dienstliche Zwecke?
Freigegebene iStock-Bilder des LMU Klinikums stehen Mitarbeitenden für dienstliche Zwecke in der KLIBS-Bildersammlung zur Verfügung. Die Bilder können im Intranet über den bereitgestellten Ablagepfad heruntergeladen und im Rahmen der vorhandenen Nutzungsrechte verwendet werden.
Ablagepfad für freigegebene Bilder:
S:\MIT-KUM-Internet-Bilder\KLIBS\iStock
Nutzen Sie ausschließlich Bilder, für die die erforderlichen Nutzungsrechte, Bildurheberrechte und gegebenenfalls Rechte am eigenen Bild geklärt sind.
iStock-Bilder gemeinsam nutzen
Haben andere Einrichtungen des LMU Klinikums iStock-Kontingente erworben, können die damit gekauften Bilder ebenfalls für eine klinikumweite Mehrfachnutzung zur Verfügung gestellt werden.
Wenn Sie bereits erworbene iStock-Bilder zur gemeinsamen Nutzung bereitstellen möchten, senden Sie uns bitte die entsprechenden Bilddateien an unsere Support-E-Mail-Adresse. Voraussetzung ist, dass die Bildurheberrechte sowie gegebenenfalls die Rechte am eigenen Bild geklärt sind.
Durch die zentrale Bereitstellung können vorhandene Bildressourcen effizient mehrfach genutzt und unnötige Doppelkäufe vermieden werden.
Häufige Fragen zu Bildern und Icons
Was ist beim Einsatz von Icons zu beachten ?
Icons unterstützen die visuelle Darstellung und Orientierung auf den Webseiten des LMU Klinikums. Sie sind Bestandteil des Corporate Designs und sollten entsprechend den vorgegebenen Gestaltungsvorgaben verwendet werden. Die Icons auf den Webseiten des Klinikums sind 10 x 12 Pixel groß und durch ihre klare Formensprache und Farbe gut erkennbar.
Wie kann ich Icons im Hauptinhalt einfügen?
Icons stehen im „Corepaket“ unter „Assets“ zur Verfügung. Um ein Icon einzufügen, wählen Sie im Editor ein neues Bild aus und tragen Sie im Feld „Ziel“ den vorgesehenen Pfad ein.
/assets/images/icons/<icon>.gif
Wo finde ich die verfügbaren Icons?
Die verfügbaren Icons und die zugehörigen Pfade finden Sie im WCMS unter /assets/images/icons/<icon>.gif
/assets/images/icons/audio.gif
/assets/images/icons/ausgeklappt.gif
/assets/images/icons/ausklappen.gif
/assets/images/icons/download.gif
/assets/images/icons/drucken.gif
/assets/images/icons/edit.gif
/assets/images/icons/excel.gif
/assets/images/icons/externlink.gif
/assets/images/icons/fax.gif
/assets/images/icons/funk.gif
/assets/images/icons/go.gif
/assets/images/icons/handy.gif
/assets/images/icons/lupe.gif
/assets/images/icons/mail.gif
/assets/images/icons/next.gif
/assets/images/icons/pdf.gif
/assets/images/icons/powerpoint.gif
/assets/images/icons/previous.gif
/assets/images/icons/square.gif
/assets/images/icons/square_border.gif
/assets/images/icons/square_small.gif
/assets/images/icons/telefon.gif
/assets/images/icons/toplink.gif
/assets/images/icons/uhr.gif
/assets/images/icons/video.gif
/assets/images/icons/word.gif
/assets/images/icons/www-intranet.gif
/assets/images/icons/www.gif
/assets/images/icons/zimmernummer.gif
/assets/images/icons/zip.gif
/assets/images/icons/zoom_in.gif
/assets/images/icons/zoom_out.gif
/assets/images/icons/zurueck.gif
Welche Bilder darf ich für Webseiten des LMU Klinikums verwenden?
Verwenden Sie nur Bilder, für die das LMU Klinikum die erforderlichen Nutzungsrechte besitzt. Für dienstliche Zwecke stehen freigegebene Bilder im vorgesehenen Bildarchiv zur Verfügung (S:\MIT-KUM-Internet-Bilder\KLIBS\iStock).
Wo finde ich freigegebene Bilder für dienstliche Zwecke?
Freigegebene Bilder finden Sie im vorgesehenen Bildarchiv (S:\MIT-KUM-Internet-Bilder\KLIBS\iStock) des LMU Klinikums.
Darf ich Bilder aus anderen Bilddatenbanken verwenden?
Ja, sofern die erforderlichen Nutzungsrechte für die geplante Verwendung vorliegen.