{"id":21718,"date":"2022-09-11T10:59:00","date_gmt":"2022-09-11T08:59:00","guid":{"rendered":"https:\/\/wp-web.design\/?p=21718"},"modified":"2025-10-21T21:04:52","modified_gmt":"2025-10-21T19:04:52","slug":"edit-images-before-uploading-to-wordpress","status":"publish","type":"blog","link":"https:\/\/netzwerk.design\/en\/blog\/bilder-bearbeiten-vor-upload-in-wordpress\/","title":{"rendered":"How do I edit images before uploading them to the WordPress media library?"},"content":{"rendered":"<p class=\"gb-text\">If you want to include images on your website, you must <span style=\"text-decoration: underline;\">before the upload<\/span> into the WordPress media centre. Minimal editing includes scaling to the required resolution and compression using a compression tool. Editing for image enhancement may be necessary beforehand. Why is this important?<\/p>\n\n\n\n<div class=\"gb-element-5959320a\">\n<h2 id=\"wie-sie-bilder-fur-die-verwendung-auf-ihrer-website-vorbereiten\" class=\"gb-text-0ed83cd2\"><span class=\"gb-shape\"><svg viewbox=\"0 0 392.33 248.83\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M195.2,241.76a99.24,99.24,0,1,1,99.24-99.24A99.35,99.35,0,0,1,195.2,241.76Zm0-188.48a89.24,89.24,0,1,0,89.24,89.24A89.34,89.34,0,0,0,195.2,53.28Z\"><\/path><path fill=\"currentColor\" d=\"M125.29,145h0a2.5,2.5,0,0,1-2.46-2.54c.55-35,24.43-65.53,56.79-72.53a2.5,2.5,0,1,1,1,4.89c-30.11,6.51-52.33,35-52.84,67.72A2.5,2.5,0,0,1,125.29,145Z\"><\/path><path fill=\"currentColor\" d=\"M110,248.83H18.56A18.59,18.59,0,0,1,0,230.27V207.92a5,5,0,0,1,10,0v22.35a8.57,8.57,0,0,0,8.56,8.56H110a5,5,0,0,1,0,10Z\"><\/path><path fill=\"currentColor\" d=\"M373.76,248.83H282.29a5,5,0,0,1,0-10h91.47a8.57,8.57,0,0,0,8.57-8.56V207.92a5,5,0,0,1,10,0v22.35A18.59,18.59,0,0,1,373.76,248.83Z\"><\/path><path fill=\"currentColor\" d=\"M5,66.25a5,5,0,0,1-5-5V38.89A18.59,18.59,0,0,1,18.56,20.33H24.9l1.52-6.44A6.29,6.29,0,0,1,32.56,9l38.51-.1h0a6.28,6.28,0,0,1,6.23,5.29l1,6.12H130a5,5,0,0,1,0,10H74.09a5,5,0,0,1-4.93-4.19L68,18.92,35.49,19l-1.76,7.47a5,5,0,0,1-4.87,3.85H18.56A8.57,8.57,0,0,0,10,38.89V61.25A5,5,0,0,1,5,66.25Z\"><\/path><path fill=\"currentColor\" d=\"M387.33,41.25a5,5,0,0,1-5-5V16.8c0-3.75-3.84-6.8-8.57-6.8H146.15l-2.8.07c-1.08,0-2.17,0-2.92.1-.18.5-.4,1.16-.61,1.78-.25.77-.54,1.65-.9,2.67l-4.15,12.31a5,5,0,1,1-9.47-3.2l4.16-12.37c.36-1,.63-1.83.87-2.56,2.54-7.68,4.84-8.56,12.8-8.73.82,0,1.74,0,2.78-.07H373.76C384,0,392.33,7.54,392.33,16.8V36.25A5,5,0,0,1,387.33,41.25Z\"><\/path><path fill=\"currentColor\" d=\"M362.14,75.36H320.55a7.09,7.09,0,0,1-7.13-7L312.64,37a2.5,2.5,0,0,1,5-.12l.77,31.38a2.13,2.13,0,0,0,2.14,2.09h41.59a2.5,2.5,0,0,1,0,5Z\"><\/path><\/svg><\/span><span class=\"gb-text\">How to prepare images for use on your website<\/span><\/h2>\n\n\n\n<p class=\"gb-text gb-text-5012e988\">The loading time of a website is an important criterion for the ranking of the page in search engines such as Google. In addition to many other factors, the size of the images and graphics used has a particularly strong impact on this and is a first major lever for significantly reducing the loading time of a website. After all, if a page takes longer than 3 seconds to load, many users will have already left before they have seen your content.<\/p>\n\n\n\n<p class=\"gb-text gb-text-ac1fce25\">So if you still have unscaled or uncompressed images in your WordPress media library, it's worth revising and re-uploading them. I have summarised my own workflow for preparing images for websites for you below.<\/p>\n<\/div>\n\n\n\n<h2 id=\"kurzanleitung-workflow-bildbearbeitung-vor-dem-upload\" class=\"gb-text-ddf9e247\"><span class=\"gb-shape\"><svg viewbox=\"0 0 392.33 248.83\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M195.2,241.76a99.24,99.24,0,1,1,99.24-99.24A99.35,99.35,0,0,1,195.2,241.76Zm0-188.48a89.24,89.24,0,1,0,89.24,89.24A89.34,89.34,0,0,0,195.2,53.28Z\"><\/path><path fill=\"currentColor\" d=\"M125.29,145h0a2.5,2.5,0,0,1-2.46-2.54c.55-35,24.43-65.53,56.79-72.53a2.5,2.5,0,1,1,1,4.89c-30.11,6.51-52.33,35-52.84,67.72A2.5,2.5,0,0,1,125.29,145Z\"><\/path><path fill=\"currentColor\" d=\"M110,248.83H18.56A18.59,18.59,0,0,1,0,230.27V207.92a5,5,0,0,1,10,0v22.35a8.57,8.57,0,0,0,8.56,8.56H110a5,5,0,0,1,0,10Z\"><\/path><path fill=\"currentColor\" d=\"M373.76,248.83H282.29a5,5,0,0,1,0-10h91.47a8.57,8.57,0,0,0,8.57-8.56V207.92a5,5,0,0,1,10,0v22.35A18.59,18.59,0,0,1,373.76,248.83Z\"><\/path><path fill=\"currentColor\" d=\"M5,66.25a5,5,0,0,1-5-5V38.89A18.59,18.59,0,0,1,18.56,20.33H24.9l1.52-6.44A6.29,6.29,0,0,1,32.56,9l38.51-.1h0a6.28,6.28,0,0,1,6.23,5.29l1,6.12H130a5,5,0,0,1,0,10H74.09a5,5,0,0,1-4.93-4.19L68,18.92,35.49,19l-1.76,7.47a5,5,0,0,1-4.87,3.85H18.56A8.57,8.57,0,0,0,10,38.89V61.25A5,5,0,0,1,5,66.25Z\"><\/path><path fill=\"currentColor\" d=\"M387.33,41.25a5,5,0,0,1-5-5V16.8c0-3.75-3.84-6.8-8.57-6.8H146.15l-2.8.07c-1.08,0-2.17,0-2.92.1-.18.5-.4,1.16-.61,1.78-.25.77-.54,1.65-.9,2.67l-4.15,12.31a5,5,0,1,1-9.47-3.2l4.16-12.37c.36-1,.63-1.83.87-2.56,2.54-7.68,4.84-8.56,12.8-8.73.82,0,1.74,0,2.78-.07H373.76C384,0,392.33,7.54,392.33,16.8V36.25A5,5,0,0,1,387.33,41.25Z\"><\/path><path fill=\"currentColor\" d=\"M362.14,75.36H320.55a7.09,7.09,0,0,1-7.13-7L312.64,37a2.5,2.5,0,0,1,5-.12l.77,31.38a2.13,2.13,0,0,0,2.14,2.09h41.59a2.5,2.5,0,0,1,0,5Z\"><\/path><\/svg><\/span><span class=\"gb-text\">Quick guide: Workflow image processing before uploading<\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Editing, cropping and scaling images (e.g. with Adobe Photoshop)<\/li>\n\n\n\n<li>Resolution panorama images: e.g. 2000 x height (narrow: e.g. 700, fullscreen: e.g. 1333) px<\/li>\n\n\n\n<li>Resolution of post images: e.g. 1200 x 800 px (3:2)<\/li>\n\n\n\n<li>File name e.g. post images: Originalname_1200x800.jpg<\/li>\n\n\n\n<li>Compress the scaled image and convert it to the new image format .webp, e.g. with the online app Squoosh.<br>Image size reduction between 50-80%! After that, post images should be &lt; 100 kb, narrow panorama images &lt; 200 kb.<\/li>\n\n\n\n<li>The compressed file is then called Originalname_1200x800.webp<\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\">Afterwards<\/span>&nbsp;upload to the WordPress media library<\/li>\n\n\n\n<li>Important: In the media library, select the field <em>Alternative text<\/em> with What to see? + SEO keyword and the field <em>Labelling<\/em> with the author's details.<\/li>\n<\/ul>\n\n\n\n<p class=\"gb-text-4e1f99df\"><span class=\"gb-shape\"><svg viewbox=\"0 0 20 20\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4.5 3A1.5 1.5 0 0 0 3 4.5v6A1.5 1.5 0 0 0 4.5 12H6v1H4.5A2.5 2.5 0 0 1 2 10.5v-6A2.5 2.5 0 0 1 4.5 2h6A2.5 2.5 0 0 1 13 4.5v6a2.5 2.5 0 0 1-2.5 2.5H9v-1h1.5a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 10.5 3zm5 4H11v1H9.5A1.5 1.5 0 0 0 8 9.5v6A1.5 1.5 0 0 0 9.5 17h6a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 15.5 8H14V7h1.5A2.5 2.5 0 0 1 18 9.5v6a2.5 2.5 0 0 1-2.5 2.5h-6A2.5 2.5 0 0 1 7 15.5v-6A2.5 2.5 0 0 1 9.5 7\" fill=\"currentColor\"><\/path><\/svg><\/span><span class=\"gb-text\">Spuoosh online image compression:\u00a0<a href=\"https:\/\/squoosh.app\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/squoosh.app<\/a><\/span><\/p>\n\n\n\n<p class=\"gb-text gb-text-c1e9dc05\">In detail:<\/p>\n\n\n\n<h2 id=\"bild-bearbeiten-zuschneiden-skalieren\" class=\"gb-text-22d5d3ea\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 392.33 248.83\"><path d=\"M195.2,241.76a99.24,99.24,0,1,1,99.24-99.24A99.35,99.35,0,0,1,195.2,241.76Zm0-188.48a89.24,89.24,0,1,0,89.24,89.24A89.34,89.34,0,0,0,195.2,53.28Z\"><\/path><path d=\"M125.29,145h0a2.5,2.5,0,0,1-2.46-2.54c.55-35,24.43-65.53,56.79-72.53a2.5,2.5,0,1,1,1,4.89c-30.11,6.51-52.33,35-52.84,67.72A2.5,2.5,0,0,1,125.29,145Z\"><\/path><path d=\"M110,248.83H18.56A18.59,18.59,0,0,1,0,230.27V207.92a5,5,0,0,1,10,0v22.35a8.57,8.57,0,0,0,8.56,8.56H110a5,5,0,0,1,0,10Z\"><\/path><path d=\"M373.76,248.83H282.29a5,5,0,0,1,0-10h91.47a8.57,8.57,0,0,0,8.57-8.56V207.92a5,5,0,0,1,10,0v22.35A18.59,18.59,0,0,1,373.76,248.83Z\"><\/path><path d=\"M5,66.25a5,5,0,0,1-5-5V38.89A18.59,18.59,0,0,1,18.56,20.33H24.9l1.52-6.44A6.29,6.29,0,0,1,32.56,9l38.51-.1h0a6.28,6.28,0,0,1,6.23,5.29l1,6.12H130a5,5,0,0,1,0,10H74.09a5,5,0,0,1-4.93-4.19L68,18.92,35.49,19l-1.76,7.47a5,5,0,0,1-4.87,3.85H18.56A8.57,8.57,0,0,0,10,38.89V61.25A5,5,0,0,1,5,66.25Z\"><\/path><path d=\"M387.33,41.25a5,5,0,0,1-5-5V16.8c0-3.75-3.84-6.8-8.57-6.8H146.15l-2.8.07c-1.08,0-2.17,0-2.92.1-.18.5-.4,1.16-.61,1.78-.25.77-.54,1.65-.9,2.67l-4.15,12.31a5,5,0,1,1-9.47-3.2l4.16-12.37c.36-1,.63-1.83.87-2.56,2.54-7.68,4.84-8.56,12.8-8.73.82,0,1.74,0,2.78-.07H373.76C384,0,392.33,7.54,392.33,16.8V36.25A5,5,0,0,1,387.33,41.25Z\"><\/path><path d=\"M362.14,75.36H320.55a7.09,7.09,0,0,1-7.13-7L312.64,37a2.5,2.5,0,0,1,5-.12l.77,31.38a2.13,2.13,0,0,0,2.14,2.09h41.59a2.5,2.5,0,0,1,0,5Z\"><\/path><\/svg><\/span><span class=\"gb-text\">Edit, crop, scale image<\/span><\/h2>\n\n\n\n<p class=\"gb-text\">It does not matter which image editing program you use, most programs can do standard editing such as brightness, contrast and colour adjustments as well as cropping if you only want to use a section of the image and then scaling to the required resolution. Camera images have a size of around 10 MB as a .jpg with a camera resolution of around 6000\u00d74000 px (3:2).<\/p>\n\n\n\n<p class=\"gb-text\">You do not need these high resolutions for a website and can therefore downscale the file without hesitation. The above resolutions are suggestions and may differ for your website. I usually use 2000\u00d7700 px for panorama images, 1200\u00d7800 px for post images (see above).<\/p>\n\n\n\n<p class=\"gb-text\">Save your edited image file under a new name (keep the original unchanged) and select a quality level of 80-90 %. <\/p>\n\n\n\n<p class=\"gb-text\">A file name with reference to the original file has many advantages later on. I therefore recommend something like Originalname_1200x800.jpg. A post image of this resolution should now have a size of 200-400 kB, depending on the subject.<\/p>\n\n\n\n<p class=\"gb-text\">Collect all your website images in a corresponding project folder.<\/p>\n\n\n\n<h2 id=\"bild-komprimieren\" class=\"gb-text-df77d2fd\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 392.33 248.83\"><path d=\"M195.2,241.76a99.24,99.24,0,1,1,99.24-99.24A99.35,99.35,0,0,1,195.2,241.76Zm0-188.48a89.24,89.24,0,1,0,89.24,89.24A89.34,89.34,0,0,0,195.2,53.28Z\"><\/path><path d=\"M125.29,145h0a2.5,2.5,0,0,1-2.46-2.54c.55-35,24.43-65.53,56.79-72.53a2.5,2.5,0,1,1,1,4.89c-30.11,6.51-52.33,35-52.84,67.72A2.5,2.5,0,0,1,125.29,145Z\"><\/path><path d=\"M110,248.83H18.56A18.59,18.59,0,0,1,0,230.27V207.92a5,5,0,0,1,10,0v22.35a8.57,8.57,0,0,0,8.56,8.56H110a5,5,0,0,1,0,10Z\"><\/path><path d=\"M373.76,248.83H282.29a5,5,0,0,1,0-10h91.47a8.57,8.57,0,0,0,8.57-8.56V207.92a5,5,0,0,1,10,0v22.35A18.59,18.59,0,0,1,373.76,248.83Z\"><\/path><path d=\"M5,66.25a5,5,0,0,1-5-5V38.89A18.59,18.59,0,0,1,18.56,20.33H24.9l1.52-6.44A6.29,6.29,0,0,1,32.56,9l38.51-.1h0a6.28,6.28,0,0,1,6.23,5.29l1,6.12H130a5,5,0,0,1,0,10H74.09a5,5,0,0,1-4.93-4.19L68,18.92,35.49,19l-1.76,7.47a5,5,0,0,1-4.87,3.85H18.56A8.57,8.57,0,0,0,10,38.89V61.25A5,5,0,0,1,5,66.25Z\"><\/path><path d=\"M387.33,41.25a5,5,0,0,1-5-5V16.8c0-3.75-3.84-6.8-8.57-6.8H146.15l-2.8.07c-1.08,0-2.17,0-2.92.1-.18.5-.4,1.16-.61,1.78-.25.77-.54,1.65-.9,2.67l-4.15,12.31a5,5,0,1,1-9.47-3.2l4.16-12.37c.36-1,.63-1.83.87-2.56,2.54-7.68,4.84-8.56,12.8-8.73.82,0,1.74,0,2.78-.07H373.76C384,0,392.33,7.54,392.33,16.8V36.25A5,5,0,0,1,387.33,41.25Z\"><\/path><path d=\"M362.14,75.36H320.55a7.09,7.09,0,0,1-7.13-7L312.64,37a2.5,2.5,0,0,1,5-.12l.77,31.38a2.13,2.13,0,0,0,2.14,2.09h41.59a2.5,2.5,0,0,1,0,5Z\"><\/path><\/svg><\/span><span class=\"gb-text\">Compress image<\/span><\/h2>\n\n\n\n<p class=\"gb-text\">A file size of several hundred kB is still too large for a website if it is to be loaded quickly - and it should be. Modern compression methods can reduce the size of an image file processed according to the above pattern by a further 50-80%, usually with a loss of quality that is only visible on very good monitors. Use the modern .webp image format.<\/p>\n\n\n\n<p class=\"gb-text\">With the online compression service Squoosh you can convert your .jpg or .png images directly into .webp when compressing them. This is recommended.<\/p>\n\n\n\n<p class=\"gb-text\">Now upload the compressed file to your WordPress media centre.<\/p>\n\n\n\n<p class=\"gb-text-2992055a\"><span class=\"gb-shape\"><svg viewbox=\"0 0 20 20\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4.5 3A1.5 1.5 0 0 0 3 4.5v6A1.5 1.5 0 0 0 4.5 12H6v1H4.5A2.5 2.5 0 0 1 2 10.5v-6A2.5 2.5 0 0 1 4.5 2h6A2.5 2.5 0 0 1 13 4.5v6a2.5 2.5 0 0 1-2.5 2.5H9v-1h1.5a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 10.5 3zm5 4H11v1H9.5A1.5 1.5 0 0 0 8 9.5v6A1.5 1.5 0 0 0 9.5 17h6a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 15.5 8H14V7h1.5A2.5 2.5 0 0 1 18 9.5v6a2.5 2.5 0 0 1-2.5 2.5h-6A2.5 2.5 0 0 1 7 15.5v-6A2.5 2.5 0 0 1 9.5 7\" fill=\"currentColor\"><\/path><\/svg><\/span><span class=\"gb-text\">Spuoosh online image compression:\u00a0<a href=\"https:\/\/squoosh.app\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/squoosh.app<\/a><\/span><\/p>\n\n\n\n<h2 id=\"zum-schluss-urheberangabe-und-alternativtext-setzen\" class=\"gb-text-1a8964d1\"><span class=\"gb-shape\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 392.33 248.83\"><path d=\"M195.2,241.76a99.24,99.24,0,1,1,99.24-99.24A99.35,99.35,0,0,1,195.2,241.76Zm0-188.48a89.24,89.24,0,1,0,89.24,89.24A89.34,89.34,0,0,0,195.2,53.28Z\"><\/path><path d=\"M125.29,145h0a2.5,2.5,0,0,1-2.46-2.54c.55-35,24.43-65.53,56.79-72.53a2.5,2.5,0,1,1,1,4.89c-30.11,6.51-52.33,35-52.84,67.72A2.5,2.5,0,0,1,125.29,145Z\"><\/path><path d=\"M110,248.83H18.56A18.59,18.59,0,0,1,0,230.27V207.92a5,5,0,0,1,10,0v22.35a8.57,8.57,0,0,0,8.56,8.56H110a5,5,0,0,1,0,10Z\"><\/path><path d=\"M373.76,248.83H282.29a5,5,0,0,1,0-10h91.47a8.57,8.57,0,0,0,8.57-8.56V207.92a5,5,0,0,1,10,0v22.35A18.59,18.59,0,0,1,373.76,248.83Z\"><\/path><path d=\"M5,66.25a5,5,0,0,1-5-5V38.89A18.59,18.59,0,0,1,18.56,20.33H24.9l1.52-6.44A6.29,6.29,0,0,1,32.56,9l38.51-.1h0a6.28,6.28,0,0,1,6.23,5.29l1,6.12H130a5,5,0,0,1,0,10H74.09a5,5,0,0,1-4.93-4.19L68,18.92,35.49,19l-1.76,7.47a5,5,0,0,1-4.87,3.85H18.56A8.57,8.57,0,0,0,10,38.89V61.25A5,5,0,0,1,5,66.25Z\"><\/path><path d=\"M387.33,41.25a5,5,0,0,1-5-5V16.8c0-3.75-3.84-6.8-8.57-6.8H146.15l-2.8.07c-1.08,0-2.17,0-2.92.1-.18.5-.4,1.16-.61,1.78-.25.77-.54,1.65-.9,2.67l-4.15,12.31a5,5,0,1,1-9.47-3.2l4.16-12.37c.36-1,.63-1.83.87-2.56,2.54-7.68,4.84-8.56,12.8-8.73.82,0,1.74,0,2.78-.07H373.76C384,0,392.33,7.54,392.33,16.8V36.25A5,5,0,0,1,387.33,41.25Z\"><\/path><path d=\"M362.14,75.36H320.55a7.09,7.09,0,0,1-7.13-7L312.64,37a2.5,2.5,0,0,1,5-.12l.77,31.38a2.13,2.13,0,0,0,2.14,2.09h41.59a2.5,2.5,0,0,1,0,5Z\"><\/path><\/svg><\/span><span class=\"gb-text\">Finally: Set copyright and alternative text<\/span><\/h2>\n\n\n\n<p class=\"gb-text\">In order to comply with copyright law, all third-party content must include the author's name on the work. (See picture in this article) Naturally, permission (licence) is also required for any use of third-party content. You do not need either for content you have created yourself, but you can still indicate the author. In the media library, add the author's name to the image in the \"Caption\" field.<\/p>\n\n\n\n<p class=\"gb-text\">If your website does not automatically analyse this field and display it correctly on the image, please contact me and we will add this function to your website if possible.<\/p>\n\n\n\n<p class=\"gb-text\">The alternative text for an online image has two important functions. Firstly, it serves to explain the content of the image. All modern browsers can read out texts and alternative texts to images. This also enables visually impaired people to use the Internet. Furthermore, Google analyses the alternative texts of your image files. You should therefore always set them in a meaningful way. Briefly describe what can be seen in the image (for the read-aloud function). If possible, combine this description with the most important keyword for this post (SEO ranking).<\/p>\n\n\n\n<p class=\"gb-text-9eeceb8d\"><span class=\"gb-shape\"><svg viewbox=\"0 0 20 20\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4.5 3A1.5 1.5 0 0 0 3 4.5v6A1.5 1.5 0 0 0 4.5 12H6v1H4.5A2.5 2.5 0 0 1 2 10.5v-6A2.5 2.5 0 0 1 4.5 2h6A2.5 2.5 0 0 1 13 4.5v6a2.5 2.5 0 0 1-2.5 2.5H9v-1h1.5a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 10.5 3zm5 4H11v1H9.5A1.5 1.5 0 0 0 8 9.5v6A1.5 1.5 0 0 0 9.5 17h6a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 15.5 8H14V7h1.5A2.5 2.5 0 0 1 18 9.5v6a2.5 2.5 0 0 1-2.5 2.5h-6A2.5 2.5 0 0 1 7 15.5v-6A2.5 2.5 0 0 1 9.5 7\" fill=\"currentColor\"><\/path><\/svg><\/span><span class=\"gb-text\"><a href=\"https:\/\/netzwerk.design\/en\/blog\/create-search-engine-optimised-website-content\/\">More information on search engine optimisation<\/a>.<\/span><\/p>\n\n\n\n<p class=\"gb-text\">If you apply this workflow to every image on your website, you have taken an important step towards a fast loading time for your site and for your search engine ranking. Congratulations!<\/p>","protected":false},"excerpt":{"rendered":"<p>Before uploading an image to your website, you need to edit, crop, scale and compress it. We describe why and how here.<\/p>","protected":false},"featured_media":117682,"menu_order":0,"template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"%%post_title%%","_seopress_titles_desc":"Vor dem Upload eines Bildes, m\u00fcssen Sie es bearbeiten, zuschneiden, skalieren und komprimieren. Warum und wie?","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"Bildupload,Bildbearbeitung,Bildbearbeitung vor Upload","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[{"url":"","title":"","desc":"","thumbnail":"","duration":"","rating":"","view_count":"","tag":"","cat":""}],"_seopress_pro_schemas_manual":[{"_seopress_pro_rich_snippets_type":"none"}],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":{"85852":{"rich_snippets_lb":{"opening_hours":[{"am":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}},"pm":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}}},{"am":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}},"pm":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}}},{"am":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}},"pm":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}}},{"am":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}},"pm":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}}},{"am":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}},"pm":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}}},{"am":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}},"pm":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}}},{"am":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}},"pm":{"start":{"hours":"00","mins":"00"},"end":{"hours":"00","mins":"00"}}}]}}},"_nd_vani_enabled":false,"footnotes":""},"class_list":["post-21718","blog","type-blog","status-publish","has-post-thumbnail","hentry","infinite-scroll-item"],"acf":[],"_links":{"self":[{"href":"https:\/\/netzwerk.design\/en\/wp-json\/wp\/v2\/blog\/21718","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netzwerk.design\/en\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/netzwerk.design\/en\/wp-json\/wp\/v2\/types\/blog"}],"version-history":[{"count":0,"href":"https:\/\/netzwerk.design\/en\/wp-json\/wp\/v2\/blog\/21718\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/netzwerk.design\/en\/wp-json\/wp\/v2\/media\/117682"}],"wp:attachment":[{"href":"https:\/\/netzwerk.design\/en\/wp-json\/wp\/v2\/media?parent=21718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}