Help Hub

Home » Help Hub » Images and Visuals

Images and Visuals

While you don’t want to overwhelm people with visual designs, videos, animations, and pictures, a few images and visuals are great for your website. Keep in mind the following guidelines:

  • Use WebP formats for images.
  • When you can’t use WebP, use JPG for photos/pictures and PNG for logos or text-rich images.
  • Logos in headers should be no taller than 125px, but usually are 75px or 90px in height.
  • Keep images less than 100kb for large sizes and less than 50kb for small sizes.
  • Large images should be no larger than 1440px in width, but usually less than 900px in width.
  • Most images (such as those within content) should be less than 600px in width.
  • Edit the image to the exact size that will be used on the page.
  • Use an external hosting service (i.e. YouTube or Vimeo).
  • Use pop-up or video view pages rather than direct embed.
  • Use lazy loading for images and videos.