Размер изображений на сайте прямо влияет на скорость загрузки страниц

Формат

Для услуг, акций, врачей, где НЕ предполагается использование прозрачного фона, используем формат JPG. Там где нужно, чтобы был прозрачный фон, используем PNG.

• WEBP - современный формат растровых изображений. Отличается новейшей технологией сжатия, обеспечивающей максимальное качество при минимальном размере файла. Однако данный формат, в силу новизны, поддерживается далеко не всеми графическими редакторами, CMS  и браузерами, поэтому не следует торопиться его применять.
• SVG - прогрессивный векторный формат, т. е. SVG-картинки не теряют качество при увеличении, отлично подходят для несложных изображений и иконок, а также для реализации анимации.
• PNG - растровый формат, поддерживающий прозрачность и полупрозрачность.
• JPG - лучше других подходит для картинок с большим количеством цветов и фотографий.
• GIF - устаревший формат, поддерживающий до 256 цветов, прозрачность и анимацию. Можно использовать для несложной анимации.

Размер изображения

Если предполагается, что изображение будет выведено в карточке или на странице, но не более половины ширины десктопного экрана, изображение нужно уменьшить максимум на 1000x1000 пикселей (или 1200x1200 пикселей).

Не нужно загружать картинки размером 1440x2650px там, где они будут использованы в размере 400x400px

Вес изображения

Что касается веса медиаконтента, то, чем он меньше, тем быстрее будет грузиться страница. Также необходимо позаботится об оптимизации путем сжатия. Главное — не перестараться, иначе ухудшится качество отображения. Оптимальный вес картинки — 200-400 килобайт, в зависимости от размера.

Для миниатюр оптимальный вес 50-100 кб

Пропорции изображений

Перечень пропорций, которые могут быть добавлены на сайт (оптимальные):

• 1:1 (квадрат с ровным сторонами);
• 4:3 (высокий прямоугольник);
• 3:2 (простой прямоугольник);