Медиа-инструмент
Фотобанк
Фотобанк закрывает путь от сырой загрузки до готового медиаресурса: изображения загружаются пачками, редактируются, дополняются метаданными и готовятся к публикации.
Что внутри
- Пакетная загрузка и подготовка изображений к публикации.
- Каталогизация через теги, авторов, источники и описания.
- Pipeline обработки изображений и генерации адаптивных версий.
Ключевые акценты
50
файлов за загрузку
WebP
адаптивные версии
Meta
поиск и фильтры
Продуктовый вид
Фотобанк
Фотобанк закрывает путь от сырой загрузки до готового медиаресурса: изображения загружаются пачками, редактируются, дополняются метаданными и готовятся к публикации.
Функциональность
Возможности
Пакетная загрузка
Файлы можно выбрать или перенести на страницу; GIF приводятся к статическому изображению, неподдерживаемые типы отсекаются.
Редактор изображений
Перед сохранением доступны кадрирование, поворот, отражение, яркость, контрастность и насыщенность.
Каталог и фильтры
Поиск работает по номеру, тексту, типу, датам, тегам, авторам, источникам, создателям и исключенным источникам.
Корзина и восстановление
Удаление мягкое: изображения уходят в корзину, откуда их можно восстановить при наличии прав.
Как это работает
Рабочий сценарий
- 01
Загрузить изображения
Оператор добавляет до 50 файлов через uploader или drag-and-drop прямо на страницу каталога.
- 02
Подготовить визуал
Изображение кадрируется под нужный формат, поворачивается, отражается и корректируется по базовым параметрам.
- 03
Назначить данные
Для одного файла или выбранной пачки заполняются тип, теги, автор, источник, описание и срок удаления.
- 04
Сохранить в каталог
API создает full, desktop, tablet, mobile версии в JPEG/WebP и оставляет действия в журнале.
Под капотом
Техническая часть
Vue 3, Pinia, Element Plus
Интерфейс строится вокруг карточек изображений, модального редактора, фильтров, таблиц пользователей и настроек карточки.
Express + MySQL
Сервер проверяет права, хранит метаданные, ведет логи операций и отдает списки с пагинацией и произвольной выборкой полей.
Sharp/Jimp pipeline
Обработчик генерирует несколько размеров, WebP-версии, превью и применяет watermark-конфиги под соотношения сторон.