{"id":751,"date":"2022-01-17T21:32:35","date_gmt":"2022-01-17T16:02:35","guid":{"rendered":"https:\/\/hostkicker.com\/blog\/?p=751"},"modified":"2022-05-19T12:47:35","modified_gmt":"2022-05-19T07:17:35","slug":"how-to-create-additional-image-sizes-in-wordpress","status":"publish","type":"post","link":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/","title":{"rendered":"How to Create Additional Image Sizes in WordPress"},"content":{"rendered":"<p><span data-preserver-spaces=\"true\">WordPress creates several copies of image uploads in different sizes automatically and, most WordPress plugins and themes also create their image sizes.\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">But, if you want to upload an image with the dimensions you need, you must create additional image sizes.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Today, we will explain how you can create additional image sizes in WordPress.<\/span><\/p>\n<h4><span data-preserver-spaces=\"true\">WordPress Default Images Sizes<\/span><\/h4>\n<p><span data-preserver-spaces=\"true\">By default, WordPress comes with three standard image sizes.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"><strong>Thumbnail<\/strong> (150*150), <strong>Medium<\/strong> ( 300*300), and <strong>Large<\/strong> (1024*1024)<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">When you upload a picture to your website, it automatically creates copies in those above sizes.\u00a0<\/span><\/p>\n<h4><span data-preserver-spaces=\"true\">Why Create Additional Image Sizes in WordPress?<\/span><\/h4>\n<p><span data-preserver-spaces=\"true\">WordPress&#8217;s default image dimensions are standard, and most WordPress plugins and themes manage image sizes nicely.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">However, you may need different image sizes as the standard does not fits your requirement.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">In that case, you will need to create additional ones. So that when you upload an image to your site, WordPress automatically converts it to all the different sizes you need.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">Adding Additional Image Sizes for your Theme<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">Most WordPress themes support post thumbnails feature by default.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">But, if you are making a custom WordPress theme, then you must add support for post thumbnails.\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">To add the code, go to\u00a0<\/span><strong><span data-preserver-spaces=\"true\">Appearance \u00bb Editor<\/span><\/strong><span data-preserver-spaces=\"true\">\u00a0and edit the\u00a0<\/span><strong><span data-preserver-spaces=\"true\">functions.php<\/span><\/strong><span data-preserver-spaces=\"true\">\u00a0file of your theme. Copy and paste the following code there:<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\"> add_theme_support( 'post-thumbnails' );<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">Then, click the\u00a0<\/span><strong><span data-preserver-spaces=\"true\">Save<\/span><\/strong><span data-preserver-spaces=\"true\">\u00a0button to enable the add_image_size() function so that you can add new WordPress image sizes.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">The add_image_size function format is below:<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\">add_image_size( 'name-of-size', width, height, crop mode );<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">Below are some example codes that can help you add additional image sizes to your site:<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\">\u00a0add_image_size( 'sidebar-thumb', 120, 120, true ); \/\/ Hard Crop Mode<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0add_image_size( 'homepage-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0add_image_size( 'singlepost-thumb', 590, 9999 ); \/\/ Unlimited Height Mode<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">Here, we have defined three different types of image sizes. Each has various modes, like hard crop, soft crop, and unlimited height.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Let us move to each one and know how you can use them in your posts.<\/span><\/p>\n<p><strong><span data-preserver-spaces=\"true\">1. Hard Crop Mode<\/span><\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">The Hard Crop method ensures that everything is proportional. This function automatically crops the image from the sides or top and bottom, depending on the size. There is a &#8220;true&#8221; value-added in the code after the height, Directing WordPress to crop the image to the defined size (in this case, 120 x 120px).<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-753\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/fixed-size-hard-crop.png\" alt=\"\" width=\"550\" height=\"249\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/fixed-size-hard-crop.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/fixed-size-hard-crop-300x136.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><strong><span data-preserver-spaces=\"true\">2. Soft Crop Mode<\/span><\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">In WordPress, soft cropping mode is turned on by default. That&#8217;s why you do not see any additional value-added to the code after the height. It resizes the image proportionally without distorting it. This means it keeps its original aspect ratio and, therefore, shape. So you may not get the measurements that you wanted. Look at the example below.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-754\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/soft-crop-images.png\" alt=\"\" width=\"550\" height=\"359\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/soft-crop-images.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/soft-crop-images-300x196.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><strong><span data-preserver-spaces=\"true\">3. The Unlimited Height Mode<\/span><\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">If you want to add super long images in your WordPress post but limit the width, you can use the unlimited height mode.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">This mode lets you set a width that will not break your design while leaving the height to be unlimited.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">For example, infographic images tend to be very long.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-755\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/unlimited-height-mode.png\" alt=\"\" width=\"550\" height=\"318\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/unlimited-height-mode.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/unlimited-height-mode-300x173.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h2><span data-preserver-spaces=\"true\">Displaying additional image sizes in your WordPress theme<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">After adding the functionality for the desired image sizes, you have to display additional images in the WordPress theme.\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Open the theme file and add the following code in the theme file inside the post loop where you want to display your thumbnail:<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\"> &lt;?php the_post_thumbnail( 'your-specified-image-size' ); ?&gt;<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">This code will display additional image sizes in your WordPress theme.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"><strong>Note<\/strong>&#8211; Change <\/span><strong><span data-preserver-spaces=\"true\">&#8216;your-specified-image-size&#8217;<\/span><\/strong><span data-preserver-spaces=\"true\"> with the image name you set in the earlier step (such as\u00a0<\/span><strong><span data-preserver-spaces=\"true\">&#8216;post-thumbnail size&#8217;<\/span><\/strong><span data-preserver-spaces=\"true\">) in this code.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">Regenerate Thumbnails For Previously Uploaded Images<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">The above &#8216;add_image_size()&#8217; function only develops the sizes after placing the code into the theme.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Therefore, you must regenerate thumbnails in WordPress to update all your previously uploaded images to the new thumbnail sizes.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">You can fix this using the\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" target=\"_blank\" rel=\"noopener\"><span data-preserver-spaces=\"true\">Regenerate Thumbnails<\/span><\/a><span data-preserver-spaces=\"true\">\u00a0plugin. This will update your WordPress images to the additional sizes you added in the previous steps.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-756\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/screencapture-wordpress-org-plugins-regenerate-thumbnails-2022-01-16-21_06_41-edit.jpg\" alt=\"\" width=\"909\" height=\"505\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/screencapture-wordpress-org-plugins-regenerate-thumbnails-2022-01-16-21_06_41-edit.jpg 1325w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/screencapture-wordpress-org-plugins-regenerate-thumbnails-2022-01-16-21_06_41-edit-300x167.jpg 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/screencapture-wordpress-org-plugins-regenerate-thumbnails-2022-01-16-21_06_41-edit-1024x569.jpg 1024w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/screencapture-wordpress-org-plugins-regenerate-thumbnails-2022-01-16-21_06_41-edit-768x427.jpg 768w\" sizes=\"auto, (max-width: 909px) 100vw, 909px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">First, install and activate the plugin by following the given steps or you can check the complete installation process <a href=\"https:\/\/hostkicker.com\/blog\/how-to-install-a-wordpress-plugin\">here<\/a>.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"><strong>Go to plugins &gt;&gt; Add new &gt;&gt; Search Regenerate Thumbnails&gt;&gt; Install &gt;&gt; Activate<\/strong>.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">After activation, go to\u00a0<\/span><strong><span data-preserver-spaces=\"true\">Tools \u00bb Regenerate Thumbnails.\u00a0<\/span><\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">Here, you will get two options to regenerate thumbnail for all images or just the featured images. Select the all image option.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/regenerate-thumbnails.png\" alt=\"\" width=\"550\" height=\"283\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/regenerate-thumbnails.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/regenerate-thumbnails-300x154.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">This will regenerate thumbnails for all your images in WordPress.<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">Enabling Additional Image Sizes for your Post Content<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">In the previous methods, you have enabled image sizes in your theme; therefore, it is only limited to your theme.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">All image sizes are being generated regardless, so to control the image size, add the given code to your theme&#8217;s functions file to enable additional image size for your post content.<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\"> function wpb_custom_image_sizes( $size_names ) {<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0$new_sizes = array(<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0 \u00a0 \u00a0\u00a0'homepage-thumb' =&gt; 'Homepage Thumbmail',\u00a0<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0 \u00a0 \u00a0\u00a0'singlepost-thumb' =&gt; 'Infographic Single Post'<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0);<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0return array_merge( $size_names, $new_sizes );<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">}<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">add_filter( 'image_size_names_choose', 'wpb_custom_image_sizes' );<\/span><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-758\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/custom-image-size-selection.png\" alt=\"\" width=\"550\" height=\"310\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/custom-image-size-selection.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/custom-image-size-selection-300x169.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">After placing the code, make sure to save the changes.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Witness the code in action by uploading an image to a WordPress post or page. You&#8217;ll see your custom image sizes under the &#8216;Image size&#8217; option in the image block settings.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Now you can select the image size options while adding images to posts and pages.<\/span><\/p>\n<p><strong>To conclude, <\/strong>WordPress\u00a0comes with three default sizes: Thumbnail, Medium, and Large. It creates several copies of image uploads in different sizes automatically.<\/p>\n<p>If these standards do not fit<span data-preserver-spaces=\"true\"> your requirement, you can create additional image sizes in WordPress so that you can<\/span><span data-preserver-spaces=\"true\"> upload an image with the dimensions you need.\u00a0<\/span><\/p>\n<p>If you have like this, you can also check our another post on <a href=\"https:\/\/hostkicker.com\/blog\/how-to-add-captions-to-featured-images-in-wordpress\/\">how to add captions to featured image in WordPress.<\/a><\/p>\n<p>We hope this tutorial helped you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress creates several copies of image uploads in different sizes automatically and, most WordPress plugins and themes also create their image sizes.\u00a0 But, if you want to upload an image with the dimensions you need, you must create additional image sizes. Today, we will explain how you can create additional image sizes in WordPress. WordPress [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":784,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wp-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.3 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Create Additional Image Sizes in WordPress<\/title>\n<meta name=\"description\" content=\"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions.php\u00a0file of your theme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Additional Image Sizes in WordPress\" \/>\n<meta property=\"og:description\" content=\"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions. php\u00a0file of your theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostkicker\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-17T16:02:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-19T07:17:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"693\" \/>\n\t<meta property=\"og:image:height\" content=\"511\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Olivia Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Create Additional Image Sizes in WordPress\" \/>\n<meta name=\"twitter:description\" content=\"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions. php\u00a0file of your theme.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olivia Smith\" \/>\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:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/\"},\"author\":{\"name\":\"Olivia Smith\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/person\\\/f06306b595baa96c90a0491b941d7660\"},\"headline\":\"How to Create Additional Image Sizes in WordPress\",\"datePublished\":\"2022-01-17T16:02:35+00:00\",\"dateModified\":\"2022-05-19T07:17:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/\"},\"wordCount\":901,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row36-01.png\",\"articleSection\":[\"Wp tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/\",\"name\":\"How to Create Additional Image Sizes in WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row36-01.png\",\"datePublished\":\"2022-01-17T16:02:35+00:00\",\"dateModified\":\"2022-05-19T07:17:35+00:00\",\"description\":\"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions.php\u00a0file of your theme.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row36-01.png\",\"contentUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row36-01.png\",\"width\":693,\"height\":511,\"caption\":\"How to Create Additional Image Sizes in WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-create-additional-image-sizes-in-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Additional Image Sizes in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\",\"name\":\"Hostkicker\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\",\"name\":\"Hostkicker\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/hostkicker-logo-01.png\",\"contentUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/hostkicker-logo-01.png\",\"width\":940,\"height\":218,\"caption\":\"Hostkicker\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/person\\\/f06306b595baa96c90a0491b941d7660\",\"name\":\"Olivia Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"caption\":\"Olivia Smith\"},\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/author\\\/olivia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Additional Image Sizes in WordPress","description":"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions.php\u00a0file of your theme.","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:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Create Additional Image Sizes in WordPress","og_description":"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions. php\u00a0file of your theme.","og_url":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/","og_site_name":"Hostkicker","article_published_time":"2022-01-17T16:02:35+00:00","article_modified_time":"2022-05-19T07:17:35+00:00","og_image":[{"width":693,"height":511,"url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png","type":"image\/png"}],"author":"Olivia Smith","twitter_card":"summary_large_image","twitter_title":"Create Additional Image Sizes in WordPress","twitter_description":"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions. php\u00a0file of your theme.","twitter_image":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png","twitter_misc":{"Written by":"Olivia Smith","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/"},"author":{"name":"Olivia Smith","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/person\/f06306b595baa96c90a0491b941d7660"},"headline":"How to Create Additional Image Sizes in WordPress","datePublished":"2022-01-17T16:02:35+00:00","dateModified":"2022-05-19T07:17:35+00:00","mainEntityOfPage":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/"},"wordCount":901,"commentCount":0,"publisher":{"@id":"https:\/\/hostkicker.com\/blog\/#organization"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png","articleSection":["Wp tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/","url":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/","name":"How to Create Additional Image Sizes in WordPress","isPartOf":{"@id":"https:\/\/hostkicker.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png","datePublished":"2022-01-17T16:02:35+00:00","dateModified":"2022-05-19T07:17:35+00:00","description":"This tutorial will show How to Create Additional Image Sizes in WordPress. Go to\u00a0Appearance \u00bb Editor\u00a0and edit the\u00a0functions.php\u00a0file of your theme.","breadcrumb":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#primaryimage","url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png","contentUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png","width":693,"height":511,"caption":"How to Create Additional Image Sizes in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/hostkicker.com\/blog\/how-to-create-additional-image-sizes-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hostkicker.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create Additional Image Sizes in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/hostkicker.com\/blog\/#website","url":"https:\/\/hostkicker.com\/blog\/","name":"Hostkicker","description":"Blog","publisher":{"@id":"https:\/\/hostkicker.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hostkicker.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hostkicker.com\/blog\/#organization","name":"Hostkicker","url":"https:\/\/hostkicker.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/hostkicker-logo-01.png","contentUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/hostkicker-logo-01.png","width":940,"height":218,"caption":"Hostkicker"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/person\/f06306b595baa96c90a0491b941d7660","name":"Olivia Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","caption":"Olivia Smith"},"url":"https:\/\/hostkicker.com\/blog\/author\/olivia\/"}]}},"jetpack_featured_media_url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row36-01.png","_links":{"self":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/comments?post=751"}],"version-history":[{"count":7,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/751\/revisions"}],"predecessor-version":[{"id":2021,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/751\/revisions\/2021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/media\/784"}],"wp:attachment":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/media?parent=751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/categories?post=751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/tags?post=751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}