{"id":1083,"date":"2024-04-22T19:20:06","date_gmt":"2024-04-22T19:20:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1083"},"modified":"2024-11-11T12:11:04","modified_gmt":"2024-11-11T12:11:04","password":"","slug":"wie-man-die-bildgrose-andert","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/de\/docs\/how-to-change-image-size\/","title":{"rendered":"Change Image Size"},"content":{"rendered":"<p>Das \u00c4ndern der Bildgr\u00f6\u00dfe in WordPress bezieht sich auf das \u00c4ndern der Abmessungen eines Bildes. Nach dem Hochladen eines Bildes werden automatisch mehrere Gr\u00f6\u00dfen des Bildes erstellt, um sie f\u00fcr verschiedene Zwecke auf Ihrer Website zu verwenden.<\/p>\n\n\n\n<p>Diese Standardgr\u00f6\u00dfen entsprechen jedoch m\u00f6glicherweise nicht Ihren pers\u00f6nlichen Anforderungen. Wenn Sie also das Seitendesign und den Inhalt von Blogbeitr\u00e4gen gestalten, sollten Sie die Gr\u00f6\u00dfe der Bilder an Ihr gew\u00fcnschtes Layout anpassen.<\/p>\n\n\n\n<p>In diesem Artikel werden wir verschiedene Methoden zum \u00c4ndern der Bildgr\u00f6\u00dfe in WordPress untersuchen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methode eins: \u00c4ndern der Bildgr\u00f6\u00dfe mit dem Gutenberg-Editor<\/h2>\n\n\n\n<p>Beim Erstellen von Beitr\u00e4gen und Seiteninhalten mit dem Gutenberg-Editor k\u00f6nnen Sie die Bildgr\u00f6\u00dfe anpassen. So geht's:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: W\u00e4hlen Sie das Bild aus<\/h3>\n\n\n\n<p>W\u00e4hlen Sie das Bild im Editor aus, dessen Gr\u00f6\u00dfe Sie \u00e4ndern m\u00f6chten. <\/p>\n\n\n\n<p>Gehen Sie zum <strong>Registerkarte Einstellungen<\/strong> des Bildblocks in der rechten Seitenleiste. Sie sehen dann die <strong>Breite<\/strong> und <strong>H\u00f6henboxen<\/strong> unter der Registerkarte.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp\" alt=\"\u00c4ndern der Bildgr\u00f6\u00dfe in WordPress mit dem Gutenberg-Editor\" class=\"wp-image-1084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: Platzieren von Werten zur Gr\u00f6\u00dfen\u00e4nderung des Bildes<\/h3>\n\n\n\n<p><strong>Setzen Sie Ihre gew\u00fcnschten Werte<\/strong> im <strong>Breite<\/strong> und <strong>H\u00f6henboxen<\/strong>. Sie werden sehen, dass sich die Bildgr\u00f6\u00dfe entsprechend \u00e4ndert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp\" alt=\"\" class=\"wp-image-1085\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Update<\/strong> den Beitrag\/die Seite, um die \u00c4nderungen zu speichern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methode zwei: \u00c4ndern der Bildgr\u00f6\u00dfe \u00fcber die Medienbibliothek<\/h2>\n\n\n\n<p>Alle Mediendateien, die Sie in WordPress hochladen, werden in der Medienbibliothek gespeichert. Dort k\u00f6nnen Sie auch die Gr\u00f6\u00dfe der Bilder individuell anpassen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: Gehen Sie zur WordPress-Medienbibliothek<\/h3>\n\n\n\n<p>Gehen Sie zum <strong>Mediathek<\/strong> und w\u00e4hlen Sie das Bild, dessen Gr\u00f6\u00dfe Sie \u00e4ndern m\u00f6chten.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp\" alt=\"\u00c4ndern der Bildgr\u00f6\u00dfe in der Medienbibliothek\" class=\"wp-image-1086\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Das ausgew\u00e4hlte Bild wird in einem neuen Fenster ge\u00f6ffnet. Klicken Sie auf das <strong>Schaltfl\u00e4che Bild bearbeiten<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp\" alt=\"Bild in der WordPress-Mediathek bearbeiten\" class=\"wp-image-1087\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: Zuschneiden des Bildes<\/h3>\n\n\n\n<p>Klicken Sie auf die <strong>Schaltfl\u00e4che \"Zuschneiden<\/strong>. Sie k\u00f6nnen den zuzuschneidenden Bereich des Bildes manuell ausw\u00e4hlen. Dr\u00fccken Sie die <strong>Schaltfl\u00e4che Beschnitt anwenden<\/strong> endlich.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp\" alt=\"Zuschneiden des Bildes\" class=\"wp-image-1088\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Speichern Sie die \u00c4nderungen<\/strong> am Ende.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methode 3: Medieneinstellungen f\u00fcr verschiedene Bildgr\u00f6\u00dfen festlegen<\/h2>\n\n\n\n<p>Sobald Sie Ihre bevorzugten Bildgr\u00f6\u00dfen festgelegt haben, wird jedes Bild, das Sie in WordPress hochladen, automatisch f\u00fcr diese Gr\u00f6\u00dfen optimiert. Sie m\u00fcssen die Gr\u00f6\u00dfe nicht mehr einzeln anpassen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: Gehen Sie zu den Medieneinstellungen<\/h3>\n\n\n\n<p>Gehe zu <strong>Einstellungen &gt; Medien<\/strong> von Ihrem WordPress-Dashboard aus.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp\" alt=\"Gehen Sie zu den Medieneinstellungen in WordPress\" class=\"wp-image-1089\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Setzen Sie die gew\u00fcnschten Werte je nach Bildtyp in die entsprechenden Felder f\u00fcr Breite und H\u00f6he. Dr\u00fccken Sie die <strong>\u00c4nderungen speichern<\/strong> Schaltfl\u00e4che am Ende.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp\" alt=\"Medieneinstellungen f\u00fcr verschiedene Bildgr\u00f6\u00dfen festlegen\" class=\"wp-image-1090\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>So k\u00f6nnen Sie die Bildgr\u00f6\u00dfen auf Ihrer WordPress-Website auf verschiedene Weise \u00e4ndern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schlussfolgerung<\/h2>\n\n\n\n<p>Die M\u00f6glichkeit, die Bildgr\u00f6\u00dfe zu \u00e4ndern, ist eine wichtige F\u00e4higkeit f\u00fcr jeden WordPress-Benutzer. Egal, ob Sie ein Webdesigner oder ein Inhaltsersteller sind, Sie m\u00fcssen dies wissen, um die Qualit\u00e4t Ihres Designs und Ihrer Inhaltserstellung zu verbessern.<\/p>\n\n\n\n<p>Denken Sie jedoch daran, alle Bilder zu komprimieren und ein Seitenverh\u00e4ltnis festzulegen, bevor Sie die Bilder hochladen. So bleibt die visuelle Integrit\u00e4t Ihrer Bilder erhalten, w\u00e4hrend Ihre Website schnell und schlank bleibt.<\/p>","protected":false},"excerpt":{"rendered":"<p>Changing the image size in WordPress refers to modifying the dimensions of an image. After uploading an image, it automatically creates several sizes of the image to serve them for different purposes on your site. But these default sizes may not meet your personal needs. So when curating page design and blog post content, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[126],"doc_tag":[53,52],"class_list":["post-1083","docs","type-docs","status-publish","hentry","doc_category-functionality-controls","doc_tag-change-image-size","doc_tag-image-size"],"year_month":"2026-04","word_count":436,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality &amp; Controls","term_url":"https:\/\/tableberg.com\/de\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Change Image Size","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/change-image-size\/"},{"term_name":"Image Size","term_url":"https:\/\/tableberg.com\/de\/docs-tag\/image-size\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1083\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/1083\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_category?post=1083"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}