TimThumb ist tot! Wie man Bilder in WordPress handhabt (Guide 2026)

Wenn Sie ein WordPress-Veteran sind, erinnern Sie sich sicher an TimThumb. Es war ein kleines PHP-Skript, das um 2010 in fast jedem “Premium-Theme” zu finden war. Es ermöglichte einfaches Zuschneiden und Skalieren von Bildern “on the fly”.

Im Jahr 2011 wurde darin eine kritische Zero-Day-Sicherheitslücke entdeckt, die es Hackern ermöglichte, Millionen von Websites zu übernehmen. Das markierte das Ende der Ära der “einfachen Skripte”.

Heute, im Jahr 2026, verfügt WordPress über eine leistungsstarke Engine für die Medienhandhabung. Wenn Sie immer noch timthumb.php in Ihrem Theme sehen – löschen Sie es sofort. In diesem Leitfaden zeige ich Ihnen, wie man es professionell macht.

Warum war TimThumb schlecht?

TimThumb arbeitete “on the fly”: Es nahm ein Bild von einer URL, verarbeitete es und speicherte es in einem Cache. Probleme:

1. Sicherheit: Ermöglichte Remote Code Execution (RCE), wenn nicht perfekt konfiguriert.
2. Performance: Belastete den PHP-Server bei jeder neuen Bildanfrage.
3. Keine Integration: Erkannte die WordPress-Mediathek nicht.

Methode 1: Native Größen (add_image_size)

WordPress verfügt seit Jahren über die Funktion add_image_size(). Sie erlaubt es Ihnen, Formate zu definieren, die das System beim Hochladen automatisch generiert.

In functions.php:

function wppoland_setup_theme() {
    // Unterstützung für Beitragsbilder aktivieren
    add_theme_support( 'post-thumbnails' );

    // Standardgrößen (weicher Beschnitt - behält Proportionen bei)
    add_image_size( 'blog-list', 800, 400 ); 

    // Harter Beschnitt (schneidet Überschuss ab)
    // WordPress schneidet genau die Mitte des Bildes aus
    add_image_size( 'team-member', 300, 300, true ); 
    
    // Beschnitt mit Positionierung (z. B. von oben, von links)
    add_image_size( 'hero-banner', 1920, 600, ['center', 'top'] );
}
add_action( 'after_setup_theme', 'wppoland_setup_theme' );

In der Template-Datei (z. B. single.php):

if ( has_post_thumbnail() ) {
    the_post_thumbnail( 'hero-banner', ['class' => 'img-fluid'] );
}

Vorteil: Bilder werden einmal generiert (beim Upload). Sie werden als fertige statische Dateien ausgeliefert. Keine PHP-Last bei der Anzeige.

Methode 2: Generierung “On-the-fly”

Native Größen haben einen Nachteil: Wenn Sie das Theme wechseln, müssen Sie Thumbnails neu generieren (z. B. mit dem Plugin Regenerate Thumbnails), was bei einer 100GB-Bibliothek ewig dauert.

Im Jahr 2026 sind Server schnell und CDNs billig. Wir nutzen oft einen hybriden Ansatz oder externe Dienste.

Lösung: Cloudflare / CDN

Anstatt Ihren PHP-Server zu belasten, nutzen Sie URL-Parameter.

<img src="https://ihreseite.de/wp-content/uploads/bild.jpg?width=400&height=300&format=avif">

Die meisten WordPress-Hostings im Jahr 2026 (Kinsta, WP Engine, Cloudways) bieten dies als Standard an. Sie benötigen kein PHP-Skript auf Ihrem Server!

Methode 3: srcset und sizes Attribute

WordPress generiert automatisch das srcset-Attribut für Ihre Bilder, sodass der Browser die passende Größe für das Gerät wählen kann (Handy vs. Desktop 4K).

<!-- WordPress generiert dies automatisch: -->
<img src="bild-800x400.jpg" 
     srcset="bild-300x150.jpg 300w, 
             bild-800x400.jpg 800w, 
             bild-1024x512.jpg 1024w"
     sizes="(max-width: 600px) 100vw, 800px">

Ihre Aufgabe als Entwickler ist es nur, sizes über den Filter wp_calculate_image_sizes korrekt zu definieren.

Optimierung: WebP und AVIF

Im Jahr 2026 sind JPG und PNG Relikte für Fotos. WordPress unterstützt nativ WebP (seit Version 5.8) und AVIF (seit Version 6.5).

Sie benötigen keine Plugins. Laden Sie einfach eine AVIF-Datei hoch, und WordPress verarbeitet sie. Oder nutzen Sie ein Plugin (wie Performance Lab), um alte JPGs beim Upload automatisch in AVIF zu konvertieren.

Aufräumen (TimThumb entfernen)

Wenn Sie ein altes Projekt geerbt haben:

1. Scannen: Durchsuchen Sie das wp-content-Verzeichnis nach timthumb.php oder thumb.php.
2. Löschen: Löschen Sie die Datei.
3. Reparieren: Finden Sie den Aufruf im Code:

   // ALTER CODE (SCHLECHT)
   <img src="<?php echo get_template_directory_uri(); ?>/timthumb.php?src=..." />
   
   // ERSETZEN DURCH (GUT)
   <?php the_post_thumbnail( 'meine-groesse' ); ?>

4. Regenerieren: Installieren Sie WP-CLI und führen Sie wp media regenerate aus.

Zusammenfassung

Die Geschichte von TimThumb ist eine Lektion in Demut. Bequemlichkeit (Skalierung on-the-fly) darf nicht über Sicherheit stehen. haben wir natives add_image_size(), responsives srcset und CDNs, die Bilder in der Cloud verarbeiten. Es gibt keinen Grund, zu Lösungen von vor 15 Jahren zurückzukehren.