Best Practices: Images


If you’re going to play Web Designer, it’s important that you learn the ropes. Imagery impacts the beauty of the page, the page’s load speed, and your website’s SEO. Check back to this guide regularly as we continue to add new best practices!



File Type

The file type should always be JPG. In the rare occasions that you absolutely need an image with a transparent background, a small PNG file will be fine.

File Dimensions

If you’re uploading a full-sized banner image (something that stretches across the entire screen), the dimensions should be somewhere between 1920-2400px for the width.

With today’s large phone screens, images should be a minimum of 1000px wide.

File Name

Save your file with a name that has 5-10 relevant keywords. Separate each word with a dash. Use keywords that you think people might be typing into a search box to find.

Example: wedding-fashion-bridal-gown-dress-lace-mermaid.jpg

File Size

Try your best not to exceed 100kb for the file size. If it’s a really important image that needs to keep its high quality, you can have it be a little higher. But keep in mind that a page should not exceed 1 megabyte in total. So if you do add a 500kb image, you’re already halfway to the limit.

Your page’s loading speed and SEO are affected by the amount of media on your pages. This is most important for your homepage and the other pages you want to rank highly in Google search results. If you don’t care about SEO for a particular page, you can go way past that 1 megabyte limit.



Important Note:

You will need an image editing software if you want to add images yourself. You can get Adobe’s “Photography Plan” which includes Lightroom and Photoshop for only $9.99/mo.

Where to Buy: