Bildsprache#

Für umwelt.info verwenden wir hochwertige Naturfotografie mit freien Lizenzen. Für konkrete Umwelt- und Naturschutzthemen sollte sich dabei die Auswahl am Inhalt ausrichten, z.B. ein möglichst repräsentatives Bild von dem Schutzgut, das bebildert werden soll.

Metaphern-System#

Viele technische Themen und Begriffe, die wir bei umwelt.info behandeln, sind nicht einfach durch Naturfotografie oder überhaupt zu bebildern. Für diese Themen sollen daher technische oder abstrakte Konzepte metaphorisch in natürliche Phänomene übersetzt werden. Diese Zuordnungen schaffen Wiedererkennbarkeit und erleichtern das Verständnis.

KonzeptMetapherBildmotivSuchbegriff
SuchfunktionÜberblick & OrientierungPanorama-Drohnenaufnahme über diverse Landschaftaerial view landscape diversity
DatenangebotZusammenflussFlussmündung von oben (mehrere Flüsse vereinen sich)river confluence aerial
APIs & SchnittstellenÜbergangUferlinie / Grenze Wasser-Landshoreline aerial view
RankingSchichtungSedimentschichten, Gesteinslagensediment layers geology
DatenqualitätKlarheitKristallklarer Bergsee mit Durchsichtclear mountain lake transparent
IntegrationVerflechtungVerflochtene Baumwurzelntree roots intertwined
Open DataOffene WeiteWeites Feld ohne Begrenzungenopen field landscape
DatenflussFließende BewegungFließendes Wasser, Strömungflowing water long exposure

Kriterien für die Bildauswahl#

Technische Anforderungen

  • Freie Lizenz
  • Auflösung: Mindestens 1600×1200px
  • Seitenverhältnis: 4:3 (Landscape)
  • Format: komprimiertes jpeg

Inhaltliche Kriterien

  • Möglichst keine Menschen (oder nur sehr klein/von hinten)
  • Bevorzugt deutsche oder zumindest europäische Vegetation
  • Klare Hauptmotive (nicht zu chaotisch)

Ästhetische Kriterien

  • Natürliches Licht: Weiches Tageslicht, goldene Stunde oder bewölkt
  • Farbpalette: Grün-, Blau- und Erdtöne dominant
  • Natürliche Sättigung: Keine übersteigerten Farben
  • Weicher Kontrast: Keine harten Schwarz-Weiß-Extreme
  • Keine Filter oder ähnliche stilisierte Darstellungen

Empfohlene Bildquellen#

QuelleURLLizenzAttributionVorteil
Unsplashunsplash.comUnsplash License (ähnlich CC0)Nicht erforderlich, aber empfohlenHochwertige, kuratierte Landschaftsfotografie
Pexelspexels.comPexels License (ähnlich CC0)Nicht erforderlichGroße Auswahl, völlig freie Nutzung
Wikimedia Commonscommons.wikimedia.orgVerschiedene (CC0, CC-BY, CC-BY-SA)Je nach Lizenz erforderlichViele europäische Naturaufnahmen, wissenschaftlich dokumentarisch
Flickr Creative Commonsflickr.com/groups/ccnatureCC-BY, CC-BY-NCErforderlichEngagierte Naturfotografen-Community

Einheitliche Bildbearbeitung#

Um Bilder aus verschiedenen Quellen visuell anzugleichen, wenden wir einen standardisierten Filter an. Dies erfolgt über GIMP, wo auch eine Stapelverarbeitung, z.B. mit dem BIMP-Plugin, möglich ist.

Mögliche Standard-Einstellungen#

Farbprofil

  • Konvertierung zu sRGB IEC61966-2.1

Einheitliche Farbdarstellung im Web

Gradationskurven

  • Schwarzpunkt: 0 → 12
  • Weißpunkt: 255 → 242
  • Mitteltöne: 128 → 135

Weicherer Kontrast, weniger hartes Schwarz/Weiß

Sättigung

  • Global: -12%
  • Rot-Kanal: -20%
  • Grün-Kanal: -8%
  • Blau-Kanal: +3%

Natürlichere Farben

Alt-Texte#

Jedes Bild erhält einen Alt-Text, der die Bildbeschreibung und im Falle einer metaphorischen Bildverwendung auch die Bedeutungsebene vermittelt.

Beispiele#

Suchfunktion (Panorama-Drohnenaufnahme) “Luftaufnahme einer vielfältigen Landschaft mit Wäldern, Feldern und Gewässern – ein Überblick über die Umwelt- und Naturschutzlandschaft, die umwelt.info durchsuchbar macht”

Datenangebot (Flussmündung) “Luftaufnahme einer Flussmündung, wo mehrere Wasserläufe zusammenfließen – wie verschiedene Datenquellen auf umwelt.info zusammenkommen”

APIs & Export (Uferlinie) “Küstenlinie von oben, wo Wasser auf Land trifft – Schnittstelle zwischen verschiedenen Systemen wie unsere APIs”

Workflow: Von der Auswahl zur Publikation#

  1. Quelle auswählen Unsplash, Pexels oder Wikimedia Commons durchsuchen

  2. Bildkriterien prüfen Technisch (Auflösung, Format), inhaltlich (Metapher), ästhetisch (Stil)

  3. Download & Attribution Bild herunterladen, Fotografen-Name und Lizenz dokumentieren

  4. Bildbearbeitung Standardfilter anwenden (GIMP) für einheitlichen Look

  5. Web-Optimierung Projektdatei in PNG erstellen, Mit Mozjpeg als jpeg komprimieren

  6. Alt-Text erstellen Formel anwenden: Bildbeschreibung + Metapher-Erklärung

  7. CMS-Upload Bild hochladen mit Alt-Text, Title und Metadaten

  8. Qualitätskontrolle Darstellung auf verschiedenen Geräten prüfen, Barrierefreiheit testen