Почему прыгают картинки при наведении на них, что делать?

Question

[Игорь Касперский]

Здравствуйте. Картинки прыгают при наведении на них после загрузки или обновлении стр. Тут тоже прыгают . И прыгают/мигают и большие и маленькие по размеру. Что посоветуете?

Answer 1

[Андрей Федоров]

Картинки подгружаются, поэтому они мигают.
Решения:
1. Использовать спрайты
2. Использовать иконочный шрифт.
3. Использовать графику внутри css с помощью base64

Answer 2

[Илья]

Можно еще картинку заранее подгружать в невидимом блоке

<div style="display:none">
<img src="http://www.iconsdb.com/icons/download/white/link-512.png">
</div>

Answer 3

[trushka]

В вашем случае вообще можно без замены иконок, только фильтром обойтись. В качестве бонуса ещё и transition в ФФ работать будет. И в мелкомягком edge, кстати, тоже))
https://jsfiddle.net/trushka/enm892a6/4/