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.