Tutorial Bildbearbeitung für die Website

Bezeichnung des Dateiname

Im Dateiname des Bildes sollten KEINE Umlaute wie ä, ü, ö und KEINE Leerzeichen vorhanden sein. Alles in Kleinbuchstaben geschrieben.

Richtig: gartenbaubader-rasenpflege-zuerich.jpg

Falsch: IMG_6701.jpg oder Zürich Stadt.png

Das Gleiche gilt auch folgende Dateiendungen wie .pdf, .jpg, .png, .webP, .mp3, .mp4, etc.

Die optimale Bildgrösse

  1. Die Bildgrösse ist abhänging von der Einstellung im WordPress oder Themes (Demobilder).
    • Standard Einstellung WordPress 1024 x 1024 pixel
    • Grösse 1280 x 850 Pixel
    • Empfohle Auflösung 75 DPI
  2. Das Bild auf die richtige Grösse verkleinern und erst danach hochladen.
  3. Empfehlung max. 150 kB (Ideal 50 – 100 kB). Keine grossen Bilder (über 0.5 MB) hochladen.

Tools zum Bildbearbeitung von grossen Bilddateien

  • Squoosh.app komprimiert die Bilder ins WebP Format. Besser Komprimierung als die Formate JPG oder PNG
  • Website Plant komprimieren sie ihre Bilder im PNG/JPG Format um bis zu 80%
  • Shrink PNG verkleinert Bilder im PNG/JPG Format

Anleitung Bildbearbeitung

Wenn Sie keine Bildbearbeitungssoftware haben, empfehle ich Irfanview zu installieren. Alternative Bilder im Browser (Artikel von Cyon) bearbeiten.