Почему Битрикс создает превью (уменьшенную копию) анонсовой картинки из детальной плохого качества?
У вас сейчас происходит так:
из большой картинки (более 2000px в ширину) создается маленькая (133px). затем она немного увеличивается в размерах стилями в css.
т.е. сначала большая картинка ужимается, теряя качество, а потом увеличивается (зачем-то), теряя еще больше.
но это полбеды. при наведении курсора - у вас на месте маленькой отображается большая картинка, сильно ужатая стилями. Зачем все это сделано - непонятно.
Вам хватило бы использования превью чуть больше чем сейчас, без изменения размеров стилями. и без использования второй, большой картинки - именно они приводят к тому, что ваш сайт очень медленно загружается.
Дмитрий, подскажите, пожалуйста, какие размеры поставить для превью в моем случае?
Большую картинки вообще отключить. 
Изменения  размеров стилями еще отключить тоже?