В чем разница обращения к img?

Question

[Петр Фронин]

В src тега img можно прописать полный путь до картинки или условный

<img src="http://my-site.ru/image/image.jpg">
<img src="image/image.jpg">

В обоих случаях все работает, но как было бы правильно это делать и в чем принципиальная разница? Может загружается быстрее/медленнее и еще что?

Answer 1

[Павел Тузов]

Если вы находитесь на главной странице сайта, то второй вариант сработает, а если, например, вы находитесь на странице my-site.ru/catalog, то во втором случае будет запрошено изображение по адресу my-site.ru/catalog/image/image.jpg

В этом разница между абсолютными путями (первый вариант) и относительными (второй)

Comments

[Павел Тузов]

Оптимальным будет использование такой записи <img src="/image/image.jpg">

Answer 2

[Андрей Верх]

В первом случае путь абсолютный во втором относительный.

Разница только в том, что не придётся менять домен во всех файлах если что. Второй вариант правильнее.

Comments

[Петр Фронин]

Это все понятно! Есть ли разница в скорости обращения к картинке или еще какие показатели?

[dom1n1k]

Разница даже если и есть, то она перенебрежимо мала.
Хотя в какие-то стародавние времена я читал рекомендации lf't слэши завершающие ставить (то есть www.example.com/) - якобы это экономит сколько-то там микросекунд. Но это было в доисторические лохматые годы.

[trushka]

dom1n1k, это зависит от сервера, просто часто адрес без слэша переадресовывается на адрес со слэшом