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.
-
- 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