Technische Grundlagen

Bilder für Websites vorbereiten

Passen Sie Größe und Ausschnitt an, beschreiben Sie wichtige Inhalte und behalten Sie Originale und Lizenzen. Sammeln Sie die besten verfügbaren Originalbilder, die veröffentlicht werden dürfen. Ein Architekturprojekt kann eine kleine Vorschau und bei Bedarf ein größeres Detailbild verwenden. Eine kleine Datei hilft nicht, wenn wichtige Details verschwinden.

Bilder für Websites vorbereiten

Mit geeigneten Originalen und geklärten Rechten beginnen

Sammeln Sie die besten verfügbaren Originalbilder, die veröffentlicht werden dürfen. Bewahren Sie diese getrennt von den verkleinerten Webfassungen auf. Ein aus sozialen Medien gespeichertes Bild kann bereits stark komprimiert oder ungünstig zugeschnitten sein. Benennen Sie Dateien nach Motiv und Projekt, damit ein anderer Beteiligter ihre Aufgabe erkennen kann.

Führen Sie einen kurzen Nachweis über Urheber, Quelle, erlaubte Nutzung und notwendige Nennung. Der Besitz einer Datei beantwortet die Lizenzfrage nicht automatisch. Bei Fotos aus einer früheren Kampagne sollte die Nutzung auf der Website bestätigt werden. Private Vertragsunterlagen und personenbezogene Informationen gehören nicht in den öffentlichen Bildordner.

Weisen Sie jedem Bild eine Rolle zu. Ein breites Einstiegsbild, eine kleine Produktvorschau und eine detaillierte Projektaufnahme benötigen unterschiedliche Fassungen. Eine einzige riesige Datei überall einzusetzen spart vielleicht Sortierarbeit, erhöht aber unnötig die Übertragung. Entscheidend ist, welche Details Besucher an der vorgesehenen Stelle tatsächlich sehen können.

Den Zuschnitt in der echten Komposition prüfen

Ein Cafébild kann links die Theke und rechts eine Person zeigen. Ein schmaler mobiler Zuschnitt kann die Theke entfernen oder das Gesicht anschneiden. Prüfen Sie das beabsichtigte Seitenverhältnis vor der Freigabe. Wenn Text auf dem Bild steht, müssen auch Kontrast und längere Zeilen berücksichtigt werden. Eine gute Ansicht im Entwurfswerkzeug garantiert keine gute Telefonansicht.

Erstellen Sie einige sinnvolle Größen passend zum Layout. Geeignete komprimierte Formate können helfen, sollten aber anhand des sichtbaren Ergebnisses beurteilt werden. Feine Zeichnungen, weiche Verläufe und eingebettete Beschriftungen reagieren unterschiedlich auf Kompression. Eine allgemeine Qualitätszahl ersetzt keine Sichtprüfung wichtiger Bilder.

Breite und Höhe sollten bekannt sein, damit der Browser Platz reservieren kann. Diese Angaben helfen auch bei späteren Ersetzungen: Ein Hochformat sollte nicht unbemerkt ein gleichnamiges Querformat ersetzen. Die Ladepriorität folgt der Funktion des Bildes. Inhalt weit unten benötigt gewöhnlich nicht dieselbe Behandlung wie das wichtigste Bild beim Einstieg.

Bedeutung und spätere Pflege mit übergeben

Alternativtexte erklären den Beitrag eines informativen Bildes. Bei einem Produkt kann das ein bestimmtes Merkmal sein, bei Architektur der besprochene Raum. Wiederholen Sie nicht mechanisch die Überschrift und füllen Sie den Text nicht mit Suchbegriffen. Reine Dekoration kann einen leeren Alternativtext erhalten, damit sie unterstützende Technik nicht mit unnötiger Information belastet.

Prüfen Sie die fertige Seite auf einem Telefon und einem größeren Bildschirm. Achten Sie auf Schärfe, unerwünschte Ausschnitte, Kompressionsspuren und passende Bildunterschriften. Versuchen Sie eine bildreiche Seite auch unter langsameren Bedingungen. Es geht um nutzbare Information, nicht um Druckauflösung für jedes Foto.

Übergeben Sie Originale, Webfassungen und Rechteübersicht als getrennte Bestandteile. Vereinbaren Sie, wer neue Bilder vorbereitet. Bei einer späteren Ersetzung müssen Beschriftung und Alternativtext mitgeprüft werden. Ein kurzer wiederholbarer Ablauf verhindert, dass eine zunächst gut optimierte Website durch unkontrollierte Uploads schwer oder inhaltlich widersprüchlich wird.

Praktische Prüfliste

  • Seitenverhältnis wählen
  • Abmessungen angeben
  • Kompression ansehen

Ein konkretes Beispiel: Ein Architekturprojekt kann eine kleine Vorschau und bei Bedarf ein größeres Detailbild verwenden.

Eine wichtige Grenze: Eine kleine Datei hilft nicht, wenn wichtige Details verschwinden.

Der nächste Schritt

Beschreiben Sie Orvunweb Ihr Projekt

Weiterlesen

Quelle