Bildgröße und Ausschnitt ändern

Wenn Bildgröße und / oder Ausschnitt eines Bildes nicht passen, gibt es verschiedene Möglichkeiten:

Die einfachste Form:

  • Man wählt beim Einfügen eines Bildes eine der von WordPress automatisch generierten Bildgrößen aus. Welche passt, steht in Ihrem Leitfaden, den Sie von mir bekommen haben.
  • Bei manchen Stellen gibt es keine Auswahl für eine andere Bildgröße als die Originalgröße des Bildes. Auf keinen Fall die Originalgröße des Bildes wie von Kamera oder Handy erstellt nehmen – die ist sowohl für Google als auch für BesucherInnen zu groß.

Die beste Reduktion einer Bildgröße:

  • Das Bild mit Photoshop oder einem anderen Bildbearbeitungsprogramm (gimp.org, paint, …) verkleinern und „für Web speichern“. Bei Photoshop geht das über „Datei“ > „Exportieren“ > „für Web speichern“ und der Wahl von ca. 60% Qualität und der passenden Pixelgröße.

Die Bildreduktion innerhalb von WordPress:

  • in der Mediathek das Bild anklicken und unterhalb des Bildes auf „Bild bearbeiten“ gehen.
  • Bild skalieren: wenn man das Bild nur proportional verkleinern will, unter „neue Abmessungen“ einfach die Breite oder Höhe in Pixel neu eingeben und der 2. Wert ändert sich automatisch.

Bild skalieren in WordPress

    • Auf „Skalieren“ klicken und das Bild wird in der neuen Dimension automatisch abgespeichert
  • Bildausschnitt: wenn ein Bild zu breit oder zu hoch ist, dann den Bildausschnitt ändern. Tipp: Hilfe verbirgt sich hinter dem blauen „?“.
    Schritt 1: mit gehaltener Maustaste einen ungefähr gewünschten Ausschnitt über dem Bild ziehen

    Schritt 2: in den Feldern für Ausschnitt die genauen Pixel korrigieren (Pixel wie im Leitfaden angegeben)

    Schritt 3: ganz links oberhalb des Bildes auf das Icon „Ausschnitt klicken“
    Schritt 4: speichern (das ursprüngliche Bild wird durch das bearbeitete ersetzt und erhält eine ziemlich lange Zahl am Ende des Dateinamens). Nicht verwirren lassen: nach dem Speichern ist oft trotzdem noch das alte unbearbeitete Bild sichtbar in der Mediathek. Beim Einfügen (siehe nächster Schritt) wird aber das bearbeitete Bild erscheinen.
    Schritt 5: Bild neu an der gewünschten Stelle einbinden