Media Resources

Documentation

• MDN Web Media Technologies
• MDN img Element
• MDN video Element
• MDN audio Element
• web.dev Learn Images

Image Optimization Tools

• Squoosh - Browser-based image optimizer
• ImageOptim - Mac image optimizer
• TinyPNG - PNG and JPEG compression
• SVGOMG - SVG optimizer
• Sharp - Node.js image processing

Video Tools

• HandBrake - Open-source video transcoder
• FFmpeg - Command-line media tool
• Vidstack - Modern video player library

Free Media Resources

Stock Images

• Unsplash
• Pexels
• Pixabay

Icons and Illustrations

• Heroicons
• Feather Icons
• unDraw Illustrations

Video

• Coverr - Free stock video
• Pexels Video

Specifications

• HTML Living Standard - Embedded Content
• Media Source Extensions
• WebVTT - Web Video Text Tracks
• Web Audio API