Установка и настройка

Миниатюры WebP и исходники фотографий

Как связаны оригинал, обложка и адаптивные миниатюры в Switch Pages. Проверка загрузки и размеров без ложного обещания ускорения любого сайта.

На этой странице
  1. Разные файлы решают разные задачи
  2. Проверьте обложку и варианты
  3. Сохраните доступ и качество
  4. Продолжить работу

Разные файлы решают разные задачи

Оригинал нужен для подробного просмотра, миниатюра — для карточки и полосы галереи. Уменьшенная версия помогает не передавать исходную фотографию туда, где она показывается небольшой. При этом наличие расширения WebP само по себе не гарантирует подходящий размер и качество.

Медиамодуль создаёт производные изображения при обработке загрузки и хранит их сведения рядом с файлом. Каталог может использовать прямоугольную миниатюру и srcset; полноэкранный просмотр открывает соответствующее большое изображение.

Проверьте обложку и варианты

Загрузите две фотографии в реальное поле галереи. Измените порядок, назначьте обложку и проверьте публичную карточку. Например, если первый снимок меняется в редакторе, каталог и главная не должны продолжать показывать прежнюю обложку из другой связи.

В инструментах браузера сравните URL и фактические размеры загруженного ресурса с размером на экране. Для телефона не всегда нужен оригинал в несколько тысяч пикселей, но слишком маленькая миниатюра на большом экране будет размытой.

Сохраните доступ и качество

Производная версия приватного файла должна быть защищена так же, как оригинал. Смена расширения или путь к миниатюре не являются разрешением обходить видимость объекта. После закрытия публикации проверьте прямые ссылки на оба варианта гостем.

Не удаляйте исходники только потому, что карточки уже работают с WebP: они могут требоваться для галереи и повторной генерации. Проверяйте визуальное качество на фотографиях с мелкими деталями и сохраняйте согласованную копию медиа вместе с БД. Реальное ускорение оценивается замером страницы, а не названием используемого формата.

Продолжить работу

Проверьте процедуру на отдельной копии сайта. Сопоставьте задачу с возможностями ядра. Другой материал этого раздела: Чистые URL Switch Pages на Apache.

← Установка и настройка

Создайте сайт сами

Посмотрите, как вы будете управлять своим сайтом

Изучите интерфейс Switch Pages и проверьте, подходит ли движок под вашу задачу.

Демо доступно бесплатно после регистрации на основном сайте.