Audio/Video/Image Best Practices

Hello, I find that many students and other users don’t really have any knowledge of best practices (and embedding options) when using audio/video/images on their websites. I see lots of people uploading 4000x4000 images when they are just used at 300x300 and full HD videos for little clips in a tiny window. Of course this eats up the quota quickly and degrades website performance.

There are guides online for this but most of them are either outdated, covered in ads or are sites pushing people to use a particular online software application. Is anyone aware of a guide created by a university or non-profit (maybe by Reclaim institution?) that covers this well? I’m trying to see if something is already out there before I re-invent the wheel.



I am going through the posts that are unanswered. I hope you found some useful information on images, audio and video best practices. Here is a guide by Indiana University that might be helpful:

Yes people don’t seem to understand the trade off between quality or images / video vs speed / bandwidth, etc - Had a friend that wanted to buy a mobile phone because it can record 8K video and he wants to share these videos with friends - He couldn’t get his head around the fact almost no one owns a 8K monitor and how much data and bandwidth it would require to watch such videos