Bilder und Dokumente sind ein wichtiger Bestandteil der Website. Sie sollten vor dem Hochladen für die Verwendung im Web in einem Grafik-Programm vorbereitet und mit den notwendigen Informationen versehen werden. Es gibt zwar ein paar bildverarbeitende Funktionen in Wordpress (Skalierung, Beschneiden), die Ergebnisse sind jedoch in der Qualität nicht vergleichbar mit dem Resultat aus einem Grafikprogramm.

Neben der technischen Qualität sind dabei insbesondere Dateigröße, Bildrechte, Bildnachweise und Barrierefreiheit zu beachten.

Bildqualität#

Bilder sollten in ausreichender Qualität vorliegen und für den jeweiligen Einsatzzweck geeignet sein. Zu kleine Bilder sollten nicht vergrößert verwendet werden, da sie dadurch unscharf oder pixelig erscheinen können. Umgekehrt sollten hochauflösende Originalbilder aus Kameras oder Smartphones nicht unverändert auf die Website hochgeladen werden. Bilder sollten deshalb vor dem Upload in einem Grafikprogramm auf eine geeignete Größe gebracht und für die Verwendung im Web gespeichert werden.

Für spezielle Inhaltstypen können feste Bildgrößen vorgegeben sein. Bei den Team-Profilen beträgt die vorgesehene Bildgröße beispielsweise 600 × 450 Pixel. Bei bestehenden Seiten und Inhaltstypen sollte die dort verwendete Bildgröße bzw. das vorhandene Seitenverhältnis als Orientierung dienen.

Dateigröße#

Die Dateigröße sollte möglichst klein gehalten werden, ohne dass dadurch eine sichtbar schlechte Bildqualität entsteht. Große Bilddateien verlängern die Ladezeit der Website – insbesondere bei mobilen Verbindungen. Ein Bild mit mehreren Tausend Pixeln Breite und mehreren Megabyte Dateigröße ist für die normale Darstellung auf einer Website in der Regel unnötig. Entscheidend ist daher ein vernünftiges Verhältnis zwischen:

• benötigten Bildabmessungen,
• Bildqualität,
• Dateigröße.

Die Optimierung sollte möglichst vor dem Hochladen erfolgen.

Dateinamen#

Dateien sollten bereits vor dem Upload einen verständlichen und eindeutigen Dateinamen erhalten.

Statt:

DSC_8437.jpg

besser beispielsweise:

imareal-workshop-2026.jpg

Empfohlen werden:

• kurze und aussagekräftige Bezeichnungen,
• Kleinbuchstaben,
• Bindestriche zwischen Wörtern,
• keine Leerzeichen,
• keine Umlaute oder Sonderzeichen.

Das gilt ebenso für PDFs und andere Dokumente.

Bildrechte#

Ein Bild darf nur auf der Website veröffentlicht werden, wenn die notwendigen Nutzungsrechte dafür vorhanden sind.

Das gilt insbesondere für:

• Fotografien anderer Personen,
• Bilder aus Publikationen,
• Bilder von externen Websites,
• Abbildungen aus Archiven und Sammlungen,
• Karten, Grafiken und Illustrationen.

Dass ein Bild im Internet frei zugänglich ist, bedeutet nicht, dass es frei verwendet werden darf. Bestehen Zweifel an den Nutzungsrechten, sollte das Bild nicht veröffentlicht werden, bevor die rechtliche Situation geklärt ist.

Copyright und Bildnachweis#

Ist für ein Bild ein Copyright- bzw. Bildnachweis erforderlich, muss dieser entsprechend angegeben werden. Der Bildnachweis sollte der vereinbarten bzw. von der Quelle vorgegebenen Schreibweise entsprechen. Je nach Verwendung des Bildes kann die entsprechende Information über eine Caption/Bildbeschriftung hinterlegt werden. Für Beitragsbilder stehen auf der IMAREAL-Website dafür zusätzliche Funktionen zur Verfügung. Bildnachweise sollten nicht eigenmächtig gekürzt oder verändert werden, wenn eine bestimmte Form der Nennung vorgegeben wurde.

Alt-Texte und Barrierefreiheit#

Inhaltlich relevante Bilder sollten einen geeigneten Alt-Text erhalten. Der Alt-Text beschreibt den wesentlichen Inhalt oder Zweck des Bildes für Personen, die das Bild nicht sehen können. Er wird unter anderem von Screenreadern verwendet. Der Alt-Text sollte kurz und sachlich formuliert sein.

Bei einem Porträt kann beispielsweise der Name der Person ausreichend sein. Bei einer inhaltlich relevanten Abbildung sollte beschrieben werden, was für das Verständnis des umgebenden Inhalts wichtig ist.

Nicht sinnvoll sind Angaben wie:

Bild

oder:

Foto123.jpg

Der Alt-Text ist außerdem nicht dasselbe wie ein Bildnachweis. Copyright-Angaben gehören nicht automatisch in den Alt-Text.

Rein dekorative Bilder benötigen in der Regel keine inhaltliche Beschreibung.

PDFs und andere Downloads#

Dokumente sollten ebenfalls vor dem Hochladen kontrolliert werden. Insbesondere sollte geprüft werden:

• Ist es die richtige und aktuelle Version?
• Ist das Dokument für eine öffentliche Veröffentlichung bestimmt?
• Ist der Dateiname verständlich?
• Ist die Dateigröße angemessen?
• Enthält das Dokument möglicherweise Informationen, die nicht veröffentlicht werden sollen?

Bei umfangreichen PDFs sollte nach Möglichkeit auch auf eine für die Web-Nutzung geeignete Dateigröße geachtet werden.

Bestehende Dateien aktualisieren#

Wird lediglich eine neue Version eines bereits vorhandenen Bildes oder Dokuments benötigt, sollte nicht automatisch eine weitere Datei hochgeladen werden. Auf der IMAREAL-Website können vorhandene Mediendateien über Admin and Site Enhancements (ASE) ersetzt werden. Diese Funktion wurde aktiviert ist nun in der Medienbibliothek nach Öffnen des Bildes / Dokuments > Weitere Details bearbeiten > Medium ersetzen verfügbar. Das ist beispielsweise sinnvoll, wenn eine aktualisierte Version eines PDFs unter derselben Verknüpfung erreichbar bleiben soll. Vor dem Ersetzen muss allerdings bedacht werden, dass die bestehende Datei möglicherweise an mehreren Stellen der Website verwendet wird. Das Ersetzen wirkt sich entsprechend auf alle diese Verwendungen aus.

Downloads sinnvoll verlinken#

Bei einem Link auf ein Dokument sollte der Linktext erkennen lassen, was heruntergeladen bzw. geöffnet wird.

Beispielsweise:

Jahresbericht 2025 (PDF)

statt lediglich:

Download

Damit wissen Besucher bereits vor dem Öffnen des Links, welchen Inhalt und welches Dateiformat sie erwartet.

Vor der Veröffentlichung#

Bei neu eingefügten Bildern oder Dokumenten sollte abschließend kontrolliert werden:

• Ist die richtige Datei eingebunden?
• Ist die Bildqualität ausreichend?
• Ist die Dateigröße angemessen?
• Ist der Dateiname sinnvoll?
• Sind die Nutzungsrechte geklärt?
• Ist ein Bildnachweis notwendig und vorhanden?
• Ist ein sinnvoller Alt-Text eingetragen?
• Funktioniert der Link zu einem Dokument?

Diese kurze Kontrolle verhindert einen Großteil der typischen Probleme mit Medien auf der Website.