{"id":54179,"date":"2020-03-20T07:11:00","date_gmt":"2020-03-20T12:11:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=54179"},"modified":"2021-08-16T15:39:59","modified_gmt":"2021-08-16T19:39:59","slug":"using-inline-images-versus-the-image-block","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/","title":{"rendered":"Using Inline Images versus the Image Block"},"content":{"rendered":"<p>When you\u2019re working in WordPress you will often add images to your content.  These images can be added as inline images or using the Image block.  You can also add galleries or slideshows, but in this tutorial, we will be focusing on the difference between using inline images and the image block.  You will learn how to add both in the steps below. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#inline-image\">How to add an inline image<\/a><\/li><li><a href=\"#image-block\">How to add an image block<\/a><\/li><li><a href=\"#different\">Differences between the inline image and image block<\/a><\/li><\/ul>\n\n\n\n<p class=\"alert alert-info\">Find a new home for your WordPress site by going to InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"inline-image\">Adding an Inline Image<\/h2>\n\n\n\n<p>In order to follow the steps below, please log in to the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Administrator Dashboard<\/a>.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>An inline image is most often used after a line or paragraph of text.  You will find the option by adding text, then going to the block menu for the text paragraph and clicking on the drop-down arrow. <\/li><\/ol>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png\"><img decoding=\"async\" width=\"826\" height=\"435\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png\" class=\"optimized-lcp-image\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png 826w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1-768x404.png 768w\"><\/a><figcaption>Add an inline image<\/figcaption><\/figure><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li>You will then be prompted to upload or use the media library to choose the image to be used.<\/li><li>Once the image is added, it will appear where your cursor was located within the paragraph block.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"536\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-2.png\" alt=\"Inline image added\" class=\"wp-image-54181\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-2.png 777w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-2-300x207.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-2-768x530.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Inline image added<\/figcaption><\/figure><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\"><li>You can change only the width of an inline image by clicking on the image.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"527\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-3.png\" alt=\"Width properties for inline image\" class=\"wp-image-54182\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-3.png 791w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-3-300x200.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-3-768x512.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Width properties for inline image<\/figcaption><\/figure>\n\n\n\n<p>The inline image can be used as a thumbnail for steps, but it does not link or have a way to be linked to another element. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"image-block\">Adding an Image Block<\/h2>\n\n\n\n<p>The most common way to add an image in the new Gutenberg editor of WordPress is to use an image block. The image block allows you some flexibility with the image in allowing you to edit the alt text, change the image size, and even set its specific size in pixels or using set percentages.  Like all of the blocks in the WordPress editor, you can also add CSS classes to the block.  Like the inline image, you will need to be <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\" target=\"_blank\" rel=\"noreferrer noopener\">logged into the WordPress Administrator Dashboard<\/a> to follow the steps below.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Click on the <strong>+<\/strong> sign to add a block, then select the <strong>image<\/strong> block.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"667\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-1.png\" alt=\"Adding an image block\" class=\"wp-image-54183\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-1.png 844w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-1-300x237.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-1-768x607.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Select Image block when adding a new block in the Gutenberg editor<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li>You will then prompted to either upload or select an image within the media library.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"516\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-2.png\" alt=\"Upload or select image file\" class=\"wp-image-54184\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-2.png 766w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-2-300x202.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Upload or select an image file<\/figcaption><\/figure><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\"><li>Once you have uploaded or selected an image from the image library, you will be able to click on the drop-down arrow in the block menu and select how to align the image.  You can also select Wide width (for a wide template), or Full Width fills the screen based on the largest image size.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"792\" height=\"602\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-3.png\" alt=\"Align options for image block\" class=\"wp-image-54185\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-3.png 792w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-3-300x228.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-3-768x584.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Align options for image block<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\"><li>You can also adjust the block properties in the right-hand column of the screen. These options may include the Alt text, Image size, width, height, and preset percentage options.  These will differ based on the theme that you selected. Like any Gutenberg block, there is also the option to add CSS classes to the block. The screenshot below shows how you can make changes to the style as the theme allows.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-4-1024x568.png\" alt=\"Image Block properties\" class=\"wp-image-54186\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-4-1024x568.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-4-300x166.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-4-768x426.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-4.png 1146w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Image Block properties<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\"><li>You can also click on the drop-down arrow for the image and you\u2019ll be able to link the image to the attachment page or the media file for the image created within WordPress.  <\/li><\/ol>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/arnel-io.com\/wp1831\/wp-content\/uploads\/2020\/03\/adding-image-block-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"587\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-5.png\" alt=\"Image Block linking - Media Files or Attachment Page\" class=\"wp-image-54187\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-5.png 695w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-image-block-5-300x253.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Image Block linking \u2013 Media Files or Attachment Page<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"difference\">Differences Between an Inline Image and Image Block<\/h2>\n\n\n\n<p>There are a few differences between inline images and blockages.   Inline images cannot be enlarged when being displayed.  You also have none of the options provided to the image block. You have much more flexibility when using the image block.  The main advantage of the inline image is that it can be used near the text.  <\/p>\n\n\n\n<p>The inline image and the block image are different, but each has a strength and weakness that you can use when you add an image to your WordPress post or page.  <\/p>\n\n\n<p>Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our helpful <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/\">Gutenberg tutorials<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you&#8217;re working in WordPress you will often add images to your content. These images can be added as inline images or using the Image block. You can also add galleries or slideshows, but in this tutorial, we will be focusing on the difference between using inline images and the image block. You will learn<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4427],"tags":[],"class_list":["post-54179","post","type-post","status-publish","format-standard","hentry","category-gutenberg"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inline Images versus the Image Block<\/title>\n<meta name=\"description\" content=\"Learn about how to use and understand inline images versus the image block in WordPress. You will learn how to add each image type and the differences between each.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inline Images versus the Image Block\" \/>\n<meta property=\"og:description\" content=\"Learn about how to use and understand inline images versus the image block in WordPress. You will learn how to add each image type and the differences between each.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-20T12:11:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-16T19:39:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Using Inline Images versus the Image Block\",\"datePublished\":\"2020-03-20T12:11:00+00:00\",\"dateModified\":\"2021-08-16T19:39:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\"},\"wordCount\":670,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\",\"name\":\"Inline Images versus the Image Block\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png\",\"datePublished\":\"2020-03-20T12:11:00+00:00\",\"dateModified\":\"2021-08-16T19:39:59+00:00\",\"description\":\"Learn about how to use and understand inline images versus the image block in WordPress. You will learn how to add each image type and the differences between each.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Inline Images versus the Image Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inline Images versus the Image Block","description":"Learn about how to use and understand inline images versus the image block in WordPress. You will learn how to add each image type and the differences between each.","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:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/","og_locale":"en_US","og_type":"article","og_title":"Inline Images versus the Image Block","og_description":"Learn about how to use and understand inline images versus the image block in WordPress. You will learn how to add each image type and the differences between each.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-03-20T12:11:00+00:00","article_modified_time":"2021-08-16T19:39:59+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Using Inline Images versus the Image Block","datePublished":"2020-03-20T12:11:00+00:00","dateModified":"2021-08-16T19:39:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/"},"wordCount":670,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png","articleSection":["Gutenberg"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/","name":"Inline Images versus the Image Block","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png","datePublished":"2020-03-20T12:11:00+00:00","dateModified":"2021-08-16T19:39:59+00:00","description":"Learn about how to use and understand inline images versus the image block in WordPress. You will learn how to add each image type and the differences between each.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/03\/adding-inline-image-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/using-inline-images-versus-the-image-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Using Inline Images versus the Image Block"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/54179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=54179"}],"version-history":[{"count":5,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/54179\/revisions"}],"predecessor-version":[{"id":82986,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/54179\/revisions\/82986"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=54179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=54179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=54179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}