{"id":2743,"date":"2022-07-18T14:00:05","date_gmt":"2022-07-18T12:00:05","guid":{"rendered":"https:\/\/relaunch.jut-so.de\/using-images-in-wordpress-what-you-need-to-know\/"},"modified":"2026-04-28T17:43:18","modified_gmt":"2026-04-28T15:43:18","slug":"using-images-in-wordpress-what-you-need-to-know","status":"publish","type":"post","link":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/","title":{"rendered":"Using images in WordPress: What you need to know"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Bad news first! It\u2019s easy to make rookie mistakes when uploading images to WordPress. The good news: With an understanding of how images on the web work and the right tools at your disposal, you\u2019ll be able to include images that are crystal clear yet small in size. Sounds good? Then read on!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Pixels, DPI and Retina: Say what?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s get this out of the way first \u2013 DPI (dots per inch) is not relevant for building a website. The setting has no effect on how images are displayed. On the web, we\u2019re using pixels, and that\u2019s what we\u2019ll be referring to from now on.<br>There\u2019s a simple rule for exporting: If the image has 500px, that\u2019s exactly the size at which to export. Why? To not make the file bigger than necessary. But! With the dawn of retina displays, this rule is replaced by another simple rule:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Export width of an image = 2 * the width in the design file<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Why you ask? Because with retina displays, devices squeeze more information into the same space. The information retains the same physical size on the screen, but it appears sharper. The result: pixels in HTML no longer have a one-to-one relationship on all screens.<br>For normal displays (1x): 1 pixel wide in HTML\/CSS = 1 pixel wide on the screen<br>For retina displays (2x): 1 pixel wide in HTML\/CSS = 2 pixels wide on the screens 500px in HTML or CSS still use the same physical space on both normal and retina displays. The transition from the iPhone 3 to the iPhone 4 demonstrates this nicely.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-8102 size-full\"><img decoding=\"async\" src=\"https:\/\/jut-so.de\/wp-content\/uploads\/image-1-1536x1164.png.webp\" alt=\"\" class=\"wp-image-8102\"\/><figcaption class=\"wp-element-caption\">Graphic based on: https:\/\/www.danrodney.com\/blog\/retina-web-graphics-explained-1x-versus-2x-low-res-versus-hi-res\/<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">iPhone 3 and 4 have the same dimensions \u2013 but the iPhone 4 display doubles the amount of pixels horizontally and vertically. Yet an element with a static pixel definition in HTML would occupy the same space on either phone\u2019s display.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Exporting images from Figma for WordPress<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that we know how pixels and retina displays work, let\u2019s figure out how to get the right version of an image from a Figma design. Figma gives us a few options to choose from when exporting assets. We can choose the resolution and file type.<br>Select your element and export the assets from a frame with the maximum width you want to support. Based on what we learned earlier and the type of asset you want to export, choose the following settings:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Images\/photos with transparent background: png @2x<\/li>\n\n\n\n<li>Images\/photos without transparent background: jpg @2x<\/li>\n\n\n\n<li>Graphics\/Illustrations: SVG (because SVGs are vector based no selection for the resolution is possible)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-8103 size-large\"><img decoding=\"async\" src=\"https:\/\/jut-so.de\/wp-content\/uploads\/image-2-1536x967.png-1024x645-1.webp\" alt=\"\" class=\"wp-image-8103\"\/><figcaption class=\"wp-element-caption\">Avoid huge file sizes and blurry images \u2013 check the preview and choose the right settings for export<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tip: Check the preview in Figma before exporting to make sure you have selected the right group or element. If an image exceeds the frame\/canvas it\u2019ll be cropped at the edge. Click the frame and deselect \u201cclip content\u201d to prevent this.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How WordPress works with images<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Okay, we have all the files we need now. What\u2019s next? Easy \u2013 we add them to our WordPress system. Let\u2019s have a look at how WordPress works with images.<br>WordPress 4.4 introduced responsive images. For every uploaded image WP generates multiple versions and creates a \u201csrcset\u201d and a \u201csizes\u201d attribute. Depending on the user\u2019s viewport width, WP loads the corresponding image size. The code generated by WordPress looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/jut-so.de\/wp-content\/uploads\/image-5-768x221.png.webp\" alt=\"\" class=\"wp-image-8104\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This automation often helps with loading smaller images, but it\u2019s not perfect. That\u2019s because WP does not recognize the layout and the rendered width of an image in relation to the screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When uploading images to the WP Media Library, make sure to remember these important SEO-factors:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Name the image descriptively! Use lower cases and divide words with a hyphen, e.g. man-with-a-hammer.jpg. It\u2019s best if they\u2019re already named accordingly in the Figma file.<\/li>\n\n\n\n<li>Add an alt-attribute. Again, describe the content of the image in a human-readable form. For example: \u201cBig blue banana at the beach\u201c.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Automated compression and WebP generation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Exporting images from Figma generates svg, png. and jpg files. You can save big on image size by exporting in the right dimensions, but there\u2019s room for more.<br>Google\u2019s image format WebP allows lossless and lossy compression and saves up to 34% of jpg file size without quality loss. It\u2019s compatible with background transparency, too, and cuts png file sizes by up to 70 %. That\u2019s crazy good!<br>For a nerdy, in-depth explanation of how the compression works, check out the&nbsp;<a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\" target=\"_blank\" rel=\"noreferrer noopener\">google dev docs<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So, do we have to transform all our assets to WebP manually? Luckily, we don\u2019t! These plugins help us out:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/de.wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smush \u2013 Lazy Load Images, Optimize &amp; Compress Images<\/a>&nbsp;(for WebP compression you need the pro plugin)<\/li>\n\n\n\n<li><a href=\"https:\/\/de.wordpress.org\/plugins\/webp-express\/\">WebP Express<\/a>&nbsp;(free, works really well for me)<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/webp-converter-for-media\/\">Converter for Media \u2013 Convert WebP and AVIF &amp; Optimize Images | Ease image optimization<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These plugins automatically turn regular images into WebP images and display the optimized version to users. If you want to use them, make sure your server supports the required image compression modules and the .htaccess file is writable. If this sounds complicated, don\u2019t worry, there are plenty of installation and troubleshooting guides easily found with google.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Lazy Loading = smarter loading<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lazy Loading loads images right before they scroll into view \u2013 and not all at once when the page is initially opened. This increases the page speed and creates a smooth user experience.&nbsp; WordPress 5.5 added the HTML5 loading attribute to all images, allowing browsers to use their native lazy loading technology. Many browsers already support this feature (effecting approx. 75% of all users).<br>Use plugins like Smush or WP Rocket to add compatibility for more browsers. The plug-ins also add lazy loading for other media types like video. When using a non-native variant, we suggest thoroughly checking the whole page as sometimes incompatibilities can occur. Certain images might need to be excluded from lazy loading.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testing your setup<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google Dev Tools are great for testing your image implementation. Open it by pressing CMD\/Ctrl+Shift+C. The network tab shows you all the loaded files and formats.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-8105 size-large\"><img decoding=\"async\" src=\"https:\/\/jut-so.de\/wp-content\/uploads\/image-3.png-1024x705.webp\" alt=\"\" class=\"wp-image-8105\"\/><figcaption class=\"wp-element-caption\">Network tab in the Google dev tools<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you click on an image element in the Elements tab and hover with your mouse you\u2019ll see the intrinsic size as well as the rendered size:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-8106 size-full\"><img decoding=\"async\" src=\"https:\/\/jut-so.de\/wp-content\/uploads\/image-4.png.webp\" alt=\"\" class=\"wp-image-8106\"\/><figcaption class=\"wp-element-caption\">Google Dev tools \u2013 Elements tab<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The intrinsic width and height should be double the rendered size. On lower viewport widths this might not be exactly met due to the issue explained earlier (WordPress not aware of the layout &amp; limited number of created versions per image).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Use this script for finding badly sized images<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We coded a small&nbsp;<a href=\"https:\/\/codepen.io\/chris-jut-so\/pen\/VwQJOBZ\" target=\"_blank\" rel=\"noreferrer noopener\">script<\/a> that highlights badly sizes images. Simply add it before the &lt;\/body&gt; tag of your page during development! That\u2019s it for today, folks! If all of this seems mighty complicated, remember we also offer consultations and IT support. Just hit us up at&nbsp;<a href=\"mailto:info@jut-so.de\">info@jut-so.de<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this short guide, you\u2019ll learn how to export images for WordPress from design tools like Figma, use the WordPress image system and efficiently compress images.<\/p>\n","protected":false},"author":1,"featured_media":2750,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[88],"tags":[90],"service":[],"class_list":["post-2743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-know-how","tag-know-how"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using images in WordPress: What you need to know - jut-so<\/title>\n<meta name=\"description\" content=\"You\u2019ll learn how to export images for WordPress from design tools like Figma, use the WordPress image system and efficiently compress images.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using images in WordPress: What you need to know - jut-so\" \/>\n<meta property=\"og:description\" content=\"You\u2019ll learn how to export images for WordPress from design tools like Figma, use the WordPress image system and efficiently compress images.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/\" \/>\n<meta property=\"og:site_name\" content=\"jut-so\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-18T12:00:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T15:43:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jut-so.de\/wp-content\/uploads\/images-in-wordpress-1024x515.png.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"515\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#\\\/schema\\\/person\\\/628ce1712694841ef31b123af2692979\"},\"headline\":\"Using images in WordPress: What you need to know\",\"datePublished\":\"2022-07-18T12:00:05+00:00\",\"dateModified\":\"2026-04-28T15:43:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/\"},\"wordCount\":1181,\"publisher\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jut-so.de\\\/wp-content\\\/uploads\\\/images-in-wordpress-1024x515.png.webp\",\"keywords\":[\"KNOW HOW\"],\"articleSection\":[\"Know How\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/\",\"url\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/\",\"name\":\"Using images in WordPress: What you need to know - jut-so\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jut-so.de\\\/wp-content\\\/uploads\\\/images-in-wordpress-1024x515.png.webp\",\"datePublished\":\"2022-07-18T12:00:05+00:00\",\"dateModified\":\"2026-04-28T15:43:18+00:00\",\"description\":\"You\u2019ll learn how to export images for WordPress from design tools like Figma, use the WordPress image system and efficiently compress images.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jut-so.de\\\/wp-content\\\/uploads\\\/images-in-wordpress-1024x515.png.webp\",\"contentUrl\":\"https:\\\/\\\/jut-so.de\\\/wp-content\\\/uploads\\\/images-in-wordpress-1024x515.png.webp\",\"width\":1024,\"height\":515,\"caption\":\"jut-so media dashboard\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/using-images-in-wordpress-what-you-need-to-know\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/jut-so.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using images in WordPress: What you need to know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/jut-so.de\\\/en\\\/\",\"name\":\"jut-so\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jut-so.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#organization\",\"name\":\"jut-so GmbH\",\"url\":\"https:\\\/\\\/jut-so.de\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jut-so.de\\\/wp-content\\\/uploads\\\/logo-brandname2.svg\",\"contentUrl\":\"https:\\\/\\\/jut-so.de\\\/wp-content\\\/uploads\\\/logo-brandname2.svg\",\"width\":170,\"height\":63,\"caption\":\"jut-so GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/jutsoberlin\\\/\",\"https:\\\/\\\/de.linkedin.com\\\/company\\\/jut-so\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jut-so.de\\\/en\\\/#\\\/schema\\\/person\\\/628ce1712694841ef31b123af2692979\",\"name\":\"admin\",\"sameAs\":[\"https:\\\/\\\/jut-so.de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using images in WordPress: What you need to know - jut-so","description":"You\u2019ll learn how to export images for WordPress from design tools like Figma, use the WordPress image system and efficiently compress images.","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:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/","og_locale":"en_US","og_type":"article","og_title":"Using images in WordPress: What you need to know - jut-so","og_description":"You\u2019ll learn how to export images for WordPress from design tools like Figma, use the WordPress image system and efficiently compress images.","og_url":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/","og_site_name":"jut-so","article_published_time":"2022-07-18T12:00:05+00:00","article_modified_time":"2026-04-28T15:43:18+00:00","og_image":[{"width":1024,"height":515,"url":"https:\/\/jut-so.de\/wp-content\/uploads\/images-in-wordpress-1024x515.png.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/#article","isPartOf":{"@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/"},"author":{"name":"admin","@id":"https:\/\/jut-so.de\/en\/#\/schema\/person\/628ce1712694841ef31b123af2692979"},"headline":"Using images in WordPress: What you need to know","datePublished":"2022-07-18T12:00:05+00:00","dateModified":"2026-04-28T15:43:18+00:00","mainEntityOfPage":{"@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/"},"wordCount":1181,"publisher":{"@id":"https:\/\/jut-so.de\/en\/#organization"},"image":{"@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/#primaryimage"},"thumbnailUrl":"https:\/\/jut-so.de\/wp-content\/uploads\/images-in-wordpress-1024x515.png.webp","keywords":["KNOW HOW"],"articleSection":["Know How"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/","url":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/","name":"Using images in WordPress: What you need to know - jut-so","isPartOf":{"@id":"https:\/\/jut-so.de\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/#primaryimage"},"image":{"@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/#primaryimage"},"thumbnailUrl":"https:\/\/jut-so.de\/wp-content\/uploads\/images-in-wordpress-1024x515.png.webp","datePublished":"2022-07-18T12:00:05+00:00","dateModified":"2026-04-28T15:43:18+00:00","description":"You\u2019ll learn how to export images for WordPress from design tools like Figma, use the WordPress image system and efficiently compress images.","breadcrumb":{"@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/#primaryimage","url":"https:\/\/jut-so.de\/wp-content\/uploads\/images-in-wordpress-1024x515.png.webp","contentUrl":"https:\/\/jut-so.de\/wp-content\/uploads\/images-in-wordpress-1024x515.png.webp","width":1024,"height":515,"caption":"jut-so media dashboard"},{"@type":"BreadcrumbList","@id":"https:\/\/jut-so.de\/en\/using-images-in-wordpress-what-you-need-to-know\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/jut-so.de\/en\/"},{"@type":"ListItem","position":2,"name":"Using images in WordPress: What you need to know"}]},{"@type":"WebSite","@id":"https:\/\/jut-so.de\/en\/#website","url":"https:\/\/jut-so.de\/en\/","name":"jut-so","description":"","publisher":{"@id":"https:\/\/jut-so.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jut-so.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jut-so.de\/en\/#organization","name":"jut-so GmbH","url":"https:\/\/jut-so.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jut-so.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/jut-so.de\/wp-content\/uploads\/logo-brandname2.svg","contentUrl":"https:\/\/jut-so.de\/wp-content\/uploads\/logo-brandname2.svg","width":170,"height":63,"caption":"jut-so GmbH"},"image":{"@id":"https:\/\/jut-so.de\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/jutsoberlin\/","https:\/\/de.linkedin.com\/company\/jut-so"]},{"@type":"Person","@id":"https:\/\/jut-so.de\/en\/#\/schema\/person\/628ce1712694841ef31b123af2692979","name":"admin","sameAs":["https:\/\/jut-so.de"]}]}},"_links":{"self":[{"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/posts\/2743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/comments?post=2743"}],"version-history":[{"count":1,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/posts\/2743\/revisions"}],"predecessor-version":[{"id":2749,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/posts\/2743\/revisions\/2749"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/media\/2750"}],"wp:attachment":[{"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/media?parent=2743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/categories?post=2743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/tags?post=2743"},{"taxonomy":"service","embeddable":true,"href":"https:\/\/jut-so.de\/en\/wp-json\/wp\/v2\/service?post=2743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}