Виртуальная галерея: онлайн-выставка бесплатно
Посетитель пролистывает девять миниатюр подряд и судит обо всей серии по обложке. Освещённая стена заставляет остановиться перед каждой работой.
Развесьте работы на 3D-стене галереи: рамы, подсветка, hotspot и одна ссылка для встраивания. Как готовить изображения, советы по жанрам и честные ограничения.
Автор Franco Cirulli
Обновлено
Ваше портфолио — сетка миниатюр. Каждую работу обрезают почти до квадрата, сжимают, чтобы быстрее грузилась, и ставят рядом с девятью другими, которые борются за тот же беглый взгляд. Посетители сетку пробегают глазами. Ни на что по-настоящему они не смотрят.
3D-галерея делает обратное. Одна работа в раме за раз, в тех пропорциях, в которых вы её сняли, под светом на стене, вдоль которой зритель прокручивает экспозицию. В i3Dify, который превращает загруженные изображения в 3D-проект, доступный по ссылке, такая стена называется проектом Gallery, и стоит понять, как она устроена, прежде чем что-то загружать.
Работы висят в один ряд. Колесо мыши или свайп сдвигают стену вбок, стрелки переводят от работы к работе, Home и End перескакивают к первой и последней, а док делает то же самое и вдобавок управляет масштабом. У каждой работы своя подсветка, а рама подстраивается под файл, так что панорама и портрет висят рядом, и ни одну не приходится обрезать.
Вы задаёте цвет стены или загружаете изображение с узором и выбираете, как часто он повторяется. Рамы можно убрать совсем или покрасить в нужный цвет. Яркость подсветки и рассеянный свет настраиваются, пока стена не станет похожа на место, где не стыдно показывать работы. Свободной камеры, которой можно летать, нет, и в этом весь смысл: зритель, который не может заблудиться, видит каждую работу, и в том порядке, который выбрали вы.
Прокрутите эту стену вбок или пройдите вдоль неё стрелками. Она собрана на бесплатном тарифе, без единой строчки кода.
Галерея показывает то, что вы ей дали. Она не восстановит детали, которых не было в файле, и не исправит сдвиг цвета. Экспортируйте с длинной стороной от 1920 px: при увеличении зритель подходит достаточно близко, чтобы заметить мыльность. Сохраняйте в sRGB. Файлы в Adobe RGB и ProPhoto в браузере меняют цвет, и сильнее всего плывут красные и бирюзовые. JPEG с качеством 80 обычно не отличить от качества 100, а весит он втрое меньше.
Бесплатный тариф вмещает 50 МБ на 3 проекта, это примерно 20–40 хорошо оптимизированных изображений, и на каждом бесплатном проекте стоит водяной знак i3Dify. Pro стоит 3 $ в месяц, убирает брендинг и поднимает лимит до 10 ГБ. И всё же отбирайте работы с запасом. Двадцать сильных работ читаются как портфолио, шестьдесят разношёрстных — как архив.
Стена та же, настройки те же. Меняются порядок и то, что вы прикрепляете к каждой работе.
Поставьте hotspot — кликабельную метку — на любую работу, и он откроет ссылку, покажет короткую заметку при наведении курсора или откроет всплывающее окно с длинным текстом. Там живут цена, техника, размеры и ссылка на покупку, так что стена остаётся визуальной, а подробности — в одном клике. Оплата проходит в вашем магазине или на странице записи. Галерея — это витрина, а не касса.
Два ограничения лучше назвать сразу. Видео не может быть работой на стене, поэтому повесьте характерный кадр и направьте hotspot на шоурил. А текст, нарисованный внутри 3D-сцены, поисковики прочитать не могут, так что описание проекта, которое должно попадать в выдачу, остаётся на обычной странице.
Опубликованная галерея — обычный адрес, поэтому её можно вставить через iframe везде, где платформа разрешает свой HTML. Дайте ей на компьютере не меньше 600 px в высоту, иначе стене не хватит места, чтобы читаться как пространство. Индексируемый текст и форма связи остаются на вашем сайте, а работы получают стену.
Сетка помогает вашим работам попасться на глаза. Стена заставляет рассмотреть одну работу, потом следующую, в том порядке, который решили вы.
Создайте проект Gallery, загрузите файлы JPG, PNG или WebP, расставьте их перетаскиванием, затем задайте в настройках раму, цвет стены и подсветку. Добавьте hotspot с названиями или ссылками на покупку и опубликуйте. Вы получите одну ссылку, которой можно поделиться или встроить на сайт.
Не меньше 1920 px по длинной стороне, экспорт в sRGB. Файлы в Adobe RGB и ProPhoto в браузере меняют цвет. JPEG с качеством 80 обычно визуально не отличается от качества 100, а весит примерно втрое меньше.
Бесплатный тариф вмещает 50 МБ на 3 проекта, это примерно 20–40 хорошо оптимизированных изображений в одной галерее. На бесплатных проектах стоит водяной знак i3Dify. Pro стоит 3 $ в месяц, убирает брендинг и даёт 10 ГБ.
Да. Свайп прокручивает стену, док отвечает за масштаб и переход к первой или последней работе, а каждая рама сохраняет пропорции своего файла. Большинство ссылок на портфолио открывают именно с телефона.
К любой работе можно прикрепить цену, размеры или ссылку на покупку через hotspot, который открывает ваш магазин, сервис печати или страницу записи. Оплаты внутри галереи нет, так что ваша нынешняя касса остаётся там, где была.
Нет. Галерея считывает пропорции каждого файла и подгоняет размер работы под них, поэтому вертикальные, горизонтальные, квадратные и панорамные работы висят на одной стене без обрезки и искажений.
Нет. Всё, что нарисовано внутри 3D-сцены, поисковики прочитать не могут. Если проект должен находиться по текстовым запросам, опубликуйте описание на обычной странице и встройте галерею в неё.
Можно, но стена линейная, и в смешанной галерее людям приходится пролистывать работы, которые их не касаются. Отдельная галерея под каждый жанр или клиента сразу приводит человека к нужным работам.
Загрузите PDF или несколько изображений, выберите тип проекта и поделитесь ссылкой. Чтобы попробовать, хватит бесплатного тарифа.
Создать галерею