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.