Bilder für das Responsive Design vorbereiten

Die Webseiten der Universität zu Köln verwenden ein so genanntes Responsive Design, welches sich dynamisch der Größe des vorhandenen Bildschirms anpasst. Daraus ergeben sich einige Anforderungen an die Bilder, welche Sie verwenden möchten:

• Bilder sollten immer eine Mindestbreite 600 Pixeln (px) haben. Ansonsten kann es je nach Art der Verwendung zu Unschärfe oder Weiß-Bereichen kommen.
• Bilder sollten im Allgemeinen nicht mit mehr als 1000px Breite hochgeladen werden. Größere Bilder belegen unnötig Speicher und verlangsamen Ihre Seite zum Teil dramatisch.
• Alle Bilder auf einer Seite sollten immer das gleiche Seitenverhältnis haben. Es empfiehlt sich, möglichst durchgängig das Format 16:9 zu verwenden.
• Bitte beachten Sie die Infos über die Anordnung und Größe von Bildern / Teaser-Bildern für unser Seitenlayout / Grid!

Verschiedene Datei-Formate haben unterschiedliche Stärken und Schwächen:

• JPG / JPEG: Gute Kompression für Fotos, ungeeignet für Grafiken, Logos, Diagramme und Text
• GIF: Sehr gute Kompression für simple Grafiken mit wenig Farben (keine Farbverläufe), Transparenz teilweise möglich.
• PNG: Gute Kompression für Fotos, geeignet für Grafiken, Voll- und Halbtransparenz möglich. PNG ist für alle Anwendungsgebiete ein guter Kompromiss!
• Speichern Sie Grafiken und Fotos niemals als BMP oder TIFF. Dies sind völlig veraltete Formate ohne jegliche Vorteile und haben eine zu große Dateigröße.

Wie Sie Bilder hochladen, erfahren Sie auf der folgenden Webseite.