Как лучше указывать путь к медиа файлам в HTML/CSS?

С точки зрения оптимизации первый вариант просто короче (меньше байтиков).
С точки зрения SEO пофигу.

Привет!

1 - href="img/images.png"

лучше так, меньше сайт нагружает

1 - background: url(../img/images.png)

лучше тоже первый

У меня в хтмл третий вариант /img/img.png т.е от корня сайта. В css использую относительный путь хотя наверное лучше также делать от корня

Ой как все тут ошибаются)
Ни один из ваших вариантов не лучше!
Лучше использовать https://resources.example.com/bla/bla.bla
Причем на месте resources можно создать любой логичный поддомен.

Первые варианты лучше, с точки оптимизации, меньше нагрузка на сайт, а самое удобное что если вдруг Вы решите поменять домен это облегчит переноску сайта.
П.С. когда делают сайт сначала на локальной машине а потом переносят на хостинг, то перенос в первом варианте легче осуществить, так как путь относительный.

Чем короче тем лучше оптимизация, на seo это вообще никак не влияет.

Чем короче - тем проще, все мы ленивые)
Никак не влияет на оптимизацию, и плюсов никаких нет, единственное различие - если вы планируете менять доменное имя, вам придется вручную менять в каждой строчке доменное имя