In meinem ultimativen Bilder-für-WordPress-Guide findest du alle
Grundlagen rund um die Bildoptimierung in WordPress.
Herausforderungen mit Bildern, die immer wieder auftreten können
Ein häufiges Problem mit WordPress ist die Bildgröße. Werden Bilder direkt von Unsplash oder der Smartphone-Kamera in WordPress hochgeladen sind sie für’s Web viel zu groß.
Die Lösung?
Imsanity. Ein Plugin, welches deine Bilder beim Upload in WordPress automatisch und ohne extra Schritt für dich verkleinert.
Das Video zum Blog-Beitrag
Schritt 1: Installiere Imsanity aus dem WordPress-Plugin-Repository
Wähle im WordPress-Backend Plugins > installieren und gib in das Suchfeld “imsanity” ein.
Das hier ist das richtige Plugin:
Wähle “Jetzt installieren” und kurz darauf “Aktivieren” an der selben Stelle.
Das Plugin ist damit aktiviert und läuft unauffällig im Hintergrund.
Schritt 2: Passe die Einstellungen von Imsanity an
Unter Einstellungen > Imsanity findest du die Optionen des Plugins.
Die Standardeinstellungen sind schon sehr gut, ich empfehle aber die maximale Größe auf 1500px zu begrenzen. Das ist für die meisten Themes und Anwendungsfälle ausreichend.
Ein Klick auf “Änderungen speichern” und die Änderungen werden… gespeichert :-)
Wasserdichte Angebote schreiben in nur 10 Minuten?
Hol dir die ultimative Angebotsvorlage für Webdesigner, Web-Programmierer und Online-Marketer.
Schritt 3: Optimiere alle bestehenden Bilder mit Imsanity
Falls du schon Bilder in WordPress eingebunden hast, die zu groß sind, kannst du diese in einem Rutsch mit den oben genannten Einstellungen optimieren.
Wähle dazu unter Einstellungen > Imsanity ganz unten “Bilder suchen…”.
Du erhältst kurz darauf eine Liste mit allen Bildern, die größer als die oben angegebenen Einstellungen sind und kannst diese mit dem Button “Ausgewählte Bilder skalieren” in einem Rutsch optimieren.
Dabei überprüft Imsanity auch, ob das erstellte Bild wirklich kleiner ist, als das Original.
Fazit: ein Standard-Plugin
Für mich ist Imsanity ein Standard-Plugin, welches ich in jeder WordPress-Installation einbinde. Es läuft unauffällig im Hintergrund und verhindert, dass du unabsichtlich ein zu großes Bild hochlädst und damit deine Seite ausbremst.
Der große Vorteil – es gibt kaum Einstellungen und auch die Standard-Einstellung von 2048x2048px ist sehr gut gewählt.
In einem der nächsten Blog-Posts zeige ich dir ein weiteres Plugin mit mehr Einstellungsmöglichkeiten. Dieses benötigt etwas mehr Zeit zur Einarbeitung, bietet aber auch mehr Möglichkeiten!
0 Antworten
Hallo Michael,
vielen Dank für dieses Plugin. Ich bin Auto-Didakt und bringe mir alles selbst bei. Mein größtes Problem sind wirklich die Bildgrößen. Gerade in meinem Slider schaffe ich es nicht horizontale und vertikale Bilder so einzubinden, dass es von der Höhe her passt. Ich probiere dein Tool nun und hoffe auf gute Ergebnisse. Meine Seite:
http://www.koncert-fotos.com ist ein Hobby Projekt für Musikfans, darum kann ich mir auch keine Agentur leisten, welche mir dabei hilft. Darum finde ich solch ein Tool super!
Auch die vielen YouTube Videos treffen nicht immer genau das Problem, darum sind solche Hilfen toll. Lieben Dank!
Hallo Gerald,
gerade bei Slidern hängt es stark vom Theme & Plugin ab, ob verschiedene Bildformate (horizontal bzw. quer) korrekt dargestellt werden, oder nicht. Wobei: was ist schon „korrekt“?
Auf jeden Fall lautet meine Empfehlung bei Slidern, dass alle Bilder das selbe Format haben. Darauf solltest du schon vor dem Hochladen achten.
Imsanity optimiert dann noch die Dateigröße und gut ist’s.
lg Michael