{"id":4017,"date":"2026-10-19T11:52:33","date_gmt":"2026-10-19T00:52:33","guid":{"rendered":"https:\/\/quikclicks.quik17.com\/wordpress\/?kb_article=how-to-prep-images-for-your-website"},"modified":"2026-10-19T11:52:33","modified_gmt":"2026-10-19T00:52:33","slug":"how-to-prep-images-for-your-website","status":"publish","type":"kb_article","link":"https:\/\/quikclicks.quik17.com\/wordpress\/support\/knowledgebase\/how-to-prep-images-for-your-website\/","title":{"rendered":"How to prep images for your website"},"content":{"rendered":"<p>If you maintain your website it\u2019s likely you\u2019ll need to upload images to your site. Many people upload images to their website without first checking the size but this can lead to slow loading pages and excessive bandwidth use for mobile users. Before you upload an image it\u2019s best to first scale it to the size you need.<\/p>\n<p><strong>Measuring images for web:<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/quikclicks.quik17.com\/wordpress\/wp-content\/uploads\/2026\/10\/03044e1c4cc321af9fede9a8f82390ed.jpg\" alt=\"How to prep images for your website - screenshot 1\" width=\"650\" height=\"351\" class=\"size-full wp-image-4015\" loading=\"lazy\" srcset=\"https:\/\/quikclicks.quik17.com\/wordpress\/wp-content\/uploads\/2026\/10\/03044e1c4cc321af9fede9a8f82390ed.jpg 650w, https:\/\/quikclicks.quik17.com\/wordpress\/wp-content\/uploads\/2026\/10\/03044e1c4cc321af9fede9a8f82390ed-300x162.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<p>If you don\u2019t know what size your image needs to be, you may be able to figure it out by examining the images already on your website. If you\u2019re using Google chrome you might like to install this handy measuring tool which can give you a measurement in pixels of any part of your website:<br \/><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/page-ruler-redux\/giejhjebcalaheckengmchjekofhhmal\/related?hl=en\">Page Ruler<\/a><\/p>\n<p><strong>Resizing images<\/strong><\/p>\n<p>Once you know the size of the image you need you can resize image files using programs like Photoshop or Paint. You may need to use a combination of scaling and cropping to achieve the correct size. Remember not to stretch your images.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/quikclicks.quik17.com\/wordpress\/wp-content\/uploads\/2026\/10\/36556b4890ec5b0b5772eccb8a9bfbae.jpg\" alt=\"How to prep images for your website - screenshot 2\" width=\"650\" height=\"247\" class=\"size-full wp-image-4016\" loading=\"lazy\" srcset=\"https:\/\/quikclicks.quik17.com\/wordpress\/wp-content\/uploads\/2026\/10\/36556b4890ec5b0b5772eccb8a9bfbae.jpg 650w, https:\/\/quikclicks.quik17.com\/wordpress\/wp-content\/uploads\/2026\/10\/36556b4890ec5b0b5772eccb8a9bfbae-300x114.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<p>If you don\u2019t have graphics software here is a handy tool you can use to resize images without downloading and installing any new programs. Pixlr is an image program that opens in your web browser:<\/p>\n<p><a href=\"https:\/\/pixlr.com\/x\/\">Pixlr<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you maintain your website it\u2019s likely you\u2019ll need to upload images to your site. Many people upload images to their website without first checking the size but this can lead to slow loading pages and excessive bandwidth use for mobile users. Before you upload an image it\u2019s best to first scale it to the [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"wds_primary_kb_category":0,"footnotes":""},"kb_category":[61],"class_list":["post-4017","kb_article","type-kb_article","status-publish","hentry","kb_category-website-troubleshooting"],"acf":[],"_links":{"self":[{"href":"https:\/\/quikclicks.quik17.com\/wordpress\/wp-json\/wp\/v2\/kb_article\/4017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quikclicks.quik17.com\/wordpress\/wp-json\/wp\/v2\/kb_article"}],"about":[{"href":"https:\/\/quikclicks.quik17.com\/wordpress\/wp-json\/wp\/v2\/types\/kb_article"}],"version-history":[{"count":0,"href":"https:\/\/quikclicks.quik17.com\/wordpress\/wp-json\/wp\/v2\/kb_article\/4017\/revisions"}],"wp:attachment":[{"href":"https:\/\/quikclicks.quik17.com\/wordpress\/wp-json\/wp\/v2\/media?parent=4017"}],"wp:term":[{"taxonomy":"kb_category","embeddable":true,"href":"https:\/\/quikclicks.quik17.com\/wordpress\/wp-json\/wp\/v2\/kb_category?post=4017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}