Как подготовить фотографии монет для быстрой загрузки сайта
Покупатель открыл карточку монеты, а главный снимок всё ещё загружается. Оценить сохранность в такой ситуации трудно. Но и чрезмерно уменьшать файл нельзя: вместе с весом изображения могут исчезнуть мелкие отметины на поверхности. Задача — ускорить показ фотографий, оставив различимыми детали, важные для оценки лота.
Какие изображения нужны покупателю
В каталоге превью помогает отличить один лот от другого и быстро открыть нужную карточку. В карточке требования строже: покупателю нужно рассмотреть аверс и реверс, гурт, надписи и участки с особенностями сохранности. Поэтому для одного предмета стоит готовить несколько версий снимка, а не загружать в каталоге тот же крупный файл, что и при подробном просмотре.
Чёткие фотографии позволяют сверить изображение с описанием: годом, номиналом, металлом и разновидностью. Если указана царапина или след удара, этот участок должен быть виден. Снимок не заменяет осмотр специалистом и не доказывает подлинность, зато помогает задать продавцу конкретный вопрос до ставки или покупки.
Как уменьшить файлы без потери важных деталей
Сначала — пригодный исходник
Начните с резкого снимка при ровном освещении: сжатие не исправит смазанный рельеф или пересвет на блестящей поверхности. Исходный файл сохраните отдельно, а для сайта подготовьте копии. При кадрировании монета должна занимать большую часть изображения, но край и возможные дефекты нельзя обрезать. Не сглаживайте поверхность, не удаляйте пятна, царапины и следы чистки — такие правки искажают представление о предмете.
Затем — размер и формат под задачу
Размер файла зависит от оформления сайта и доступного увеличения. Для небольшой плитки каталога не нужен снимок с разрешением, рассчитанным на подробный просмотр. Подберите ширину для каждого места показа, сохранив пропорции. На экране с высокой плотностью пикселей может потребоваться версия крупнее видимого блока; проверьте, сколько она весит и остаётся ли чёткой.
- Превью: небольшая версия для списка лотов, по которой легко узнать предмет.
- Основной снимок: версия для карточки, где детали читаются без обязательного увеличения.
- Увеличенный просмотр: крупный файл, который загружается по запросу и позволяет изучить поверхность.
JPEG подходит для большинства фотографий. WebP и AVIF могут уменьшить размер файла при сопоставимом качестве, но результат лучше проверять на своих снимках — особенно если у монеты мелкие буквы и выраженная фактура поля. Для схем или графики с прозрачностью могут понадобиться другие настройки. Если сайт отдаёт изображения в нескольких форматах, проверьте, что посетитель получит вариант, который поддерживает его браузер.
Оценивайте сжатие не только по числу килобайт. Откройте рядом исходник и подготовленный файл, увеличьте дату, легенду, участок гурта и область с заметным дефектом. Появились ореолы вокруг букв, а мелкие царапины слились с фоном? Значит, файл сжат слишком сильно. Превью и крупный снимок можно сжимать по-разному.
Как ускорить страницу, не скрывая фотографии
Страница может подбирать размер файла под ширину экрана, чтобы посетителю со смартфоном не приходилось загружать версию для широкого монитора. Снимки ниже первого экрана можно подгружать при прокрутке. Главный снимок открытого лота лучше показывать сразу: пустое место на его месте покупатель воспринимает как задержку.
Заранее задайте размеры области под изображение, иначе при появлении фотографии текст и кнопки сдвинутся. Проверьте и порядок снимков: общий вид аверса и реверса удобнее показывать до макросъёмки отдельных участков. Если крупная версия открывается по нажатию, покупателю должно быть понятно, какой снимок он увеличит. На телефоне окно просмотра не должно перекрывать кнопку закрытия.
Текстовое описание изображения пригодится, если фотография не загрузилась или посетитель использует программу экранного доступа. «Реверс монеты с видимым следом удара у края» полезнее, чем имя файла или слово «фото». При этом год, металл и состояние указывайте и в тексте карточки: покупателю не следует искать эти сведения только на снимке.
Что проверить после публикации
Откройте несколько карточек на телефоне и компьютере, в том числе при медленном соединении. Посмотрите, как скоро появляется главный снимок, работает ли увеличение и читаются ли детали. Возьмите разные предметы: небольшую монету с тонкой легендой, медаль с широким полем, лот с несколькими фотографиями гурта. Если покупатели жалуются на просмотр, проверьте вес файлов и не загружается ли вся галерея сразу в полном размере.
- Храните исходники отдельно от версий для сайта.
- Проверьте каждую версию при фактическом размере показа и при увеличении.
- Убедитесь, что превью ведёт к нужному лоту, а снимки в галерее идут в правильном порядке.
- После замены файлов снова откройте карточку: браузер может показывать старое изображение из кэша.
Для контрольной проверки подойдёт карточка, где в описании указан дефект у канта. Откройте её на смартфоне без увеличения, затем приблизьте нужный участок. Отметина должна быть различима на крупной версии, а для её просмотра не должна загружаться вся галерея в полном размере.