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:

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

Audio Icon

/assets/images/icons/audio.gif

Ausgeklappt Icon

/assets/images/icons/ausgeklappt.gif

Ausklappen Icon

/assets/images/icons/ausklappen.gif

Download Icon

/assets/images/icons/download.gif

Drucken Icon

/assets/images/icons/drucken.gif

Bearbeiten Icon

/assets/images/icons/edit.gif

Excel Icon

/assets/images/icons/excel.gif

Externer Link Icon

/assets/images/icons/externlink.gif

Fax Icon

/assets/images/icons/fax.gif

Funk Icon

/assets/images/icons/funk.gif

Go Icon

/assets/images/icons/go.gif

Handy Icon

/assets/images/icons/handy.gif

Lupe Icon

/assets/images/icons/lupe.gif

Mail Icon

/assets/images/icons/mail.gif

Next Icon

/assets/images/icons/next.gif

/assets/images/icons/pdf.gif

Powerpoint Icon

/assets/images/icons/powerpoint.gif

Previous Icon

/assets/images/icons/previous.gif

Square Icon

/assets/images/icons/square.gif

Square Border

/assets/images/icons/square_border.gif

Square Small Icon

/assets/images/icons/square_small.gif

Telefon Icon

/assets/images/icons/telefon.gif

Toplink Icon

/assets/images/icons/toplink.gif

Uhr Icon

/assets/images/icons/uhr.gif

Video Icon

/assets/images/icons/video.gif

Word Icon

/assets/images/icons/word.gif

Intranet Icon

/assets/images/icons/www-intranet.gif

www Icon

/assets/images/icons/www.gif

Zimmernummer Icon

/assets/images/icons/zimmernummer.gif

zip Icon

/assets/images/icons/zip.gif

Zoom in Icon

/assets/images/icons/zoom_in.gif

Zoom out Icon

/assets/images/icons/zoom_out.gif

Zurück Icon

/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.