Bildgröße in WordPress (Warum 30 Upload-Varianten pro Bild?)

Irgendwann in den Urzeiten von WordPress wurden hochgeladenen Bilder im Original abgelegt und zusätzlich in drei verschiedenen Bildgrößen (Thumbnails/Vorschaubilder für Galerien, „Mittel“ und „Groß“ zum Einfügen in Beiträge) skaliert. Die Theme-Entwickler haben sich dann aber zur Umsetzung bestimmter Layouts zusätzliche Bildgrößen gewünscht, die mit der Funktion add_image_size() vorgegeben werden können. Das Theme Sydney definiert zum Beispiel fünf weitere Vorschaubildgrößen, was dann zusammen schon acht Bilddateien macht.

Bei einem Theme-Wechsel macht es Sinn, die bereits hochgeladenen (und skalierten) Fotos neu zu skalieren, damit die im neuen Theme verwendeten Bildgrößen berücksichtigt werden. Bringt das Theme fünf weitere Bildgrößen mit, sind wir bereits bei 13 verschiedenen Bildgrößen. Das Beispiel lässt sich sicher ausweiten.

Grundsätzlich ist es sinnvoll, Bilder in mehreren Bildgrößen vorzuhalten, weil ein Bildgröße in FullHD vielleicht auf einem 27-Zoll-Desktopbildschirm Sinn macht, aber nicht auf einem 5-Zoll-Smartphone-Display. Deshalb werden Bilder im Inhalt auch nicht als reine <img>-Tags, sondern mit dem <figure>-Tag ausgegeben, das verschiedene Bildgrößen zum Download anbietet:

<figure class="wp-block-image size-large">
  <a
    href="https://example.com/wp-content/uploads/2020/12/irgendwas.png"
    ><img
      loading="lazy"
      src="https://example.com/wp-content/uploads/2020/12/irgendwas-1024x703.png"
      alt="Das Bild foo von bar."
      class="wp-image-3202"
      srcset="
        https://example.com/wp-content/uploads/2020/12/irgendwas-1024x703.png 1024w,
        https://example.com/wp-content/uploads/2020/12/irgendwas-300x206.png   300w,
        https://example.com/wp-content/uploads/2020/12/irgendwas-768x527.png   768w,
        https://example.com/wp-content/uploads/2020/12/irgendwas.png          1090w
      "
      sizes="(max-width: 1024px) 100vw, 1024px"
      width="1024"
      height="703"
  /></a>
</figure>

Thumbnails sind nur wenige Kilobyte groß und fallen selbst bei einem Shared Webhosting (das heute für kleines Geld mit 10 und mehr Gigabyte Speichervolumen angeboten wird!) nicht ins Gewicht. Damit aber auch übergroße, direkt aus der Kamera oder dem Smartphone hochgeladenen Fotos nicht den kostbaren Speicherplatz in beschlag nehmen, skaliert WordPress jedes Originalbild, das eine vorgegebene Maximalgröße überschreitet, automatisch auf eine für die Anzeige im Web verträglichere Größe. Wenn du also nicht gerade Fotograf bist und dir in den Kopf gesetzt hast, mehrere tausend Bilder auf deiner Website zu horten, sollte der Speicherplatz keine Probleme bereiten.

Wenn du ein Bild in niedriger Auflösung hochlädst, wird das von WordPress nicht hochskaliert.

Wenn das Theme oder deine Einstellungen > Mediathek eine Bildgröße von 130 × 84 Pixeln vorsehen, brauchst du deine Bilder nicht noch zusätzlich in der Größe hochladen. Die Bilder werden dann bereits auf diese Größe skaliert.

Wenn du die Anzahl der skalierten Bilder verringern möchtest, kannst du

• ein anderes Theme verwenden
• mit der Funktion remove_image_size() die im Core und im Theme definierten Bildgrößen wieder entfernen. remove_image_size( 'medium' ); entfernt zum Beispiel die Bildgröße „Mittel“.
• mit folgendem Code die Skalierung völlig deaktivieren:

  /**
   * @param array $sizes    An associative array of image sizes.
   * @param array $metadata An associative array of image metadata: width, height, file.
   */
  function remove_image_sizes( $sizes, $metadata ) {
      return [];
  }
  add_filter( 'intermediate_image_sizes_advanced', 'remove_image_sizes', 10, 2 );

  (Quelle: Disabling auto-resizing of uploaded images)
  Den Code kannst du in der functions.php eines Child-Themes eintragen oder mit dem Plugin Code Snippets hinzufügen.

Für welche Änderung du dich auch entscheidest: einmal hochgeladenen Bilder sind von nachträglichen Änderungen nicht betroffen. Du kannst aber mit dem Plugin Regenerate Thumbnails die Skalierung neu anstoßen (was bei großer Bildmenge ein aufwendiger Prozess sein dürfte – ich würde auf jeden Fall vorher ein Backup machen).

Noch kurz der freundliche Hinweis: ich bin ein Anwender, wie du und werde nicht bezahlt, um dir zu antworten. Ich weiß noch lange nicht alles, bemühe mich aber, mein vorhandenes Wissen kostenlos mit dir zu teilen. Vielleicht können wir uns auf einen entspannteren Umgangston einigen? Dass dein WordPress „in den Speicher ballert“ ist ja nicht meine Schuld. 🙂

Interessanter Hinweis, wobei ich mich gerade frage, welche Website mit Shared Webhosting so interessant sein mag, dass ich mir 17.000 Bilder anschaue?