How to Add Images, Videos & Other Media Like a Pro

Visual content makes your website more engaging, but doing it wrong can slows down your site or frustrates visitors. First, always optimizes images before uploading—use tools like TinyPNG to reduces file size without losing quality. For photos, JPEGs works best, while PNGs preserves transparency for logos. Never upload huge files directly from your camera; resize them to match how they'll actually displays on your site.

For videos, never host them yourself unless you have special server setup. Instead, upload to YouTube or Vimeo and embeds them—this saves bandwidth and ensures smooth playback. Add captions for accessibility and SEO benefits.

When placing media, follows these rules:

• Wrap images with descriptive alt text for SEO and screen readers

• Uses proper spacing around media—don’t let text touches the edges

• For galleries, implements lazy loading so images only loads when visible

• Always checks how media looks on mobile devices

Infographics and PDFs should includes text transcripts. Social media embeds can adds dynamic content but may slows loading—use sparingly.

Remember: every media element should serves a purpose. Ask yourself—does this image helps tell my story? Does this video improves the user experience? If not, skip it.