Trick # 599 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 Minuten.
Eigentlich schade, ist uns dieser Hack nicht schon längst eingefallen: Die Mediathek unter WordPress schluckt ja auch gigantisch grosse Dateien – solange diese unter den Server-Limits liegen. Aber auch 10 oder 15 Megabyte grosse Bilder sind Unsinn. Wir haben darum ein Script entwickelt, mit dem sich Bilder noch während des Uploads auf eine akzeptable Grösse schrumpfen lassen. Ganz ohne Umweg über die Bildbearbeitung. Sehr hilfreich.
Wer Bilder in die WordPress-Mediathek hochlädt, kennt das Problem: Moderne Kameras und Smartphones produzieren Bilder in enormer Auflösung. Diese sind zwar perfekt für den Druck, aber im Web eher kontraproduktiv: Grosse Dateien verlangsamen die Website, die Serverkapazität ist schneller erschöpft und BesucherInnen mit mobilen Datenverbindungen haben unnötig lange Ladezeiten.
Wird WordPress-Bildskalierung obsolet?
Unsere Antwort ist: Jein! Die Bildskalierung der WordPress-Mediathek verkleinert Bilder automatisch auf 2560 Pixel. Das ist gut; das Original bleibt aber dabei in seiner ganzen Pracht gespeichert und frisst Platz obwohl es im Normalfall nie wieder gebraucht wird.
Wenn Sie anstelle des ersetzten Originals lieber eine Standardskalierungs-Grösse festlegen würden, empfehlen wir Ihnen den Beitrag «WordPress-Bildskalierung: Bildergrösse selber festlegen».
Wenn Sie die Standardskalierung gleich ganz abschalten wollen (was eigentlich mit dem heutigen Hack durchaus möglich ist), lesen Sie den Beitrag «Bildskalierung in WordPress deaktivieren».
Unser Hack sorgt für Abhilfe. Fügen Sie den folgenden Block in die Datei functions.php Ihrer WordPress-Installation ein. Zu finden unter Design/Theme-Datei-Editor:
// Originalbilder in der WordPress-Mediathek auf maximal 2880 Pixel verkleinern
function resize_uploaded_image($file) {
$image_types = ['image/jpeg', 'image/png', 'image/gif'];
if (in_array($file['type'], $image_types)) {
$max_size = 2880; // Maximale Grösse für die längste Seite// Originalbild laden
$image = wp_get_image_editor($file['file']);
if (!is_wp_error($image)) {
$size = $image->get_size();
$width = $size['width'];
$height = $size['height'];// Berechnen, ob das Bild skaliert werden muss
if ($width > $max_size || $height > $max_size) {
if ($width > $height) {
$image->resize($max_size, null); // Maximale Breite setzen
} else {
$image->resize(null, $max_size); // Maximale Höhe setzen
}
$image->save($file['file']); // Original überschreiben
}
}
}
return $file;
}
add_filter('wp_handle_upload', 'resize_uploaded_image');Der Code prüft den Dateityp und wird aktiv bei Bildern im Format JPEG, PNG oder GIF. Auf Zeile 5 wird dann die maximale Länge oder Breite festgelegt. In diesem Fall 2880 Pixel – den Wert können Sie aber nach eigenem Gusto ersetzen. Alle Bilder, die nun grösser sind als dieser Wert, werden skaliert. Die so überarbeitete Version wird anstelle des Originals gespeichert.
Die Vorteile:
- Es ist kein manueller Eingriff erforderlich – die Verkleinerung erfolgt automatisch.
- Kleinere Bilder bedeuten schnellere Ladezeiten.
- Auf Ihrem Server bleibt mehr Platz für andere Inhalte.
Allerdings: Das Script lässt bereits bestehende Dateien der Mediathek unberührt. Es greift also ausschliesslich bei Uploads ein, die nach der Einbindung des Codes geschehen.
Fazit: Dieser Hack ist ein Must-have für jede WordPress-Installation, die regelmässig mit hochauflösenden Bildern arbeitet. Die automatische Verkleinerung spart Zeit, Speicherplatz und verbessert die Performance Ihrer Website.
Werbung
Werbung
