Arbeitsablauf
- Bild hochladen: Ziehe dein Foto ins Fenster oder klicke auf «Datei auswählen», um ein beliebiges Bild im JPG oder PNG-Format hochzuladen. Spezielle Formate wie PSD, TIF oder weitere sind nicht verarbeitbar.
- Ausschnitt wählen: Modifiziere den magentafarbenen Auswahlrahmen durch klicken und ziehen auf eines der 6 quadratischen Anfasser bis du den gewünschten Ausschnitt eingestellt hast.
- Tipp: Links oben siehst du, wie Breit und Hoch deine aktuelle Auswahl in Pixeln ist. Dies hilft dir zu beurteilen, welche Bildbreite du als Ausgabegrösse (Zielbreite) noch maximal erreichen kannst. Zudem siehst du in der zweiten Zeile, wie gross in Zentimentern das Bild druckfähig wäre. Achtung: Dies gilt natürlich nur, wenn du unten als Zielbreite «Breite wie Auswahl» gewählt hast!
- Optional: Ein fixes Seitenverhältnis (z. B. 16:9, 4:3, 1:1) einstellen
- Breite bestimmen: Wähle die Zielbreite (siehe «Best Practices»)
- Drehen & Anpassen: Bild bei Bedarf drehen oder den Rahmen auf volle Bildgrösse setzen
- Speichern: Ein Klick auf «Speichern» – die optimierte Datei wird heruntergeladen. Du kannst diese nun direkt auf deine Website hochladen und verwenden
Hinweis: Die App verhindert das Hochskalieren, da hierdurch die Bildqualität leidet. Wenn der Auswahlrahmen zu klein für die gewählte Ausgabegrösse ist, erscheint ein entsprechender Hinweis.
Optionen und Empfehlungen
Wichtig: Frage deine Webagentur oder deinen Webdesigner, welche Seitenverhältnisse und Bildbreiten für deine Website empfohlen wird. Viele Seiten verwenden ein festes Seitenverhältnis für Bilder, um ein konsistentes Erscheinungsbild zu gewährleisten.
Seitenverhältnisse (Proportionen)
- 16:9 – Modernes Querformat
- 4:3 / 3:2 – Klassische Kameraformate
- 1:1 – Quadrat; optimal für Profilbilder, Kacheln und Social-Posts
- Frei – Wenn kein fixes Format benötigt wird.
- 9:16 – Schmales Hochformat, ideal für mobile Ansichten (z. B. WhatsApp-Status)
Hinweis: Hochformate bitte nur verwenden, wenn deine Website dies explizit unterstützt. Viele Seitenlayouts sind auf Querformate optimiert.
Bildbreite (Pixel)
- 1920 px – Vollbreite-Header, grosse Banner, breite Slider (Desktop).
- 1600 px – Gut geeignet für Bilder, die auf der Website per Klick vergrössert werden sollen
- 1200 px – Standard-Inhaltsbreite für die meisten Seitenlayouts
- 900 px – Für Bilder in schmaleren Layouts (Halbe Inhaltsbreite).
- 600 px – Für kleine Bilder (Drittel-Inhaltsbreite)
Hinweis: Die Angaben beziehen sich darauf, dass Bilder später auf deiner Website nicht per Klick vergrössert werden können, sondern in der Grösse bleiben, die sie haben. Das heisst, dass ein 600 px breites Bild auch nur 600 px angezeigt wird und nicht per Klick in einer Lightbox vergrössert werden kann. Solltes du diese Vergrösserungsfunktion einsetzen wollen, dann wähle als Bildbreite mindestens 1200 px.
Allgemeine Empfehlungen
- Vermeide unnötig grosse Bilder, denn sie verlangsamen die Ladezeit der Seite
- Nutze die kleinste sinnvolle Breite für den jeweiligen Einsatzzweck
- Konsistenz: Nutze durchgängige Seitenverhältnisse (z. B. alle Beitragsbilder 16:9)
- Achte auf wichtige Motive im sichtbaren Bereich (nicht zu knapp am Rand).
- Möglichst kein Text im Bild, denn dieser kann bei der Ausgabe angeschnitten werden, wenn das Bild für verschieden grosse Bildschirme wie z. B. Tablets oder Smartphones angepasst werden muss