Here are a few best practices for keeping your website loading quickly and running smoothly.
When to use web-specific images & file types:
- WEBP for all images: photos, transparent graphics, animations, etc.
- JPEG for photos only
- PNG for graphics with transparent backgrounds
- SVG for vectorized logos and icons
- PDF for multi-page documents
- Uploads videos to YouTube or Vimeo and embed
- Keep ALL files under 500KB
- Keep images at 2000px dimensions (or less)
Additional resources:
- Compress images for web with Photoshop: https://websitewizard.dev/saving-images-for-web-using-photoshop/
- Compress images and PDFs: https://www.compress2go.com
- Convert images to WEBP: https://cloudconvert.com/webp-converter