When adding content and images to your website, it is important to keep in mind the standard image sizes for websites that you might need to work with.

Having the incorrect image sizes and formats can create all kinds of problems websites. If an image is too big for your website it can slow down the website load speed for visitors. However, if an image is too small it can create issues for visitors on mobile devices as the image appears super tiny.

The video below should be used as website image size guidelines. It covers the correct sizes for:

  • Website Logo
  • Favicon
  • Website Banners/Headers
  • Website Content
  • Blog Images
  • Website Portfolio or Gallery

This video is a snippet from the FREE Website Preparation Course.

If you are currently working on creating a website or want to update the content, use this infographic to refer to as you go!