{"id":2579,"date":"2017-09-01T09:32:21","date_gmt":"2017-09-01T09:32:21","guid":{"rendered":"https:\/\/shortpixel.com/blog\/?p=2579"},"modified":"2021-11-13T09:23:22","modified_gmt":"2021-11-13T09:23:22","slug":"resize-images","status":"publish","type":"post","link":"https:\/\/shortpixel.com\/blog\/resize-images\/","title":{"rendered":"How to resize images with ShortPixel"},"content":{"rendered":"<p>ShortPixel&#8217;s <em>Resize Images<\/em> feature can reduce your hosting storage by changing the sizes of your uploaded pictures. Each time you add an image WordPress automatically generates a number of thumbnails which are <em>deployed o<\/em>n your webpages. Your original pictures are rarely shown to your visitors, but they take a lot of your hosting space.<\/p>\n<p>Here is how to resize large images using Shortpixel:<!--more--><\/p>\n<p>There are two resize images options in our plugin settings menu. Keep in mind that the original aspect ratio is preserved in both cases.<\/p>\n<p><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2017\/09\/Screenshot-20200803-180109.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-5488\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2017\/09\/Screenshot-20200803-180109.jpg\" alt=\"\" width=\"1629\" height=\"344\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2017\/09\/Screenshot-20200803-180109.jpg 1629w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2017\/09\/Screenshot-20200803-180109-300x63.jpg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2017\/09\/Screenshot-20200803-180109-768x162.jpg 768w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2017\/09\/Screenshot-20200803-180109-1024x216.jpg 1024w\" sizes=\"(max-width: 1629px) 100vw, 1629px\" \/><\/a><\/p>\n<h2><strong>Resize images &#8211; Cover<\/strong><\/h2>\n<p>The first resize option is the most popular. It takes the small side of an image and it reduces it to make it <strong>equal or greater than the value set by user<\/strong>.<\/p>\n<p>For example, if you set the resize dimensions at 1000&#215;1200, an image of 2000x3000px will be resized to 1000x1500px while an image of 3000x2000px will be resized to 1800x1200px.<\/p>\n<p><strong>Important<\/strong>: the resized image should not be smaller than your largest thumbnail. You could actually enter a smaller value, but then you won&#8217;t be able to regenerate your largest thumbnail afterwards if you need to.<\/p>\n<h2><strong>Resize images &#8211; Contain<\/strong><\/h2>\n<p>The second resize option takes the big side of the image and it makes it equal to the value you set. <strong>Sizes will be smaller or equal to the corresponding value.<\/strong><\/p>\n<p>For example, if you set the resize dimensions at 1000&#215;1200, an image of 2000x3000px will be resized to 800x1200px while an image of 3000x2000px will be resized to 1000x667px.<\/p>\n<p>If you are not sure which option is better for your use case, please test it on a few images from your WordPress Media Library. Make sure to keep the <em>Image backup<\/em> option active, in case you are not pleased with the resize results.<\/p>\n<p>If you still don&#8217;t have a ShortPixel account, <a href=\"https:\/\/shortpixel.com\/free-sign-up\" target=\"_blank\" rel=\"noopener noreferrer\">sign-up<\/a> for a free account to test our WordPress image optimization plugin. You could also freely resize images with our <a href=\"https:\/\/shortpixel.com\/online-image-compression\" target=\"_blank\" rel=\"noopener noreferrer\">online image compressor<\/a>.<\/p>\n<p>Photo by <a href=\"https:\/\/unsplash.com\/photos\/cXkrqY2wFyc?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Kelly Sikkema<\/a> on <a href=\"https:\/\/unsplash.com\/?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ShortPixel&#8217;s Resize Images feature can reduce your hosting storage by changing the sizes of your uploaded pictures. Each time you add an image WordPress automatically generates a number of thumbnails which are deployed on your webpages. Your original pictures are rarely shown to your visitors, but they take a lot of your hosting space. Here [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2582,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,2],"tags":[],"class_list":["post-2579","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-optimization","category-updates-and-news"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/2579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/comments?post=2579"}],"version-history":[{"count":16,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/2579\/revisions"}],"predecessor-version":[{"id":6149,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/2579\/revisions\/6149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media\/2582"}],"wp:attachment":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media?parent=2579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/categories?post=2579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/tags?post=2579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}