Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, Оригинальная ширина картинки 206px, вы разрешаете ей тянуться до 1200. Это почти в 5 раз.

Если сложно думать абстрактно, нарисуйте картинки что и как должно выглядеть на разной ширине или на разных экранах.

Как в табах, при переключении сделать переход в виде opacity: 0 в opacity: 1?

Вместо display применяете opacity.
Для анимации transition: opacity 0.5s;

Видок на любителя, но если нравится, то почему нет.

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, логика вроде элементарная: если картинка вообще не должна растягиваться, значит родитель должен быть фиксированным. Если картинка может растягиваться только до определенных размеров, то размеры родителя ограничены.

Как сделать проверку?

Ему не поможет onload, на странице вообще нет такого селектора.

Как сделать проверку?

tosster22, ну теперь точно рассказывайте куда и как вы написали проверку из моего ответа.

Как сделать проверку?

tosster22 но вообще классный способ задавать вопрос. Выложить код, который не имеет отношения к ошибке, но зато не сказать какая ошибка возникает.

Как убрать пустое пространство внизу при сдвиге вверх секции в Mozilla, ie11 и Edge?

Оставить футер на месте и использовать отрицательный margin у предыдущей секции.

Как использовать fontawesome?

Какая версия Fontawesome?

Картинка растягивается по ширине при hover. Как исправить?

Одиночка Айс, краткая запись не всегда доводит до добра, например, при переопределениях, поэтому нельзя ее советовать без оговорок.

Как сделать принудительную загрузку страниц сайта фоном?

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

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский,

Как лучше ровнять, отключаем анимаху и подбираем процент width: %; height: %

Да, я примерно так делала. С работающей анимашкой меня просто укачивает )))
Но опять: height не надо ставить в зависимость от размера большой картинки, высота зависит от размера маленькой картинки.

когда сжимаешь экран браузера, сдвиги есть, идеально не реально сделать

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

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, ну так я же сказала высоту в пропорциях от ширины задавать, а не от родительской

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, почти круть, чуть чуть подвигать еще

Я бы вообще убрала кругляхи из фона. Наложила бы их абсолютом, а у активного запускала бы пульсацию. Тогда не надо будет играть в подгонку сотых и тысячных долей процентов.

Картинка растягивается по ширине при hover. Как исправить?

WebN00b, много изображений это background-repeat. Вам нужно задать no-repeat

https://webref.ru/css/background-repeat

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский,

как быть с классом который для картинки?

Картинке не забудьте max-width 100% задать

Мне кажется, этого достаточно.

Если нет, то в песочницу.

Картинка растягивается по ширине при hover. Как исправить?

Выложите код с проблемой в песочницу jsfiddle.net или codepen.io

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, конечно не работает, 139 px это не 100% от ширины родителя. Если прикинуть на глаз, то где-то в районе 10-13% должно быть. Посчитайте на калькуляторе или подгоните через инструменты разработчика.
Высоту через пропорции https://jsfiddle.net/Ankhena/cLhxv7eq/

Картинке не забудьте max-width 100% задать

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, размеры в %, ей и её родительскому div'у

Как отловить размер изображения и позиционировать на нем объекты?

Антон Вебсайтовский, Ну так тоже самое всё.
https://jsfiddle.net/705xjde6/ проценты посчитайте только точнее.

Можно ли сделать hover эффект для svg картинки которая вставлена через background-image тегу button?

Дима Турков, я и не предлагаю это ответом, только комментарием о возможности. Но тем не менее были случаи, когда это решение было вполне достаточным.

можно будет залезть внутрь svg картинки

Мечтаю о том дне, когда это будет возможно.