How to prepare images for your website

Optimize quality and performance before upload.

Step-by-step instructions

  1. Export images at web-ready dimensions based on layout needs.
  2. Compress files without noticeable quality loss.
  3. Use JPG for photos, PNG/SVG for graphics and logos.
  4. Name files descriptively for SEO and media organization.
  5. Provide alt-text notes for accessibility context.

Tips

  • Avoid uploading very large original camera files.
  • Keep visual style consistent across pages.
  • Use licensed or owned media only.

Related articles