Влияет ли размер картинок (если в статьи 5-7) на продвижения?
На прямую - нет, но опосредованно - да. У поискового робота (у гугла особенно) обычно имеется некий лимит на сканирование одного сайта (не путать с топами, типа озона, вб итп, для них особенные правила), если на страницах этого сайт много тяжелого графического контента, то индексация займет сильно больше времени.
А также формат jpeg или webp?
Никакой разницы для SEO.
Обычно, делают так (на примере CMS):
1. На сервер (через админку) загружается качественное изображение.
2. На сервере изображение автоматически нарезается под нужные дисплеи (обычно 2-4 варианта изображения), конвертируется/оптимизируется в webp и вставляется в статью/товар через тег
picture.
3. В момент захода посетителя на сайт, тег
picture на основание указанных в нем атрибутов - определяет, какое изображение необходимо показать посетителю. Если это изображение "первого экрана", т.е. того, что посетитель видит сразу в момент загрузки сайта, то желательно указывать приоритетность загрузки изображения
loading="eager" (по умолчанию, все изображения загружаются лениво
loading="lazy").
5. (опционально) Можно сделать загрузку изображений лишь при прокрутке к этому изображению, например через библиотеку
vanilla-lazyload или самостоятельно через
Intersection Observer API.
