Изображения для блога

Чтобы сайт загружался мгновенно и не «съедал» место на диске, в Ghost лучше придерживаться следующих стандартов.
Ghost автоматически делает ресайз (создает несколько копий изображения разной ширины), поэтому ваша задача — загрузить качественный «исходник», который не будет слишком тяжелым.

1. Основное изображение (Feature Image)
   Это обложка поста, которая отображается в соцсетях и вверху статьи.
   Рекомендуемый размер: 1600 × 1000 px.
   Соотношение сторон: 16:9 или 3:2.
   Вес: до 1 МБ (в идеале — 300–500 КБ).
2. Изображения внутри контента
   Стандартная ширина: 1000–1200 px. Этого достаточно, чтобы картинка четко смотрелась на Retina-дисплеях.
   Вес: до 500 КБ.
   Если это скриншот интерфейса — 1200 px по ширине.
3. Логотип и иконка (Site Assets)
   Логотип: высота 600 px (ширина любая). Ghost сам уменьшит его под шапку.
   Фавикон (Publication Icon): 256 × 256 px (квадрат).
4. Соцсети (OG Images)
   Если вы хотите загрузить отдельную картинку для Facebook/Twitter:
   Размер: 1200 × 630 px.

Главные советы по оптимизации:

Формат WebP: Это «золотой стандарт». Он весит на 30-40% меньше JPEG при том же качестве. Если есть возможность — конвертируйте в него.

Инструменты: Перед загрузкой прогоняйте картинки через Squoosh.app (от Google) или TinyJPG. Это поможет сжать файл без видимой потери качества.

Lazy Loading: Ghost по умолчанию поддерживает «ленивую загрузку», поэтому даже если картинок в посте много, они не затормозят открытие страницы.

Адаптивность: Не переживайте, если загрузите 2000 px — Ghost сам создаст версии на 600, 1000 и 1600 px и отдаст мобильному пользователю самую легкую.