{"id":234,"date":"2020-11-24T21:03:07","date_gmt":"2020-11-24T21:03:07","guid":{"rendered":"http:\/\/help.virtualcu.net\/?p=234"},"modified":"2020-11-24T21:49:38","modified_gmt":"2020-11-24T21:49:38","slug":"creating-banner-images-with-paint","status":"publish","type":"post","link":"https:\/\/help.virtualcu.net\/?p=234","title":{"rendered":"Creating Banner Images with Paint"},"content":{"rendered":"<p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong><span style=\"font-size: 18pt;\">Working With MS Paint to Get the Right Size Banner Image<\/span><\/strong><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\">It is very important that the images you upload to put in the banner section of your website is the right size if it is going to look right.\u00a0\u00a0 All banner images must have the dimensions of 1600 by 560 pixels<\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\">Here is an example of a skewed banner image with the wrong size (800 by 277 pixels)<\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-257 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint19.png\" alt=\"\" width=\"324\" height=\"112\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint19.png 800w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint19-300x104.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint19-768x266.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint19-150x52.png 150w\" sizes=\"auto, (max-width: 324px) 100vw, 324px\" \/><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 14pt;\">(skewed image &#8211; 800 by 277)<\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-247 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18.png\" alt=\"\" width=\"265\" height=\"167\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18.png 881w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-300x189.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-768x483.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-150x94.png 150w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 14pt;\">(Here is the original image &#8211; 561 by 358)<\/span><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000;\"><strong><span style=\"font-size: 18pt;\">How to Fix a Banner Image &#8211; Method 1<\/span><br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\">We will take the 561 by 358 image and make it 1600 by 560 pixels using paint.<\/span><\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Open up a new canvas using paint and make this blank canvas 1600 by 560 pixels.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">In the drop down select menu, select pick &#8220;select all&#8221; to select the entire blank box<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-236 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/paint2.png\" alt=\"\" width=\"249\" height=\"270\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/paint2.png 360w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/paint2-277x300.png 277w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/paint2-138x150.png 138w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/paint2-300x325.png 300w\" sizes=\"auto, (max-width: 249px) 100vw, 249px\" \/><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Now pick Resize<\/span>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Turn off Maintain aspect ratio<\/span><\/li>\n<li><span style=\"color: #000000; font-size: 14pt;\">Change pixels to 1600 by 560<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-237 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint3.png\" alt=\"\" width=\"192\" height=\"336\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint3.png 303w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint3-171x300.png 171w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint3-86x150.png 86w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint3-300x526.png 300w\" sizes=\"auto, (max-width: 192px) 100vw, 192px\" \/><\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-245 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint17.png\" alt=\"\" width=\"380\" height=\"133\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint17.png 1600w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint17-300x105.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint17-1024x358.png 1024w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint17-768x269.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint17-1536x538.png 1536w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint17-150x53.png 150w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/span><\/p>\n<hr \/>\n<p><span style=\"color: #000000; font-size: 14pt;\">3. Now open the picture you want to use.<\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-247 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18.png\" alt=\"\" width=\"358\" height=\"225\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18.png 881w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-300x189.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-768x483.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-150x94.png 150w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Find the size of this image <\/span>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Do &#8220;select all&#8221; <\/span><\/li>\n<li><span style=\"color: #000000; font-size: 14pt;\">Do &#8220;Resize&#8221; and select pixels.\u00a0 <\/span><\/li>\n<li><span style=\"color: #000000; font-size: 14pt;\">This will show you the size of the picture. (In this example, the image is 561 x 358)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Now copy this image to your new 1600&#215;560 blank canvas<\/span>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Do select all, then click copy.<\/span><\/li>\n<li><span style=\"color: #000000; font-size: 14pt;\">Go to the blank canvas and click paste.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Next, using the resize feature, you want to make this image (358) the same height (vertical) as the blank canvas (560) <\/span>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Make sure you have selected just the image 1st or you will resize the entire canvas. <\/span><\/li>\n<li><span style=\"color: #000000; font-size: 14pt;\">If you already did that, it&#8217;s OK. Just use the CTRL-Z key to undo what you did.<\/span><\/li>\n<\/ul>\n<\/li>\n<li><span style=\"color: #000000; font-size: 14pt;\">If you resized correctly (with Maintain aspect ratio checked) you get and image that looks like this. <\/span><\/li>\n<li><span style=\"font-size: 14pt; color: #000000;\">You can either use this image &#8216;as is&#8221; for your banner&#8230;<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000; font-size: 14pt;\">\u00a0<\/span><\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-241 size-full aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint5-2.png\" alt=\"\" width=\"1600\" height=\"560\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint5-2.png 1600w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint5-2-300x105.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint5-2-1024x358.png 1024w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint5-2-768x269.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint5-2-1536x538.png 1536w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint5-2-150x53.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-242 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint7.png\" alt=\"\" width=\"1664\" height=\"672\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint7.png 1664w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint7-300x121.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint7-1024x414.png 1024w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint7-768x310.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint7-1536x620.png 1536w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint7-150x61.png 150w\" sizes=\"auto, (max-width: 1664px) 100vw, 1664px\" \/><\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Or you can use the paint bucket tool in paint to color the right white side <img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-244 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint9.png\" alt=\"\" width=\"1662\" height=\"674\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint9.png 1662w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint9-300x122.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint9-1024x415.png 1024w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint9-768x311.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint9-1536x623.png 1536w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint9-150x61.png 150w\" sizes=\"auto, (max-width: 1662px) 100vw, 1662px\" \/><\/span><\/li>\n<\/ul>\n<hr \/>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 14pt;\"><strong><span style=\"font-size: 18pt;\">How to Fix a Banner Image &#8211; Method 2<\/span><br \/>\n<\/strong><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Another thing you can do is to go back to your original image and try to crop it so that the aspect ratio will be 4:3 (Remember, the original image is 561 x 358 and we want it to be 1600 x 560.)<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-247 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18.png\" alt=\"\" width=\"363\" height=\"229\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18.png 881w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-300x189.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-768x483.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint18-150x94.png 150w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Crop the image to a 4:3 ratio and move it to the top of the canvas<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-256 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint11-1.png\" alt=\"\" width=\"358\" height=\"228\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint11-1.png 561w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint11-1-300x191.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint11-1-150x96.png 150w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Cut the white part of the image, and you will have something that looks like this.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-253 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint13.png\" alt=\"\" width=\"374\" height=\"131\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint13.png 1600w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint13-300x105.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint13-1024x358.png 1024w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint13-768x269.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint13-1536x538.png 1536w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint13-150x53.png 150w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><\/span><\/p>\n<ul>\n<li><span style=\"color: #000000; font-size: 14pt;\">Finally, resize the image to 1600 by 560<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-248 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint15.png\" alt=\"\" width=\"178\" height=\"305\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint15.png 308w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint15-175x300.png 175w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint15-87x150.png 87w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint15-300x515.png 300w\" sizes=\"auto, (max-width: 178px) 100vw, 178px\" \/><\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 14pt;\">Original <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 14pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-249 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint16.png\" alt=\"\" width=\"177\" height=\"303\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint16.png 307w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint16-176x300.png 176w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint16-88x150.png 88w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint16-300x512.png 300w\" sizes=\"auto, (max-width: 177px) 100vw, 177px\" \/><\/span><\/p>\n<p style=\"text-align: center;\">Resized<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-265 aligncenter\" src=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint20.png\" alt=\"\" width=\"1672\" height=\"667\" srcset=\"https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint20.png 1672w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint20-300x120.png 300w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint20-1024x408.png 1024w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint20-768x306.png 768w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint20-1536x613.png 1536w, https:\/\/help.virtualcu.net\/wp-content\/uploads\/2020\/11\/Paint20-150x60.png 150w\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center;\"><em><span style=\"color: #000000; font-size: 14pt;\">Note that the door image is just for illustration because it is easy to see what has been moved and cropped.<\/span><\/em><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Working With MS Paint to Get the Right Size Banner Image It is very important that the images you upload to put in the banner section of your website is the right size if it is going to look right.\u00a0\u00a0 All banner images must have the dimensions of 1600 by 560 pixels Here is an ..<\/p>\n<div class=\"clear-fix\"><\/div>\n<p><a href=\"https:\/\/help.virtualcu.net\/?p=234\" title=\"read more...\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[192],"tags":[],"class_list":["post-234","post","type-post","status-publish","format-standard","hentry","category-tips-and-tricks"],"_links":{"self":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts\/234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=234"}],"version-history":[{"count":5,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts\/234\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=\/wp\/v2\/posts\/234\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.virtualcu.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}