Mehr als eine schöne Fläche

Website-Bilder auswählen, die dein Angebot erklären

Ein gutes Website-Bild hilft beim Verstehen. Es zeigt eine Arbeit, eine Situation oder ein Detail, das im Text beschrieben wird. Dekoration kann Freude machen. Sie sollte aber nicht den Eindruck erwecken, etwas zu dokumentieren, das es gar nicht gibt.

Unsere kleinen Flauschwesen erzählen bewusst eine Bildgeschichte. Für echte Referenzen oder einen Einblick in deinen Betrieb sind dagegen eigene Fotos besonders wertvoll. Besucher können daran etwas Konkretes erkennen.

Die Freunde fotografieren und wählen passende Motive aus.

In Ruhe betrachtet

Deine eigenen Bilder gehören dazu.

Im Website-Builder kannst du über den Dateimanager eigene Fotos und Logos als JPEG, PNG oder WebP hochladen. Sie liegen in deinem persönlichen Bilderordner. Wähle passende Bilder für deine Website aus und beschreibe im Chat, wo du sie einsetzen möchtest.

Für deinen Bilderordner stehen insgesamt 100 MB Speicher zur Verfügung. Verkleinere sehr große Fotos vor dem Hochladen und bewahre die Originale bei dir auf. Das spart Platz und hilft deiner Website beim Laden. Bilder, die du nicht mehr brauchst, kannst du wieder entfernen.

Das Maskottchen stellt seine Arbeiten in einer kleinen Galerie vor.

Ein Stück weiter

Wähle das Motiv passend zur Stelle.

Ein breites Bild kann den Einstieg in ein Thema tragen. Kleine Bilder passen zu einer Sammlung von Beispielen. Ein Detailfoto neben einem Absatz kann zeigen, worauf du bei deiner Arbeit achtest. Du brauchst nicht auf jeder Seite dieselbe Bildfolge.

Wenn Text über einem Bild liegt, muss das Motiv dafür Platz lassen. Gesichter und wichtige Details sollten weder hinter der Überschrift verschwinden noch auf schmalen Bildschirmen abgeschnitten werden.

Eine kleine Website auf Desktop, Tablet und Smartphone.

Ein Stück weiter

Bilder brauchen auch beim Laden Rücksicht.

Große Bilddateien können eine Seite langsam machen. Für eine kleine Karte ist nicht dieselbe Auflösung nötig wie für eine breite Bildfläche. Passende Dateigrößen helfen besonders Besuchern mit mobilen Verbindungen.

Beschreibe aussagekräftige Bilder mit einem kurzen Alternativtext. Er soll sagen, was das Bild zum Inhalt beiträgt. Eine dekorative Figur braucht dagegen keine lange Beschreibung, wenn sie keine zusätzliche Information vermittelt.

Eine Idee wird anschaulich

Verschiedene Blickwinkel helfen beim Weiterdenken.

Unsere Begleiter zeigen die Idee im Bild. Die passenden Erklärungen findest du direkt darunter.

Hier kannst du weiterlesen.

Ein guter Auftritt entsteht aus mehreren kleinen Entscheidungen. Nimm dir die Erklärung mit, die gerade zu deiner Frage passt.

Zum Vertiefenweb.dev: Bilder für unterschiedliche Bildschirmgrößen

Website-Inhalte vorbereiten: Texte, Bilder und Angebote Deine Website für Smartphone und Tablet gestalten