{"id":2403,"date":"2018-07-25T15:00:59","date_gmt":"2018-07-25T05:00:59","guid":{"rendered":"https:\/\/www.thebuzz.net.au\/docs\/?post_type=ht_kb&#038;p=2403"},"modified":"2018-08-02T12:04:32","modified_gmt":"2018-08-02T02:04:32","slug":"image-size-guide","status":"publish","type":"ht_kb","link":"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/image-size-guide\/","title":{"rendered":"Fixing badly cropped featured images &#038; thumbnails"},"content":{"rendered":"<p>WordPress will automatically crop your images into various sizes for use on the newsletter theme, but depending on the image used it doesn&#8217;t always do the best job.<\/p>\n<p><a href=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/2018-07-25_1706.png\" data-rel=\"lightcase\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-2410\" src=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/2018-07-25_1706.png\" alt=\"\" width=\"179\" height=\"38\" srcset=\"https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1706.png 179w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1706-50x11.png 50w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1706-60x13.png 60w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1706-100x21.png 100w\" sizes=\"auto, (max-width: 179px) 100vw, 179px\" \/><\/a>You can fix badly cropped images using the <strong>Crop Featured Image<\/strong> button, found in the Media Library and on the article edit page.<\/p>\n<p>Clicking the Crop Featured Image button opens a pop-up with all of the image sizes WordPress generates. See the section below on\u00a0<a href=\"#image-sizes\">Image Sizes<\/a> for an explanation of each of these sizes and where they usually appear on a newsletter theme.<\/p>\n<p>Select the image size you want to crop and use the tool to adjust. Click <strong>Save Crop<\/strong> when happy. The image should now be updated everywhere that it appears in that size.<\/p>\n<p><a href=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715.png\" data-rel=\"lightcase\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-2414 aligncenter\" src=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715-1024x785.png\" alt=\"\" width=\"643\" height=\"493\" srcset=\"https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715-1024x785.png 1024w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715-300x230.png 300w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715-768x588.png 768w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715-50x38.png 50w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715-60x46.png 60w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715-100x77.png 100w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_1715.png 1146w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/a><\/p>\n    \t\t<div class=\"hts-messages hts-messages--info   hts-messages--withicon \"   >\r\n    \t\t\t    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tIf the image crop has not changed after a page refresh, try <a href=\"https:\/\/www.refreshyourcache.com\" target=\"_blank\" rel=\"noopener\">clearing your browser <strong>cache <\/strong><\/a>(do not clear your browser cookies at the same time or you&#8217;ll get logged out of WordPress)    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h2>Image sizes<\/h2>\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\">The image sizes in this guide apply to Standard and Premium Buzz themes<\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tCustom implementations of the Buzz software may use different sizes.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<ul>\n<li><strong>Thumbnail <\/strong>is a built-in WordPress size and is not used in the newsletter theme (but can be used in your content)<\/li>\n<li><strong>Newsletter Hero <\/strong>is the large banner image at the top of the <a href=\"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/getting-to-know-the-newsletter\/#index-page\">Index Page<\/a>. <sup>1<\/sup><\/li>\n<li><strong>Article Hero <\/strong>is the large banner image at the top of the <a href=\"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/getting-to-know-the-newsletter\/#article-page\">Article Page<\/a> (depending on your theme) <sup>2<\/sup><\/li>\n<li><strong>Article <\/strong>is the thumbnail size used for <em>non-featured<\/em> articles on the <a href=\"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/getting-to-know-the-newsletter\/#index-page\">Index Page<\/a> <sup>2<\/sup><\/li>\n<li><strong>Article Large <\/strong>is the thumbnail size used for <em>featured <\/em>articles on the <a href=\"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/getting-to-know-the-newsletter\/#index-page\">Index Page<\/a> <sup>2<\/sup><\/li>\n<li><strong>Email Hero <\/strong>is the large banner image at the top of the <a href=\"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/email-view\/\">Email View<\/a> <sup>1<\/sup><\/li>\n<li><strong>Email Thumb <\/strong>and <strong>Email Article\u00a0<\/strong>are two thumbnail sizes used for <em>non-featured<\/em> articles in the <a href=\"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/email-view\/\">Email View<\/a> (the one used depends on your theme) <sup>2<\/sup><\/li>\n<li><strong>Email Article Large <\/strong>is the thumbnail size used for <em>featured<\/em> articles in the <a href=\"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/email-view\/\">Email View\u00a0<\/a><sup>2<\/sup><\/li>\n<\/ul>\n<p><sup>1 <\/sup>This size is applied to images used as a Featured Image on a <em>newsletter<\/em>. <br \/>\n<sup>2 <\/sup>This size is applied to images used as a Featured Image on an <em>article<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress will automatically crop your images into various sizes for use on the newsletter theme, but depending on the image used it doesn&#8217;t always do the best job. You can fix badly cropped images using the Crop Featured Image button, found in the Media Library and on the article edit&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[220],"ht-kb-tag":[218,242],"class_list":["post-2403","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-articles","ht_kb_tag-content","ht_kb_tag-images"],"_links":{"self":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb\/2403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/comments?post=2403"}],"version-history":[{"count":8,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb\/2403\/revisions"}],"predecessor-version":[{"id":2451,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb\/2403\/revisions\/2451"}],"wp:attachment":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/media?parent=2403"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=2403"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=2403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}