Homepage-Baukasten
Bilder einfügen und verarbeiten
- Mit Bildern gestalten Sie Ihre Website lebendig
- Schritt-für-Schritt-Anleitung zum Einfügen von Bildern
- Unterstützung durch KI Tools
wachsende Websites
danach 12 €/Mon.
Einrichtung: 0 €
- Bilder im Homepage-Baukasten machen Ihre Website lebendig
- Schritt für Schritt: Im Homepage-Baukasten Bilder einfügen
- Schon entdeckt? Neue KI-Funktionen verfügbar!
- So erstellen Sie im Homepage-Baukasten eine Bildergalerie
- Das Titelbild für jede Kategorie verändern
- Das Hintergrundbild des Abschnitts ändern und mit Farben versehen
- Im Homepage-Baukasten Bilder, Galerien und Co. einfügen
Bilder im Homepage-Baukasten machen Ihre Website lebendig
Bilder lockern die Gestaltung Ihrer Website auf und vermitteln Stimmungen. Darüber hinaus erkennt der Leser durch sie auf einen Blick, worum es auf der Seite geht - beispielsweise ob es sich um einen Handwerksbetrieb, eine Vereinshomepage, eine Vermietung für Ferienwohnungen, eine Fotografie-Website und eine ganz andere Art von Unternehmen handelt. Ein eindeutiges Konzept der Firmenhomepage erleichtert Besuchern die Orientierung. Dementsprechend sollten unbedingt Bilder auf Ihrer Website vorhanden sein – und mit dem Homepage-Baukasten können Sie sie ganz leicht auf Ihrer Internetpräsenz integrieren. Theoretisch können Sie so viele Fotos hochladen, wie Sie wollen – die einzige Begrenzung ist der Webspace Ihres gebuchten Homepage-Baukasten-Pakets. Falls Sie sehr viele eigene Fotos auf Ihre Website hochladen wollen, achten Sie auf die Dateigröße der Grafikdateien und darauf, dass die Fotos nicht unnötig viel Platz wegnehmen.
Schritt für Schritt: Im Homepage-Baukasten Bilder einfügen
Befolgen Sie die folgenden Schritte, um Bilder in Ihre Website zu integrieren:
1. Ein Bild auswählen
Um im SmartWebsite Basic Paket ein Bild einzufügen, klicken Sie zunächst auf „Webseite bearbeiten". Anschließend wählen Sie den Menüpunkt „Elemente“ aus und fügen über das Plussymbol ein Bildelement hinzu. Nun wechseln Sie in den Bereich "Design" und können hier über den Menüpunkt "Ersetzen" Dateien selber hochladen oder das Bildarchiv durchstöbern.
In den SmartWebsite Paketen Plus und Pro steht Ihnen eine flexible Bearbeitungsmethode für Bilder zur Verfügung. Hierfür gehen Sie in den Abschnittsoptionen einfach in den Bereich "Elemente". Hier sehen Sie alle Inhaltselemente, einschließlich das für Bilder. Wählen Sie das Element aus, so erscheint ein Bildelement. Mit Mausklick darauf, erhalten Sie unter anderem die Option, über "Ersetzen" ein Bild Ihrer Wahl einzufügen.
2. Das Bild platzieren
In den SmartWebsite Paketen Plus und Pro ist es Ihnen möglich, das gewünschte Bild per Drag-and-Drop auf die Website zu ziehen und an der gewünschten Stelle zu platzieren. Alle Bereiche, in denen Sie ein Bild einfügen können, werden pink markiert.
3. Das Bild bearbeiten
Auf die gleiche Art können Sie das Bild nachträglich immer wieder verschieben. Um die Größe zu verändern, klicken Sie zweimal auf das Bild. Mit dem ersten Klick öffnen sich die Optionen zur Bildbearbeitung, mit dem zweiten Klick erscheinen dann beim Mouse-Over rund um das Bild Pfeile – dort klicken Sie auf das Bild und ziehen es dann größer bzw. kleiner.
Weitere Optionen zur Bearbeitung eines Bildes sind die Ausrichtung, Zuschneiden, einen Link hinterlegen sowie "Details". Bei letzterem können Sie einen Alternativtext (kann z. B. von sehbehinderten Menschen mit sogenannten Screenreadern ausgelesen werden) sowie Untertitel angeben und festlegen, was bei einem Klick auf das Bild passieren soll (z. B. vergrößern oder auf eine interne oder externe Webseite weiterleiten). Zudem gibt es die Optionen das Bild in die Zwischenablage zu legen oder das Bild zu löschen.
Schon entdeckt? Neue KI-Funktionen verfügbar!
Entdecken Sie die neuen, kostenlosen KI-Funktionen des STRATO Homepage-Baukastens.
Lassen Sie sich nach Wunsch von der künstlichen Intelligenz unterstützen: Lediglich ein paar Begriffe sind nötig und schon entsteht der gewünschte Output wie durch Magie. Probieren Sie es aus!
- KI Website-Generator
- KI Text-Generator und -Optimierer
- KI Bildgenerator
- KI SEO-Assistent für die Meta-Daten Ihrer Website
So erstellen Sie im Homepage-Baukasten eine Bildergalerie
Im Homepage-Baukasten können Sie mehrere Bilder zusammen präsentieren. Mit dem Inhaltselement Bildergalerie fügen Sie im Homepage-Baukasten unterschiedliche Bildergalerien ein. Das Element wählen Sie einfach an der Stelle auf der Website, an der die Bildergalerie erscheinen soll. Hier nun eine Übersicht der einzelnen Bilder-Elemente:
Fotoalbum
Wenn Sie im Homepage-Baukasten ein Fotoalbum einfügen, können Sie mehrere Fotos gleichmäßig neben- und übereinander anordnen.
Beim Mouse-Over auf die Galerie erscheinen die Optionen Verwalten und Design. Klicken Sie hier auf Design, erscheint ein weiteres Menü, in dem Sie die Art der Galerie auswählen können, ob Raster, Gemäuer oder Diaporama. In den SmartWebsite Paketen Plus und Pro ist es Ihnen zusätzlich möglich, die Fotogalerie per Drag-and-Drop beliebig auf ihrer Website zu platzieren.
Diashow
Wie bei einer Diashow laufen bei dem Bildelement "Diaporama" die Bilder nacheinander von links nach rechts durch – und wieder zurück (wenn Sie diese Option eingestellt haben). Der Übergang von einem zum nächsten Bild kann auch durch Überblenden stattfinden, ähnlich wie bei der Foto-Animation. Dabei wird jedoch weniger stark in die Bilder hineingezoomt.
Das Titelbild für jede Kategorie verändern
Viele Designs beinhalten ein Titelbild. Das erkennen Sie in der Design-Auswahl an der Auflistung der Eigenschaften. Das Titelbild können Sie nach Belieben ändern – und zwar für jede Unterseite einzeln. Legen Sie passend zur ausgewählten Kategorie ein eigenes Bild fest. So bringen Sie noch mehr Abwechslung auf Ihre Website.
Innerhalb der Optionen können Sie bestimmen, ob das Titelbild dauerhaft fixiert sein soll, ob es durch eine Farbe überlagert werden soll und wie stark die Deckkraft dieser Farbe sein soll.
Das Hintergrundbild des Abschnitts ändern und mit Farben versehen
Unter den Abschnittsoptionen finden Sie den Reiter „Design“. Dort können Sie das Hintergrundbild des Abschnitts verändern. Sie haben die Wahl zwischen zahlreichen bunten Bildern, die sich gut als Hintergrund eignen, können jedoch auch eigene Bilder im Hintergrund platzieren. Mit Unterstützung des KI Bildgenerators können Sie schnell und einfach einzigartige Bilder entwerfen. Im Menüpunkt "Farbe" können Sie außerdem den Hintergrund mit einer Farbe Ihrer Wahl unterlegen.
Im Homepage-Baukasten Bilder, Galerien und Co. einfügen
- Laden Sie eigene Bilder hoch oder wählen Sie aus dem umfangreichen Bildarchiv.
- Platzieren Sie Bilder per Drag-and-Drop beliebig auf der Website.
- Fügen Sie mit Foto-Elementen im Homepage-Baukasten Bildergalerien ein, z. B. als Fotoalbum, Diashow oder Fotobuch.
- Verändern Sie das Hintergrundbild des Abschnitts und passen Sie die Hintergrundfarbe an.