Установка и настройка
Миниатюры WebP и исходники фотографий
Как связаны оригинал, обложка и адаптивные миниатюры в Switch Pages. Проверка загрузки и размеров без ложного обещания ускорения любого сайта.
На этой странице
Разные файлы решают разные задачи
Оригинал нужен для подробного просмотра, миниатюра — для карточки и полосы галереи. Уменьшенная версия помогает не передавать исходную фотографию туда, где она показывается небольшой. При этом наличие расширения WebP само по себе не гарантирует подходящий размер и качество.
Медиамодуль создаёт производные изображения при обработке загрузки и хранит их сведения рядом с файлом. Каталог может использовать прямоугольную миниатюру и srcset; полноэкранный просмотр открывает соответствующее большое изображение.
Проверьте обложку и варианты
Загрузите две фотографии в реальное поле галереи. Измените порядок, назначьте обложку и проверьте публичную карточку. Например, если первый снимок меняется в редакторе, каталог и главная не должны продолжать показывать прежнюю обложку из другой связи.
В инструментах браузера сравните URL и фактические размеры загруженного ресурса с размером на экране. Для телефона не всегда нужен оригинал в несколько тысяч пикселей, но слишком маленькая миниатюра на большом экране будет размытой.
Сохраните доступ и качество
Производная версия приватного файла должна быть защищена так же, как оригинал. Смена расширения или путь к миниатюре не являются разрешением обходить видимость объекта. После закрытия публикации проверьте прямые ссылки на оба варианта гостем.
Не удаляйте исходники только потому, что карточки уже работают с WebP: они могут требоваться для галереи и повторной генерации. Проверяйте визуальное качество на фотографиях с мелкими деталями и сохраняйте согласованную копию медиа вместе с БД. Реальное ускорение оценивается замером страницы, а не названием используемого формата.
Продолжить работу
Проверьте процедуру на отдельной копии сайта. Сопоставьте задачу с возможностями ядра. Другой материал этого раздела: Чистые URL Switch Pages на Apache.
