Bildoptimierung für WordPress unter Windows

Optimieren Sie WordPress-Bilder unter Windows vor dem Upload: Passen Sie die Größe an die Theme-Anforderungen an, wählen Sie JPEG, PNG oder WebP, sorgen Sie für responsives Laden und prüfen Sie die Live-Seite.

WordPress kann mehrere Bildgrößen generieren, kann aber bei einer schlechten Wahl der Quelldatei nicht nachträglich optimieren. Das Hochladen eines 6000-Pixel-PNG-Fotos erzeugt unnötigen Aufwand und hinterlässt ein schweres Original in der Bibliothek. Eine gute WordPress-Bildoptimierung beginnt mit der Anpassung der Quelldatei an das Theme und endet mit der Prüfung, was der Browser tatsächlich lädt.

Theme-Maße vor der Größenanpassung prüfen

Öffnen Sie einen repräsentativen Beitrag in Edge und untersuchen Sie das Beitragsbild sowie die Inhalts-Spalte. Notieren Sie die gerenderte Breite an den Desktop- und mobilen Breakpoints. Prüfen Sie auch die Archiv-Karten, da dasselbe Beitragsbild sowohl in einem breiten Artikel-Header als auch in einem schmalen Listen-Grid erscheinen kann.

Verzichten Sie auf eine universelle 1920-Pixel-Regel, ohne zu messen. Eine Publikation mit einer 760-Pixel-Inhalts-Spalte benötigt andere Kandidaten als ein Full-Width-Fotografie-Theme.

Quelldatei unter Windows vorbereiten

Für ein einzelnes Bild passen Sie eine Kopie in Paint an. Für eine Foto-Essay-Serie oder Migration nutzen Sie PowerToys Image Resizer im Datei-Explorer.

Ein praktisches Ordner-Layout ist:

article-name\originals\
article-name\wordpress-upload\

Bewahren Sie Kamera-Dateien und Design-Master in originals auf. Stellen Sie nur freigegebene Liefer-Kopien in wordpress-upload. Nutzen Sie beschreibende Dateinamen wie oak-desk-cable-management.jpg, nicht IMG_4821-final2.jpg.

Entfernen Sie vor dem Upload Standort-Metadaten, wenn diese nicht öffentlich sein sollen. Prüfen Sie Screenshots auf Kundennamen, Browser-Tabs, interne URLs und Benachrichtigungsinhalte.

Verstehen, was WordPress generiert

WordPress unterstützt responsive Bilder seit Version 4.4 durch die Ergänzung von srcset und sizes im generierten Markup. Die responsive image documentation erklärt, dass WordPress Zwischen-Größen erstellt und dem Browser die Auswahl eines Kandidaten überlässt.

Dieses System hängt vom Theme und der im Editor gewählten Größe ab. Das Einfügen der Vollständigen Größe kann dazu führen, dass ein Browser eine überdimensionierte Quelldatei lädt. Custom-Blöcke und background-image-CSS können das normale responsive Markup umgehen.

Nach Änderungen der Theme-Bildgrößen müssen ältere Uploads möglicherweise Thumbnails neu generieren. Neue Einstellungen bauen nicht automatisch jede historische Datei neu auf.

Formate nach Bildinhalt wählen

Inhalt	Startformat	Grund
Redaktions- oder Produktfoto	JPEG oder WebP	Effizient für durchgehende Farbtöne
Screenshot mit kleinem Text	PNG oder WebP mit hoher Qualität	Erhält Kanten und Text
Transparente Illustration	WebP oder PNG	Behält Transparenz
Logo aus Vektorgrafik	SVG, wenn das Theme es erlaubt	Skaliert ohne Raster-Unschärfe

Speichern Sie Fotografien nicht nur als PNG, nur weil es nach höherer Qualität klingt. Konvertieren Sie transparente Grafiken nicht zu JPEG, es sei denn, der Hintergrund wurde absichtlich flachgelegt. Siehe verlustbehaftete und verlustfreie Komprimierung für den Zielkonflikt.

Live-Beitrag auditieren

Veröffentlichen Sie auf einer Staging-Umgebung und untersuchen Sie die Bild-Anfrage in Edge DevTools. Bestätigen Sie:

der Browser hat einen Kandidaten nahe der gerenderten Breite ausgewählt;
das Original in Vollgröße wird nicht für eine kleine Karte verwendet;
Breite und Höhe verhindern Layout-Shift;
das Beitragsbild bleibt bei gängigen Breakpoints scharf;
der Alt-Text beschreibt den redaktionellen Zweck des Bildes;
Lazy Loading wird nicht für das wahrscheinliche Above-the-Fold-Hero angewendet.

Führen Sie den Test auf einer echten Beitrags-Vorlage durch, nicht auf einer isolierten Medienbibliothek-Vorschau. Plugins, CDNs und Themes können das finale Markup umschreiben.

Wann GetCompress zur WordPress-Produktion passt

Paint und PowerToys bewältigen gelegentliche Größenanpassungen. GetCompress ist die bessere Wahl, wenn ein Windows-Redaktionsteam wiederkehrende Beitragsbilder, Screenshots, Galerien und WebP- oder JPEG-Varianten vor dem Import in die Medienbibliothek vorbereitet. Lokale Stapel-Voreinstellungen halten die Quelldimensionen konsistent, ohne Entwurfs- oder Embargo-Material an einen Online-Kompressor zu senden.

Es ersetzt nicht das WordPress-responsive Markup, ein CDN, beschreibende Alt-Texte oder Live-Seiten-Tests. Es bereitet sauberere Quelldateien für diese Systeme vor.