Bilder und Galerien im Kopage Website-Baukasten einfügen

Mit dem Kopage Website-Baukasten kannst du Bilder direkt in deine Website einfügen und mehrere Bilder in Galerien präsentieren. Bilder lassen sich hochladen, auswählen und anschliessend direkt im Editor bearbeiten.

In dieser Anleitung zeigen wir dir, wie du einzelne Bilder und Galerien in Kopage einfügst und worauf du bei Bildgrösse und Alt-Texten achten solltest.

1. Ein einzelnes Bild einfügen #

1. Öffne die gewünschte Seite im Kopage Website-Baukasten.
2. Wechsle in den Bearbeitungsmodus der Seite.
3. Füge an der gewünschten Position ein Bild-Element hinzu.
4. Wähle ein bereits vorhandenes Bild aus oder lade ein neues Bild hoch.
5. Passe das Bild anschliessend an das Design deiner Seite an.

Je nach verwendetem Layout kannst du unter anderem die Grösse, Position und Darstellung des Bildes anpassen.

2. Mehrere Bilder als Galerie einfügen #

Wenn du mehrere Bilder gemeinsam präsentieren möchtest, kannst du dafür eine Galerie verwenden.

1. Öffne die gewünschte Seite im Bearbeitungsmodus.
2. Füge an der gewünschten Position ein Galerie-Element hinzu.
3. Wähle die Bilder aus, die in der Galerie erscheinen sollen.
4. Lade bei Bedarf weitere Bilder hoch.
5. Ordne die Bilder in der gewünschten Reihenfolge an.
6. Speichere deine Änderungen.

Eine Galerie eignet sich beispielsweise für Referenzen, Produkte, Veranstaltungen, Räumlichkeiten oder andere Inhalte, bei denen mehrere Bilder zusammengehören.

3. Bilder für deine Website vorbereiten #

Lade Bilder nicht unnötig gross auf deine Website. Sehr grosse Bilddateien benötigen mehr Speicherplatz und können die Ladezeit deiner Seiten erhöhen.

Vor dem Hochladen solltest du deshalb prüfen:

• Passt die Bildgrösse zum vorgesehenen Einsatz?
• Ist die Dateigrösse möglichst klein, ohne dass die sichtbare Qualität darunter leidet?
• Verwendest du ein geeignetes Bildformat?
• Ist der Dateiname verständlich und aussagekräftig?

Für Fotos eignen sich moderne, weboptimierte Bildformate. Bei Grafiken oder Bildern mit Transparenz kann abhängig vom Motiv ein anderes Format sinnvoll sein.

Tipp: Es gibt keine feste Dateigrösse, die für jedes Bild optimal ist. Ein kleines Vorschaubild benötigt deutlich weniger Daten als ein grossflächiges Headerbild. Entscheidend ist ein gutes Verhältnis zwischen Bildqualität, Abmessungen und Dateigrösse.

4. Alt-Texte für Bilder verwenden #

Wenn Kopage für ein Bild die Eingabe eines Alt-Textes ermöglicht, solltest du diesen bei inhaltlich relevanten Bildern sinnvoll verwenden.

Der Alt-Text beschreibt kurz, was auf dem Bild zu sehen ist oder welche inhaltliche Funktion das Bild erfüllt. Er unterstützt insbesondere Besucher, die Screenreader verwenden, und hilft Suchmaschinen dabei, den Bildinhalt einzuordnen.

Ein guter Alt-Text beschreibt das Bild konkret und natürlich.

Beispiel:

Bündner Berglandschaft mit Blick auf den Calanda bei Chur

Vermeide dagegen mit Keywords überladene Beschreibungen oder Texte, die mit dem tatsächlichen Bildinhalt nichts zu tun haben.

5. Änderungen speichern und Website kontrollieren #

Speichere deine Änderungen und kontrolliere die Seite anschliessend auch ausserhalb des Editors.

Achte insbesondere darauf, wie deine Bilder auf unterschiedlichen Bildschirmgrössen dargestellt werden. Ein Bild, das auf einem grossen Bildschirm gut aussieht, kann auf einem Smartphone anders zugeschnitten oder angeordnet werden.

Prüfe deshalb nach grösseren Änderungen sowohl die Desktop- als auch die mobile Darstellung deiner Website.