{"id":42101,"date":"2021-06-10T09:07:27","date_gmt":"2021-06-10T07:07:27","guid":{"rendered":"https:\/\/kinsta.com\/?p=96280&#038;preview=true&#038;preview_id=96280"},"modified":"2023-10-03T15:38:57","modified_gmt":"2023-10-03T14:38:57","slug":"wordpress-bildgroessen","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/","title":{"rendered":"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst"},"content":{"rendered":"<p>WordPress Bildgr\u00f6\u00dfen sind komplexer als du vielleicht erwartest. Es ist wichtig zu verstehen, wie Bildgr\u00f6\u00dfen in WordPress funktionieren, was die Standard-Bildgr\u00f6\u00dfen sind und wie man eigene Bildgr\u00f6\u00dfen definiert, um deine Webseite effektiv zu verwalten.<\/p>\n<p>Mit diesem Wissen kannst du sicherstellen, dass du die richtige Art von Bildern in den passenden Gr\u00f6\u00dfen an den richtigen Stellen hast, damit du das Beste aus deiner <a href=\"https:\/\/kinsta.com\/de\/blog\/strategieuefuruevisuelleueinhalte\/\">visuellen Content-Strategie<\/a> herausholen kannst.<\/p>\n<p>Diese Taktiken werden auch die Share-Worthiness deiner Beitr\u00e4ge verbessern, was sich in mehr Sichtbarkeit und Traffic niederschl\u00e4gt. Statistiken zeigen, dass sich Leser nach drei Tagen nur an 10% der gelesenen Textinhalte erinnern, aber diese Zahl schie\u00dft auf 65% hoch, wenn du visuell ansprechende Bilder zu deinen Inhalten hinzuf\u00fcgst.<\/p>\n<p>In diesem ausf\u00fchrlichen Guide erf\u00e4hrst du alles, was du \u00fcber WordPress-Bildgr\u00f6\u00dfen wissen musst.<\/p>\n<p>Aufgeregt? Los geht&#8217;s!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p><strong>Willst du lieber die <a href=\"https:\/\/www.youtube.com\/watch?v=k5gd8arv1LY\">Video-Version<\/a> sehen?<\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=k5gd8arv1LY\"><\/kinsta-video>\n<h2>Wie WordPress die Bilder verwaltet, die du hochl\u00e4dst<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/dateien-hochlaedt-ftp-in-wordpress-mediathek\/\">Das Hochladen von Bildern in WordPress<\/a> ist ziemlich einfach, aber im Backend von WordPress geht eine Menge vor sich, w\u00e4hrend es sie verarbeitet.<\/p>\n<p>Das erste, was WordPress macht, wenn du ein Bild hochl\u00e4dst, ist drei verschiedene Gr\u00f6\u00dfen deines Bildes zu erstellen. Das bedeutet, dass du am Ende vier Bilder f\u00fcr jedes Bild hast, das du hochl\u00e4dst:<\/p>\n<ul>\n<li>Thumbnail<\/li>\n<li>Mittel<\/li>\n<li>Gro\u00df<\/li>\n<li>Original Gr\u00f6\u00dfe<\/li>\n<\/ul>\n<p>WordPress erstellt all diese verschiedenen Gr\u00f6\u00dfen, um deine Bilder in der am besten geeigneten Gr\u00f6\u00dfe f\u00fcr jeden Besucher bereitzustellen. Deine Webseite zeigt deinen Lesern immer die richtigen Bilder an, <a href=\"https:\/\/kinsta.com\/de\/blog\/responsiven-webdesign\/\">basierend auf dem Ger\u00e4t, das sie benutzen<\/a>, was ihre Erfahrung beschleunigt und verbessert.<\/p>\n<p>Du k\u00f6nntest deine Bilder immer manuell bearbeiten, um diese zus\u00e4tzlichen Gr\u00f6\u00dfen bereitzustellen, aber dies in einem Tool wie Photoshop genau zu tun, ist kein kleines Unterfangen. Es wird eine Menge m\u00fchsamer Arbeit bedeuten, weshalb WordPress dir diese M\u00fche erspart.<\/p>\n\n<h2>WordPress Bildgr\u00f6\u00dfen: Wichtige Dinge, die du beachten solltest<\/h2>\n<p>Bevor wir uns mit den technischen Aspekten der WordPress Bildgr\u00f6\u00dfen besch\u00e4ftigen, solltest du ein paar wichtige Hinweise kennen.<\/p>\n<p>Wir haben besprochen, wie WordPress drei Standard-Bildgr\u00f6\u00dfen f\u00fcr dich erstellt, aber was ist, wenn du eine andere Gr\u00f6\u00dfe als die Standardwerte von WordPress haben musst? Was ist, wenn du insgesamt mehr Gr\u00f6\u00dfen m\u00f6chtest?<\/p>\n<p>Gute Nachrichten! Du kannst das ganz einfach tun. WordPress erlaubt es dir, die Standard-Bildgr\u00f6\u00dfen zu \u00e4ndern und so viele zus\u00e4tzliche Gr\u00f6\u00dfen hinzuzuf\u00fcgen, wie du m\u00f6chtest. Wir werden das in K\u00fcrze genauer erkl\u00e4ren.<\/p>\n<p>Aber bevor wir dazu kommen, solltest du wissen, dass es bestimmte Voraussetzungen gibt, damit dies so funktioniert, wie du es m\u00f6chtest.<\/p>\n<p>Eine davon ist, dass <a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/#the-benefits-of-formatting-your-images\">du versuchen solltest, deine Bilder in der gr\u00f6\u00dften Gr\u00f6\u00dfe hochzuladen<\/a>, die du ben\u00f6tigst. W\u00e4hrend WordPress es f\u00fcr kleinere Ger\u00e4te kleiner macht, wird es die volle Gr\u00f6\u00dfe (Originalgr\u00f6\u00dfe) verwenden, wo das Bild am gr\u00f6\u00dften sein muss.<\/p>\n<p>Angenommen, du l\u00e4dst ein Bild hoch, das kleiner ist als die gr\u00f6\u00dfte Gr\u00f6\u00dfe, die du in WordPress definiert hast. In diesem Fall wird WordPress dieses Bild nicht in der gr\u00f6\u00dften Gr\u00f6\u00dfe korrekt anzeigen. Au\u00dferdem wird es einen deutlichen Qualit\u00e4tsverlust geben.<\/p>\n<p>Das hei\u00dft, du musst auch darauf achten, dass du keine Bilder hochl\u00e4dst, die gr\u00f6\u00dfer sind als das, was die gr\u00f6\u00dfte Gr\u00f6\u00dfe sein muss. WordPress wird solche Bilder niemals verwenden, da sie zu gro\u00df sind und unn\u00f6tig <a href=\"https:\/\/kinsta.com\/de\/blog\/festplattennutzung-wordpress\/\">Platz auf deinem Server<\/a> fressen.<\/p>\n<p>Daher solltest du die Gr\u00f6\u00dfe des Bildes, das du hochl\u00e4dst, \u00fcberpr\u00fcfen und sicherstellen, dass es die gr\u00f6\u00dfte Gr\u00f6\u00dfe hat, die es haben muss, bevor du es zu WordPress hochl\u00e4dst, aber nicht gr\u00f6\u00dfer als das.<\/p>\n<h2>Wo und wie speichert WordPress deine Bilder?<\/h2>\n<p>Soweit es dein Admin-Panel betrifft, speichert WordPress deine hochgeladenen Bilder <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-medienbibliothek\/\">in der Medienbibliothek<\/a>. Du kannst alle deine hochgeladenen Bilder sehen, indem du mit der Maus auf die Option Medien gehst und auf Bibliothek klickst.<\/p>\n<figure style=\"width: 1084px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/wordpress-media-library.jpg\" alt=\"Die WordPress Medienbibliothek\" width=\"1084\" height=\"567\"><figcaption class=\"wp-caption-text\">Die WordPress Medienbibliothek<\/figcaption><\/figure>\n<p>Du kannst sie nach Medientyp (Bild, Video, Audio, etc.) und Datum sortieren. Beachte jedoch, dass du die Bilder nur nach Datum sortieren kannst, wenn du diese Funktion in den <strong>Einstellungen<\/strong> nicht deaktiviert hast.<\/p>\n<p>Es gibt auch ein Suchfeld auf der rechten Seite, das dir hilft, dein hochgeladenes Bild aufzusp\u00fcren. Gib einfach ein Wort ein, das du im Titel, in der Bildunterschrift oder in der Beschreibung deines Bildes verwendet hast, um es zu finden.<\/p>\n<p>Deine Bilder werden in den Uploads-Ordnern deiner Seite gespeichert (<strong>wp-content\/uploads\/<\/strong>). Um auf diesen Ordner zuzugreifen, musst du einen <a href=\"https:\/\/kinsta.com\/de\/blog\/verwendest-sftp-verbindung-wordpress-herzustellen\/\">FTP\/SFTP Client<\/a> verwenden. Es gibt mehrere Unterverzeichnisse im Uploads-Ordner deiner Seite, in denen deine Bilder nach Upload-Datum sortiert sind (vorausgesetzt, du hast die Option zum Sortieren nach Datum in deinen <strong>Einstellungen<\/strong> aktiviert).<\/p>\n<p>Du kannst auch <a href=\"https:\/\/kinsta.com\/de\/blog\/dateien-hochlaedt-ftp-in-wordpress-mediathek\/\">eigene Ordner f\u00fcr deine Mediendateien erstellen,<\/a> aber wir empfehlen dies nur, wenn du ein fortgeschrittener Nutzer bist.<\/p>\n<h2>Was sind die Standard WordPress Bildgr\u00f6\u00dfen?<\/h2>\n<p>Wenn es um WordPress und Bildgr\u00f6\u00dfen geht, haben wir es immer mit vier verschiedenen zu tun, mit deiner Original-Bilddatei und den drei verschiedenen Gr\u00f6\u00dfen, die WordPress standardm\u00e4\u00dfig erstellt:<\/p>\n<ul>\n<li><strong>Thumbnail Gr\u00f6\u00dfe<\/strong>: 150px (quadratisch)<\/li>\n<li><strong>Mittlere Gr\u00f6\u00dfe<\/strong>: Maximale Breite und H\u00f6he von 300px<\/li>\n<li><strong>Gro\u00dfe Gr\u00f6\u00dfe<\/strong>: Maximale Breite und H\u00f6he von 1024px<\/li>\n<li><strong>Volle Gr\u00f6\u00dfe<\/strong>: Die Originalgr\u00f6\u00dfe deines Bildes<\/li>\n<\/ul>\n<p>Wie wir bereits erw\u00e4hnt haben, solltest du deine Bilder in 1024px hochladen, wenn du nur diese Standardgr\u00f6\u00dfen verwenden willst. Das erm\u00f6glicht es dir, deine Bilder auch in der gr\u00f6\u00dften Gr\u00f6\u00dfe korrekt auszuliefern, was nicht m\u00f6glich ist, wenn dein Bild kleiner ist als die gr\u00f6\u00dfte Gr\u00f6\u00dfe, die WordPress verwendet (die standardm\u00e4\u00dfig 1024px betr\u00e4gt).<\/p>\n<h2>Was ist die ideale Gr\u00f6\u00dfe f\u00fcr ausgew\u00e4hlte WordPress-Bilder?<\/h2>\n<p>Ausgew\u00e4hlte WordPress-Bilder sind entscheidend f\u00fcr die Leserbindung. \u00c4hnlich wie der Einband eines Buches gibt das ausgew\u00e4hlte Bild einen Vorgeschmack auf den Inhalt des Artikels.<\/p>\n<p>Sie werden am h\u00e4ufigsten in WordPress-Beitr\u00e4gen angezeigt, k\u00f6nnen aber auch in Seiten und benutzerdefinierten Beitragstypen eingef\u00fcgt werden. Da das ausgew\u00e4hlte Bild auch von Suchmaschinen und Websites f\u00fcr soziale Medien angezeigt wird, ist es wichtig, die richtige Gr\u00f6\u00dfe zu w\u00e4hlen.<\/p>\n<p>Es gibt zwar unterschiedliche Meinungen zu diesem Thema, aber allgemeiner Konsens ist, dass die ideale Gr\u00f6\u00dfe f\u00fcr ein ausgew\u00e4hltes Bild in WordPress etwa <strong>1200 \u00d7 630 Pixel<\/strong> betr\u00e4gt. Ein Bild mit diesen Ma\u00dfen sollte gut auf deine Seite passen, unabh\u00e4ngig davon, wie gro\u00df oder klein der Bildschirm deines Lesers ist.<\/p>\n<p>Au\u00dferdem <a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/mobile\/google-discover%\/\">weist Google darauf hin<\/a>, dass dein ausgew\u00e4hltes WordPress-Featured Image mindestens 1.200 Pixel breit sein muss, damit deine Seiten f\u00fcr den <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-seo\/\">Google Discover<\/a> Feed geeignet sind (eine gro\u00dfartige Quelle f\u00fcr zus\u00e4tzlichen Traffic von Google).<\/p>\n<p>Aber ist das die Standardgr\u00f6\u00dfe f\u00fcr ausgew\u00e4hlte Bilder in WordPress?<\/p>\n<p>Es wird dich vielleicht \u00fcberraschen, aber WordPress bietet von Haus aus keine Einstellung f\u00fcr die Gr\u00f6\u00dfe ausgew\u00e4hlter Bilder. Stattdessen werden die ausgew\u00e4hlten Bilder standardm\u00e4\u00dfig in ihrer urspr\u00fcnglichen Upload-Gr\u00f6\u00dfe angezeigt, es sei denn, sie werden durch das Design der Seite eingeschr\u00e4nkt oder du w\u00e4hlst eine der anderen Standardgr\u00f6\u00dfen von WordPress (wie &#8222;Mittel&#8220; oder &#8222;Gro\u00df&#8220;).<\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\">Viele WordPress-Themes<\/a> &#8211; darunter auch das <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-one-theme\/\">Standard-Theme von WordPress, Twenty Twenty-One<\/a> &#8211; legen jedoch eigene Gr\u00f6\u00dfen f\u00fcr ausgew\u00e4hlte Bilder fest, also <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-ein-wordpress-theme\/\">\u00fcberpr\u00fcfe die Einstellungen deines Themes<\/a>.<\/p>\n<h2>Was ist die ideale Gr\u00f6\u00dfe f\u00fcr WordPress-Header-Bilder?<\/h2>\n<p>\u00c4hnlich wie ausgew\u00e4hlte Bilder k\u00f6nnen auch Header-Bilder deinen Lesern einen kleinen Einblick in das Thema und die Stimmung der Seite geben. Auch wenn sie nicht so h\u00e4ufig \u00fcber Suchergebnisseiten oder Social Media Feeds geteilt werden, ist es f\u00fcr die <a href=\"https:\/\/kinsta.com\/de\/lernen\/wordpress-beschleunigen\/\">Geschwindigkeit und Integrit\u00e4t deiner Seite wichtig<\/a>, dass sie die richtige Gr\u00f6\u00dfe haben.<\/p>\n<p>Da Header-Bilder oft vom Design einer Seite abh\u00e4ngen, k\u00f6nnen sie in ihren Abmessungen stark variieren. Es gibt keine Einheitsgr\u00f6\u00dfe, daher solltest du das Design und die Responsiveness deiner Seite ber\u00fccksichtigen, bevor du die Gr\u00f6\u00dfe deines WordPress-Headerbildes w\u00e4hlst.<\/p>\n<p>Die Theme-Entwickler empfehlen jedoch, dass WordPress-Header-Bilder ein <strong>16:9-Verh\u00e4ltnis<\/strong> haben sollten, z. B:<\/p>\n<ul>\n<li>1920 \u00d7 1080 Pixel<\/li>\n<li>1280 \u00d7 720 Pixel<\/li>\n<li>1152 \u00d7 648 Pixel<\/li>\n<\/ul>\n<p>Wie bei den ausgew\u00e4hlten Bildern gibt WordPress auch f\u00fcr Header-Bilder keine Standardgr\u00f6\u00dfe vor. M\u00f6glicherweise verf\u00fcgt dein Theme jedoch \u00fcber eine Option, mit der du die Gr\u00f6\u00dfe der Kopfzeile in den Einstellungen des Themes <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-admin\/\">im Men\u00fc <strong>Erscheinungsbild<\/strong><\/a> anpassen kannst.<\/p>\n<p>Wenn dein gew\u00e4hltes Theme keine M\u00f6glichkeit bietet, die Gr\u00f6\u00dfe des WordPress-Headerbildes zu \u00e4ndern, kannst du es trotzdem selbst anpassen. Wie das geht, erkl\u00e4ren wir dir gleich.<\/p>\n<h2>Wie du die Standard-Bildgr\u00f6\u00dfen \u00e4nderst (und wann du das tun musst)<\/h2>\n<p>W\u00e4hrend die Standardgr\u00f6\u00dfen der WordPress-Bilder f\u00fcr die meisten Nutzer gut funktionieren, haben einige Nutzer vielleicht andere Anforderungen. Du bevorzugst vielleicht eine etwas gr\u00f6\u00dfere Gr\u00f6\u00dfe f\u00fcr deine Thumbnails oder eine kleinere Gr\u00f6\u00dfe f\u00fcr die gro\u00dfen Bilder.<\/p>\n<p>Das \u00c4ndern der Standard-Bildgr\u00f6\u00dfen in WordPress macht dann Sinn, wenn du die meisten Bilder, die du hochl\u00e4dst, selbst bearbeitest, weil die Standard-Bildgr\u00f6\u00dfen von WordPress f\u00fcr deinen Anwendungsfall nicht geeignet sind.<\/p>\n<p>Bevor du neue benutzerdefinierte Bildgr\u00f6\u00dfen zus\u00e4tzlich zu den Standard-Bildgr\u00f6\u00dfen hinzuf\u00fcgst, solltest du dir bewusst sein, dass du viel mehr Bilddateien in der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-datenbank\/\">Datenbank deiner Seite<\/a> speichern w\u00fcrdest, als du eigentlich m\u00fcsstest. Das kann zu Performance-Problemen auf deiner Seite f\u00fchren und mehr Speicherplatz verbrauchen als n\u00f6tig.<\/p>\n<p>Das Gleiche gilt f\u00fcr bildbasierte Seiten, die sich an bestimmte Bildgr\u00f6\u00dfen halten m\u00fcssen. <a href=\"https:\/\/kinsta.com\/de\/blog\/webseiten-fur-fotografie\/\">Fotografen<\/a>, Designer und andere, die gro\u00dfe Bilder ausliefern, m\u00f6gen es, wenn die Gr\u00f6\u00dfe \u00fcberall auf der Seite konsistent ist, um Einheitlichkeit zu gew\u00e4hrleisten.<\/p>\n<p>Ebenso m\u00fcssen einige <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-landing-page-plugins\/\">Landingpages<\/a> bestimmte Bildgr\u00f6\u00dfen anzeigen, und die Standardgr\u00f6\u00dfen von WordPress sind vielleicht nicht geeignet. Und ein <a href=\"https:\/\/kinsta.com\/de\/blog\/ecommerce-hosting\/\">eCommerce Shop<\/a> muss typischerweise gr\u00f6\u00dfere Thumbnails verwenden, die mehr Details offenbaren.<\/p>\n<p>Es gibt viele andere Gr\u00fcnde, warum du die Standard-Bildgr\u00f6\u00dfen \u00e4ndern m\u00f6chtest, aber du verstehst die Idee.<\/p>\n<p>WordPress versteht das auch, weshalb es dir erlaubt, diese Standardwerte zu \u00e4ndern.<\/p>\n<h3>Schritte zum \u00c4ndern der WordPress Standard-Bildgr\u00f6\u00dfen<\/h3>\n<p>Hier ist die Schritt-f\u00fcr-Schritt-Anleitung zum <a href=\"https:\/\/kinsta.com\/de\/blog\/thumbnails-regenerieren\/#3-resizing-images-in-the-media-settings\">\u00c4ndern der Standard-Bildgr\u00f6\u00dfen in WordPress<\/a>.<\/p>\n<p><strong>Schritt 1<\/strong>: Fahre mit der Maus \u00fcber <strong>Einstellungen<\/strong> und klicke auf die Option <strong>Medien<\/strong>, die erscheint:<\/p>\n<figure style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/Media-settings.png\" alt=\"WordPress Media Settings zum \u00c4ndern der Standard-Bildgr\u00f6\u00dfen.\" width=\"1197\" height=\"489\"><figcaption class=\"wp-caption-text\">WordPress Media Settings zum \u00c4ndern der Standard-Bildgr\u00f6\u00dfen.<\/figcaption><\/figure>\n<p><strong>Schritt 2<\/strong>: \u00c4ndere die Gr\u00f6\u00dfen auf das, was du willst, indem du die Zahlen bearbeitest, wie wir es unten getan haben:<\/p>\n<figure style=\"width: 1194px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/changed-image-sizes.png\" alt=\"Beispiele f\u00fcr aktualisierte Bildgr\u00f6\u00dfen in den Medieneinstellungen.\" width=\"1194\" height=\"481\"><figcaption class=\"wp-caption-text\">Beispiele f\u00fcr aktualisierte Bildgr\u00f6\u00dfen in den Medieneinstellungen.<\/figcaption><\/figure>\n<p><strong>Schritt 3<\/strong>: Klicke auf die Schaltfl\u00e4che<strong> \u00c4nderungen speichern<\/strong> am unteren Rand.<\/p>\n<p>Nun werden alle Bilder, die du ab jetzt hochl\u00e4dst, in diesen neuen Standardgr\u00f6\u00dfen angezeigt.<\/p>\n<p>Einige Tutorials schlagen vor, dass du &#8222;0&#8220; f\u00fcr die Standard-Bildgr\u00f6\u00dfen eingibst. Wir raten jedoch davon ab, auch wenn es dir helfen kann, Platz zu sparen.<\/p>\n<p>Wenn du diese Werte auf &#8222;0&#8220; \u00e4nderst, dann wird WordPress dein Bild in voller Gr\u00f6\u00dfe (Originalgr\u00f6\u00dfe) an allen Stellen und auf allen Ger\u00e4ten verwenden, was zu einem massiven Anstieg der Bandbreitennutzung auf deiner Seite f\u00fchren w\u00fcrde. Au\u00dferdem w\u00fcrde dies mit ziemlicher Sicherheit die Ladezeit von Seiten verlangsamen, die viele dieser Bilder anzeigen.<\/p>\n<h2>Wie man benutzerdefinierte Bildgr\u00f6\u00dfen zu WordPress hinzuf\u00fcgt<\/h2>\n<p>Wenn du alle deine bisherigen WordPress-Bilder auf diese neuen Gr\u00f6\u00dfen umstellen musst, kannst du mehrere gro\u00dfartige Plugins verwenden, die wir im Folgenden im Detail vorstellen.<\/p>\n<p>F\u00fcr Nutzer, die dazu neigen, viele verschiedene Arten von Bildern zu verwenden, kann es essentiell sein, mehr Bildgr\u00f6\u00dfen als die drei Standardgr\u00f6\u00dfen zu haben, die WordPress anbietet.<\/p>\n<p>Die Standard-Bildgr\u00f6\u00dfen m\u00f6gen f\u00fcr die Standard-Bildertypen ausreichen, aber f\u00fcr etwas wie Pop-up-Grafiken, <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-widgets\/\">Widgets<\/a> oder <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-slider\/\">Slider-Bilder<\/a> musst du wahrscheinlich mehr Bildgr\u00f6\u00dfen haben.<\/p>\n<p>Benutzerdefinierte Bildgr\u00f6\u00dfen geben dir die Flexibilit\u00e4t, die Funktionalit\u00e4t deiner WordPress-Seite zu verbessern und eine Menge Zeit zu sparen, um die Gr\u00f6\u00dfe deiner Bilder einzeln zu \u00e4ndern.<\/p>\n<p>Nun, da wir das als Basis festgelegt haben, lass uns einen genaueren Blick auf den Prozess werfen, der mit dem Hinzuf\u00fcgen dieser benutzerdefinierten Bildgr\u00f6\u00dfen auf deiner WordPress-Seite verbunden ist.<\/p>\n<p>Du hast hier zwei M\u00f6glichkeiten. Die erste ist, ein Plugin zu verwenden, das alles mit ein paar Klicks f\u00fcr dich erledigt. Die zweite ist der manuelle Weg, indem du die ben\u00f6tigten Code-Strings in die Dateien deiner Seite einf\u00fcgst.<\/p>\n<p>Lass uns zuerst zur Plugin-Methode kommen.<\/p>\n<h3>Hinzuf\u00fcgen eigener Bildgr\u00f6\u00dfen mit Image Regenerate &#038; Select Crop<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/image-regenerate-select-crop\/\">Das Image Regenerate &#038; Select Crop<\/a> Plugin geht \u00fcber das <a href=\"https:\/\/kinsta.com\/de\/blog\/thumbnails-regenerieren\/#how-to-regenerate-thumbnails-in-wordpress\">Regenerieren von Thumbnails<\/a> (weiter unten beschrieben) hinaus und erm\u00f6glicht mehr Anpassungen und Funktionen.<\/p>\n<p>Du kannst nicht nur die Standard-Bildgr\u00f6\u00dfen \u00e4ndern, sondern auch bestehende Bilder neu generieren, um sie an deine bevorzugten Gr\u00f6\u00dfen anzupassen, Standard-Zuschnittoptionen f\u00fcr Bilder festlegen und Thumbnails neu generieren.<\/p>\n<figure style=\"width: 1428px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/image-regenerate-and-select-crop-settings.jpg\" alt=\"Benutzerdefinierte Bildgr\u00f6\u00dfenoptionen \u00fcber das Image Regenerate &#038; Select Crop Plugin.\" width=\"1428\" height=\"627\"><figcaption class=\"wp-caption-text\">Benutzerdefinierte Bildgr\u00f6\u00dfenoptionen \u00fcber das Image Regenerate &#038; Select Crop Plugin.<\/figcaption><\/figure>\n<p>Einmal installiert und aktiv, kannst du so viele neue benutzerdefinierte Bildgr\u00f6\u00dfen wie du willst \u00fcber die Standard WordPress <strong>Einstellungen &gt; Medien<\/strong> Seite erstellen.<\/p>\n<h3>Manuelles Hinzuf\u00fcgen von benutzerdefinierten Bildgr\u00f6\u00dfen<\/h3>\n<p>Obwohl es ein relativ einfacher Prozess ist, solltest du als allererstes <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-backups\/#wordpress-backup\">ein Backup deiner Webseite erstellen<\/a>, f\u00fcr den Fall, dass etwas schief geht, w\u00e4hrend du diese Anpassungen vornimmst. Sobald das Backup abgeschlossen ist, gehe in das Admin Dashboard deiner WordPress-Seite.<\/p>\n<p>Dort gehst du auf den Men\u00fcpunkt <strong>Darstellung<\/strong> (Appearance) und w\u00e4hlst <strong>Editor<\/strong> (in manchen F\u00e4llen auch <strong>Theme Editor<\/strong> genannt).<\/p>\n<p>Als n\u00e4chstes suchst du die Datei <strong>functions.php<\/strong> und \u00fcberpr\u00fcfst, ob der folgende Code dort bereits vorhanden ist (benutze die Suchfunktion, um ihn schnell zu finden). Wenn er schon da ist, musst du nichts tun.<\/p>\n<p>Wenn er nicht da ist, musst du diesen String in die Datei einf\u00fcgen:<\/p>\n<pre><code>add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n<figure style=\"width: 1136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/adding-custom-image-sizes-functions-php.jpg\" alt=\"Hinzuf\u00fcgen des Hooks f\u00fcr benutzerdefinierte Bildgr\u00f6\u00dfen zur functions.php.\" width=\"1136\" height=\"599\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen des Hooks f\u00fcr benutzerdefinierte Bildgr\u00f6\u00dfen zur functions.php.<\/figcaption><\/figure>\n<p>Nachdem du diesen Code hinzugef\u00fcgt hast, klicke unten auf den Button <strong>Datei aktualisieren<\/strong>, um die Funktion zu aktivieren, mit der du eigene Bildgr\u00f6\u00dfen erstellen kannst.<\/p>\n<p>Jetzt ist es an der Zeit, den Code f\u00fcr die spezifischen Bildgr\u00f6\u00dfen hinzuzuf\u00fcgen, die du haben m\u00f6chtest. Suche nach dem String &#8222;add_image_size&#8220; in deiner <strong>functions.php<\/strong> Datei, denn dort musst du deine \u00c4nderungen vornehmen:<\/p>\n<pre><code>add_image_size( 'my-custom-image-size', 800, 640 );<\/code><\/pre>\n<p>Vor allem solltest du den Namen innerhalb der Anf\u00fchrungszeichen mit dem Namen deiner neuen benutzerdefinierten Bildgr\u00f6\u00dfe \u00e4ndern. Wir empfehlen, ihn einfach und beschreibend zu halten (z.B. &#8222;main-post-image&#8220;).<\/p>\n<p>Nachdem du dich um den Namen gek\u00fcmmert hast, musst du die Bildgr\u00f6\u00dfen selbst deklarieren. Der erste Zahlenwert ist die Bildbreite, der zweite die Bildh\u00f6he.<\/p>\n<p>Hier ist ein Screenshot, der unseren Beispielcode zeigt, der in der <strong>functions.php<\/strong> Datei hinzugef\u00fcgt wurde:<\/p>\n<figure style=\"width: 1136px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/add-custom-image-size-dimensions-functions-php.jpg\" alt=\"Hinzuf\u00fcgen von benutzerdefinierten Bildgr\u00f6\u00dfenabmessungen zur functions.php.\" width=\"1136\" height=\"600\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen von benutzerdefinierten Bildgr\u00f6\u00dfenabmessungen zur functions.php.<\/figcaption><\/figure>\n<h3>Cropping verstehen<\/h3>\n<p>Wenn ein Bild ohne Zuschneiden verkleinert wird, ist es nur eine verkleinerte Version des Originals. Wenn es jedoch &#8222;beschnitten&#8220; wird, wird der beschnittene Teil aus dem fertigen Bild entfernt.<\/p>\n<p>Es ist genau so, als w\u00fcrde man ein Bild physisch zuschneiden. Wenn du deine Schere zu einem Portr\u00e4t nimmst und alles unterhalb der Schultern der Person herausschneidest, hast du das Bild &#8222;beschnitten&#8220;. So funktioniert es auch digital.<\/p>\n<p>Das Ziel ist es, die Dateigr\u00f6\u00dfe eines Bildes zu reduzieren, da das Zuschneiden nicht die richtige Wahl ist. Du w\u00fcrdest Elemente entfernen, die du vielleicht behalten m\u00f6chtest, w\u00e4hrend du eine gro\u00dfe Dateigr\u00f6\u00dfe beibeh\u00e4ltst. Allerdings kann das Zuschneiden f\u00fcr Bilder sinnvoll sein, die perfekt in eine bestimmte Gr\u00f6\u00dfe passen m\u00fcssen, wie z.B. Featured Images oder Profilbilder.<\/p>\n<p>Die Hauptmotive k\u00f6nnen f\u00fcr so etwas wie <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-featured-image-wird-nicht-richtig-angezeigt\/\">Featured Images<\/a> zu klein werden. Sie sollten trotzdem die Belichtung bekommen, die sie brauchen, wenn sie ohne Beschneidung verkleinert werden. Finde also heraus, was f\u00fcr die verschiedenen Arten von Bildern, die du verwendest, am besten funktioniert und stelle die Zuschneidefunktion entsprechend ein.<\/p>\n<p>Wenn du benutzerdefinierte Bildgr\u00f6\u00dfen hinzuf\u00fcgst, kannst du WordPress dazu bringen, die Bilder automatisch zu beschneiden, basierend auf der von dir eingestellten Gr\u00f6\u00dfe und der Originalgr\u00f6\u00dfe. Dazu musst du &#8222;true&#8220; am Ende des Codes hinzuf\u00fcgen.<\/p>\n<p>Hier ist wieder unser obiges Beispiel mit aktivierter Beschneidungsfunktion.<\/p>\n<pre><code>add_image_size( 'name-for-your-custom-image', 800, 640, true );<\/code><\/pre>\n<p>Wenn du die Bilder nicht beschneiden willst, kannst du entweder &#8222;false&#8220; statt &#8222;true&#8220; eingeben oder beides weglassen. Wenn du keines von beiden einsetzt, wird der Code automatisch die Option &#8222;false&#8220; annehmen. Auf diese Weise wird WordPress deine Bilder nicht beschneiden.<\/p>\n<h2>Hinzuf\u00fcgen einer benutzerdefinierten Bildgr\u00f6\u00dfe zu deinem Theme<\/h2>\n<p>Nachdem du die benutzerdefinierten Bildgr\u00f6\u00dfen erstellt hast, die du brauchst, musst du auch den Code in deinem Theme aktualisieren. Dadurch wird dein Theme die benutzerdefinierten Bildgr\u00f6\u00dfen so anzeigen, wie du es dir w\u00fcnschst.<\/p>\n<p>Wenn du ein absoluter Anf\u00e4nger bei der <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">Bearbeitung von Code<\/a> bist, erstelle bitte ein Backup deiner Seite, bevor du dies durchf\u00fchrst.<\/p>\n<p>Nun musst du deine Theme Datei in der Post Loop finden und den folgenden Code hinzuf\u00fcgen:<\/p>\n<pre><code>the_post_thumbnail( 'your-specified-image-size' );<\/code><\/pre>\n<p>Um diese Datei zu finden, klicke auf den <strong>Theme Editor<\/strong> unter der <strong>Darstellung<\/strong> (Appearance). Suche hier nach der Datei <strong>index.php<\/strong> &#8211; das ist die Theme-Datei, in der sich die Beitragsschleife befindet, die du bearbeiten musst.<\/p>\n<p>Sobald du sie gefunden hast, f\u00fcgst du den oben erw\u00e4hnten Code ein, wie im Bild unten zu sehen:<\/p>\n<figure id=\"attachment_96959\" aria-describedby=\"caption-attachment-96959\" style=\"width: 1156px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-96959 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/add-custom-image-size-function-index-php-1.jpg\" alt=\"Hinzuf\u00fcgen des Hooks f\u00fcr benutzerdefinierte Bildgr\u00f6\u00dfen zur functions.php.\" width=\"1156\" height=\"598\"><figcaption id=\"caption-attachment-96959\" class=\"wp-caption-text\">Hinzuf\u00fcgen des Hooks f\u00fcr benutzerdefinierte Bildgr\u00f6\u00dfen zur functions.php.<\/figcaption><\/figure>\n<p>Auch hier w\u00e4re es am besten, wenn du den Teil &#8222;new-homepage-feature&#8220; durch den Namen der benutzerdefinierten Bildgr\u00f6\u00dfe ersetzt, die du erstellt hast.<\/p>\n<p>Sobald du diesen Code hinzugef\u00fcgt und die Datei aktualisiert hast, wirst du die benutzerdefinierte Bildgr\u00f6\u00dfe in deiner Mediathek sehen. Lade ein neues Bild hoch, um es auszuprobieren.<\/p>\n<h2>Alte Thumbnails aktualisieren<\/h2>\n<p>W\u00e4hrend sich das Erstellen und Hinzuf\u00fcgen von benutzerdefinierten Bildgr\u00f6\u00dfen gro\u00dfartig anf\u00fchlt, l\u00e4sst es dich mit einer anderen offenen Aufgabe zur\u00fcck: Was ist mit all den alten Bildern, die du bereits hochgeladen hast?<\/p>\n<p>Mach dir dar\u00fcber keine Sorgen &#8211; einige <a href=\"https:\/\/kinsta.com\/de\/thema\/wordpress-plugins\/\">gro\u00dfartige WordPress Plugins<\/a> sind f\u00fcr diese Aufgabe sehr n\u00fctzlich! Lass uns sehen, wie sie dir helfen k\u00f6nnen, dich um deine alten Thumbnails zu k\u00fcmmern.<\/p>\n<h3>Regenerate Thumbnails Plugin<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/thumbnails-regenerieren\/#how-to-regenerate-thumbnails-in-wordpress\">Regenerate Thumbnails<\/a> erm\u00f6glicht es dir, die Bilder automatisch in den neuen Gr\u00f6\u00dfen neu hochzuladen, einschlie\u00dflich aller benutzerdefinierten Bildgr\u00f6\u00dfen, die du hinzugef\u00fcgt hast.<\/p>\n<p>Um es zu installieren, fahre mit der Maus \u00fcber den Men\u00fcpunkt <strong>Plugins<\/strong> und klicke auf <strong>Neu hinzuf\u00fcgen<\/strong>. Gib dann &#8222;Regenerate Thumbnails&#8220; in das Suchfeld ein.<\/p>\n<p>Installiere das Regenerate Thumbnails Plugin, indem du auf den<strong> Install Now<\/strong> Button klickst.<\/p>\n<figure style=\"width: 1158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/install-regenerate-thumbnails-plugin.jpg\" alt=\"Installiere das Regenerate Thumbnails Plugin.\" width=\"1158\" height=\"626\"><figcaption class=\"wp-caption-text\">Installiere das Regenerate Thumbnails Plugin.<\/figcaption><\/figure>\n<p>Nachdem die Installation abgeschlossen ist, klicke auf die Schaltfl\u00e4che <strong>Aktivieren<\/strong>, um es zu benutzen.<\/p>\n<p>Als N\u00e4chstes fahre mit dem Mauszeiger \u00fcber das Men\u00fc <strong>Werkzeuge<\/strong> auf der linken Seite und klicke auf <strong>Thumbnails neu generieren<\/strong>:<\/p>\n<figure style=\"width: 1181px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/image4.png\" alt=\"Die Einstellungsseite f\u00fcr das Regenerate Thumbnails Plugin.\" width=\"1181\" height=\"620\"><figcaption class=\"wp-caption-text\">Die Einstellungsseite f\u00fcr das Regenerate Thumbnails Plugin.<\/figcaption><\/figure>\n<p>Du kannst auf <strong>Thumbnails f\u00fcr alle [#] Anh\u00e4nge neu generieren<\/strong> klicken, um auch f\u00fcr alle deine alten Bilder neue Bildgr\u00f6\u00dfen zu erzeugen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Sei vorsichtig, wenn du das Kontrollk\u00e4stchen zum L\u00f6schen der Thumbnails f\u00fcr deine alten, nicht registrierten Gr\u00f6\u00dfen aktivierst, da du am Ende kaputte Bilder auf deiner Seite haben kannst, wenn sie immer noch alte Bilder von Gr\u00f6\u00dfen hat, die du nicht mehr benutzt.<\/p>\n<\/aside>\n\n<p>Wie du auf dem Bild oben sehen kannst, listet Regenerate Thumbnails auch alle Bildgr\u00f6\u00dfen auf, die derzeit auf deiner Seite aktiv sind.<\/p>\n<p>Vielleicht findest du einige Bildgr\u00f6\u00dfen, die du noch nicht kanntest. Oft werden diese von Plugins erstellt, vor allem wenn sie das Aussehen, das Design oder die Funktionalit\u00e4t deiner Seite verbessern sollen.<\/p>\n<h2>Verwendung des in WordPress integrierten Editors f\u00fcr die Bildgr\u00f6\u00dfe<\/h2>\n<p>Wie wir bereits betont haben, solltest du nur Bildgr\u00f6\u00dfen erstellen, die du h\u00e4ufig verwenden wirst. F\u00fcr Bildgr\u00f6\u00dfen, die du nur selten verwendest, ist es sinnvoll, die Bildgr\u00f6\u00dfen manuell mit dem in WordPress integrierten Editor f\u00fcr Bildgr\u00f6\u00dfen zu bearbeiten.<\/p>\n<p>Wir erkl\u00e4ren dir kurz, wie du den eingebauten Editor nutzen kannst, um Bildgr\u00f6\u00dfen schnell und einfach zu bearbeiten.<\/p>\n<p>Zuerst klickst du auf das Men\u00fc <strong>Medien<\/strong>, um zur Medienbibliothek zu gelangen. Als n\u00e4chstes klickst du auf das Bild, dessen Gr\u00f6\u00dfe du anpassen m\u00f6chtest.<\/p>\n<p>Klicke dann auf die Schaltfl\u00e4che <strong>Bild bearbeiten<\/strong> direkt unter dem Bild:<\/p>\n<figure style=\"width: 1092px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/edit-image-wordpress-media-library.jpg\" alt=\"Die Schaltfl\u00e4che Bild bearbeiten.\" width=\"1092\" height=\"594\"><figcaption class=\"wp-caption-text\">Die Schaltfl\u00e4che Bild bearbeiten.<\/figcaption><\/figure>\n<p>Du siehst die aktuelle Bildgr\u00f6\u00dfe und kannst sie hier anpassen. Gib einfach die gew\u00fcnschte Bildgr\u00f6\u00dfe ein und klicke dann auf den Button <strong>Skalieren<\/strong>, und schon kannst du loslegen.<\/p>\n<figure style=\"width: 1090px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/edit-image-dimensions-media-library.jpg\" alt=\"Bearbeite die Bildabmessungen.\" width=\"1090\" height=\"593\"><figcaption class=\"wp-caption-text\">Bearbeite die Bildabmessungen.<\/figcaption><\/figure>\n<p>Die Gr\u00f6\u00dfenanpassung wird automatisch gespeichert, sobald du auf <strong>Skalieren<\/strong> klickst. Wenn dir die neue Bildgr\u00f6\u00dfe aus irgendeinem Grund nicht gef\u00e4llt, kannst du mit der Option <strong>Originalbild wiederherstellen<\/strong> (direkt unter dem Feld f\u00fcr die Bildgr\u00f6\u00dfe) jederzeit zur urspr\u00fcnglichen Gr\u00f6\u00dfe zur\u00fcckkehren.<\/p>\n<h2>Bearbeiten von Bildern in WordPress Gutenberg<\/h2>\n<p>Wenn du <a href=\"https:\/\/kinsta.com\/de\/blog\/gutenberg-wordpress-editor\/\">Gutenberg<\/a> verwendest, kannst du die Bildgr\u00f6\u00dfe deiner Bilder schnell bearbeiten, wenn du sie w\u00e4hrend der Erstellung eines Beitrags hinzuf\u00fcgst.<\/p>\n<figure style=\"width: 1155px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/edit-image-size-gutenberg-editor.jpg\" alt=\"\u00c4ndern der Bildgr\u00f6\u00dfe \u00fcber Gutenberg.\" width=\"1155\" height=\"662\"><figcaption class=\"wp-caption-text\">\u00c4ndern der Bildgr\u00f6\u00dfe \u00fcber Gutenberg.<\/figcaption><\/figure>\n<p>Wie du im Bild oben sehen kannst, kannst du beim Hochladen eines Bildes beim Erstellen eines Beitrags in Gutenberg die vorhandenen Bildgr\u00f6\u00dfen ausw\u00e4hlen oder die Bildgr\u00f6\u00dfe direkt in der Beitragsoption \u00e4ndern.<\/p>\n<p>Wenn du deine neuen benutzerdefinierten <strong>Bildgr\u00f6\u00dfen<\/strong> zu deiner Theme-Datei hinzugef\u00fcgt hast, findest du sie alle im Dropdown-Men\u00fc Bildgr\u00f6\u00dfe.<\/p>\n<p>Du kannst die Bildgr\u00f6\u00dfe auch \u00fcber das Feld direkt darunter \u00e4ndern. Alles was du tun musst, ist die gew\u00fcnschte Gr\u00f6\u00dfe in die Felder einzugeben und das Bild wird automatisch an deine neuen Spezifikationen angepasst.<\/p>\n<h2>Optimiere deine Bilder<\/h2>\n<p>Kein bildbezogener Leitfaden ist jemals vollst\u00e4ndig ohne eine Erw\u00e4hnung der Bildoptimierung. Obwohl wir die <a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/\">Optimierung von Bildern bereits ausf\u00fchrlich besprochen haben<\/a>, k\u00f6nnen ein paar kurze Tipps nicht schaden.<\/p>\n<p>Wenn du benutzerdefinierte Bildgr\u00f6\u00dfen hinzuf\u00fcgst, musst du wissen, wie du deine Bilder optimierst, um sicherzustellen, dass sie die Performance deiner Seite nicht beeintr\u00e4chtigen oder mehr Server-Ressourcen verbrauchen, als sie m\u00fcssen.<\/p>\n<p>Hier sind ein paar schnelle Tipps, die dir helfen, mit der Bildoptimierung zu beginnen.<\/p>\n<h3>Entscheide dich f\u00fcr den Dateityp<\/h3>\n<p>Die Wahl des richtigen Dateityps f\u00fcr deine Bilder kann deren Gr\u00f6\u00dfe erheblich reduzieren. Es gibt zwar viele <a href=\"https:\/\/kinsta.com\/de\/blog\/bilddateitypen\/\">verschiedene Arten von Bilddateien<\/a>, aber die gro\u00dfe Mehrheit sind entweder <a href=\"https:\/\/kinsta.com\/de\/blog\/jpg-vs-jpeg\/\">JPEG oder PNG<\/a>.<\/p>\n<p>JPEG gewinnt, wenn es um farbige Bilder geht. Au\u00dferdem kannst du JPEG-Dateien weiter komprimieren, um ihre Dateigr\u00f6\u00dfe zu verringern, wobei die Qualit\u00e4t nur geringf\u00fcgig abnimmt (wenn du es richtig machst).<\/p>\n<p>Auf der anderen Seite ist PNG normalerweise die bessere Option f\u00fcr Zeichnungen, Text, die meisten Screenshots und Grafiken.<\/p>\n<h3>\u00c4ndern der Bildgr\u00f6\u00dfe<\/h3>\n<p>Die Gr\u00f6\u00dfen\u00e4nderung von Bildern ist ein schneller und einfacher Weg, um die Dateigr\u00f6\u00dfe deiner Bilder zu reduzieren. Als Faustregel solltest du sicherstellen, dass alle Bilder auf deiner Seite nur so gro\u00df sind, wie sie sein m\u00fcssen.<\/p>\n<p>Wenn die maximale Breite deiner Webseite 1200px betr\u00e4gt, macht es keinen Sinn, ein einziges Bild auf deiner Seite zu haben, das breiter ist als diese 1200px.<\/p>\n<p>Wir haben bereits erw\u00e4hnt, dass es wichtig ist, keine neuen benutzerdefinierten Bildgr\u00f6\u00dfen zu erstellen, es sei denn, du musst es tun, also denke auch daran.<\/p>\n<h3>Nutze die verlustbehaftete Komprimierung<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\">Verlustbehaftete Komprimierung<\/a> ist eine gro\u00dfartige M\u00f6glichkeit, die Dateigr\u00f6\u00dfe weiter zu reduzieren, nachdem du deine Bilder bereits mit anderen Methoden optimiert hast.<\/p>\n<p>Es bedeutet, dass einige Bilddaten entfernt werden, die keinen gro\u00dfen Unterschied in der Bildqualit\u00e4t machen, aber die Dateigr\u00f6\u00dfe erheblich reduzieren k\u00f6nnen.<\/p>\n<h3>Lazy Loading verwenden<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-lazy-load\/\">Lazy Loading<\/a> hilft dir, das Laden von Bildern auf den Seiten deiner Website zu priorisieren. Es l\u00e4dt die Bilder im Takt mit dem Scrollen des Besuchers auf der Seite. Das bedeutet, dass die Bilder ganz oben sofort geladen werden, aber alles unterhalb des Falzes wird nicht geladen, bis der Nutzer \u00fcber den Falz hinaus scrollt.<\/p>\n<p>Es gibt noch mehr dazu, aber das findest du alles in unserem <a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/\">Leitfaden zur Bildoptimierung<\/a>, also lass uns stattdessen direkt zu einigen Plugins zur Bildoptimierung springen, die du verwenden kannst.<\/p>\n<h2>Bildbearbeitungs-Plugins f\u00fcr WordPress<\/h2>\n<p>Das Sch\u00f6ne an der Verwendung dieser Plugins ist, dass du mit nur wenigen Klicks eine fortgeschrittene Bildoptimierung durchf\u00fchren kannst, ohne dich mit irgendwelchen fortgeschrittenen Tools oder Code herumschlagen zu m\u00fcssen. Au\u00dferdem sind die meisten dieser Plugins kostenlos, vor allem wenn du eine bestimmte Anzahl von Bildern optimierst oder einige grundlegende Optimierungsfunktionen nutzt.<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a>: Beeindruckend angepasster Komprimierungsgrad und andere Bildoptimierungsfunktionen<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/kraken-image-optimizer\/\">Kraken<\/a>: N\u00fctzliches Plugin zur verlustfreien Komprimierung, aber nur, wenn du die Premium-Version kaufst<\/li>\n<li><a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a>: Unterst\u00fctzt <a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-vs-verlustfreie\/\">verlustbehaftete Komprimierung<\/a> und funktioniert mit einer Vielzahl von Bildtypen<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\">Optimole<\/a>: F\u00fcr CDN und Lazy Loading, was sehr effektive Wege sind, um deine Bilder zu optimieren<\/li>\n<\/ul>\n\n<h2>Zusammenfassung<\/h2>\n<p>Du wei\u00dft jetzt alles, was es \u00fcber WordPress-Bildgr\u00f6\u00dfen zu wissen gibt und wie du das Beste aus den Funktionen und Anpassungen, die WordPress in diesem Bereich bietet, herausholen kannst. Die <a href=\"https:\/\/kinsta.com\/de\/ebooks\/wordpress\/wordpress-beschleunigen\/\">Optimierung der Performance<\/a> und Funktionalit\u00e4t deiner Webseite sollte dir jetzt viel leichter fallen, da du nun wei\u00dft, wie du deine WordPress Bilder in- und auswendig handhaben kannst.<\/p>\n<p>Du kannst benutzerdefinierte Bildgr\u00f6\u00dfen erstellen und sie entweder direkt \u00fcber den Code deines Themes verwalten oder ein Plugin verwenden, das speziell f\u00fcr diese Aufgabe programmiert wurde. Vergiss nicht, deine alten Thumbnails zu aktualisieren, wenn du vorhast, ein Bild zu aktualisieren &#8211; ebenfalls eine einfache Aufgabe, dank der hilfreichen Plugins, die wir oben aufgelistet haben.<\/p>\n<p>Haben wir etwas ausgelassen? Hinterlasse unten einen Kommentar, wenn du Probleme hast, etwas \u00fcber WordPress Bildgr\u00f6\u00dfen zu verstehen!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress Bildgr\u00f6\u00dfen sind komplexer als du vielleicht erwartest. Es ist wichtig zu verstehen, wie Bildgr\u00f6\u00dfen in WordPress funktionieren, was die Standard-Bildgr\u00f6\u00dfen sind und wie man eigene &#8230;<\/p>\n","protected":false},"author":117,"featured_media":42103,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[399,162],"topic":[947,988,1012],"class_list":["post-42101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-images","tag-wordpresshelp","topic-bild-optimierung","topic-webdesign","topic-wordpress-website-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst<\/title>\n<meta name=\"description\" content=\"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst\" \/>\n<meta property=\"og:description\" content=\"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-10T07:07:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-03T14:38:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"18\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst\",\"datePublished\":\"2021-06-10T07:07:27+00:00\",\"dateModified\":\"2023-10-03T14:38:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\"},\"wordCount\":4424,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png\",\"keywords\":[\"images\",\"wordpresshelp\"],\"articleSection\":[\"Die besten WordPress Tutorials\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\",\"name\":\"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png\",\"datePublished\":\"2021-06-10T07:07:27+00:00\",\"dateModified\":\"2023-10-03T14:38:57+00:00\",\"description\":\"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png\",\"width\":1460,\"height\":730,\"caption\":\"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bild-Optimierung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/bild-optimierung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst","description":"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/","og_locale":"de_DE","og_type":"article","og_title":"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst","og_description":"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2021-06-10T07:07:27+00:00","article_modified_time":"2023-10-03T14:38:57+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Salman Ravoof","Gesch\u00e4tzte Lesezeit":"18\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst","datePublished":"2021-06-10T07:07:27+00:00","dateModified":"2023-10-03T14:38:57+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/"},"wordCount":4424,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png","keywords":["images","wordpresshelp"],"articleSection":["Die besten WordPress Tutorials"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/","name":"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png","datePublished":"2021-06-10T07:07:27+00:00","dateModified":"2023-10-03T14:38:57+00:00","description":"Erfahre alles \u00fcber WordPress Bildgr\u00f6\u00dfen und wie du sie nutzen kannst, um den visuellen Inhalt und die Grafiken deiner Webseite aufzupolieren.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/06\/wordpress-image-sizes_de.png","width":1460,"height":730,"caption":"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Bild-Optimierung","item":"https:\/\/kinsta.com\/de\/thema\/bild-optimierung\/"},{"@type":"ListItem","position":3,"name":"Alles, was du \u00fcber WordPress Bildgr\u00f6\u00dfen wissen musst"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/42101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=42101"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/42101\/revisions"}],"predecessor-version":[{"id":61709,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/42101\/revisions\/61709"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/translations\/se"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/42101\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/42103"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=42101"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=42101"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=42101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}