Загрузка и требования к файлам
Документация описывает базовые требования к загрузке изображений и видео в продукте.
Требования ориентированы на современные браузеры, Retina/HiDPI-экраны и оптимизацию трафика.
1. Общие требования
1.1 Поддерживаемые форматы изображений
| Формат | Статус |
|---|---|
| AVIF | основной, приоритетный |
| WebP | обязательный |
| JPG | fallback |
1.2 Общие требования к изображениям
- Соотношение сторон должно строго соблюдаться
- Минимальный размер — не меньше отображаемого
- Рекомендуемый размер — 2× от максимального отображаемого
- Максимальный размер по длинной стороне — 4096 px
- EXIF-данные удаляются автоматически
- Автокадрирование — по центру
- Поддержка Safe Area (80–90%)
1.3 Поддерживаемые форматы видео
| Формат | Статус |
|---|---|
| MP4 (H.264 / H.265) | основной |
| WebM (VP9 / AV1) | опционально |
Общие параметры видео:
- FPS: 24–30
- Аудио: отключено
- Loop: разрешён
- Максимальная длительность: 30 сек
- Максимальный размер файла: 15 МБ
2. Типы контента и требования
2.1 Аватар пользователя
- Соотношение сторон: 1:1
- Форматы: JPG, WebP, AVIF
- Количество: 1
Размеры:
- Минимум: 256×256
- Рекомендуемый: 512×512
- Максимум: 1024×1024
Ограничения:
- Максимальный вес: 3 МБ
- Safe area: ~80%
- Поддержка круглой маски
2.2 Аватар специалиста
- Соотношение сторон: 1:1
- Форматы: JPG, WebP, AVIF
- Количество: 1
Размеры:
- Минимум: 256×256
- Рекомендуемый: 512×512
- Максимум: 1024×1024
Ограничения:
- Максимальный вес: 3 МБ
- Safe area: ~80%
- Поддержка круглой маски
2.3 Логотип бренда
- Соотношение сторон: 1:1
- Форматы: AVIF, WebP, JPG
- Количество: 1
Размеры:
- Минимум: 256×256
- Рекомендуемый: 512×512
- Максимум: 1024×1024
Ограничения:
- Максимальный вес: 3 МБ
- Safe area: ~80%
Дополнительно:
- Запрещено использовать фотографии вместо логотипа
2.4 Обложка бренда
- Соотношение сторон: 16:19
- Форматы изображений: JPG, WebP, AVIF
- Форматы видео: MP4, WebM
- Количество: до 10
Изображения:
- Минимум: 960×1140
- Рекомендуемый: 1280×1520
- Максимум: 1920×2280
- Максимальный вес: 3 МБ
Видео:
- Рекомендуемое разрешение: 1080×1280
- Максимальная длительность: 30 сек
- Максимальный вес: 15 МБ
2.5 Обложка локации
- Соотношение сторон: 16:19
- Форматы изображений: JPG, WebP, AVIF
- Форматы видео: MP4, WebM
- Количество: до 10
Изображения:
- Минимум: 960×1140
- Рекомендуемый: 1280×1520
- Максимум: 1920×2280
- Максимальный вес: 3 МБ
Видео:
- Рекомендуемое разрешение: 1080×1280
- Максимальная длительность: 30 сек
- Максимальный вес: 15 МБ
2.6 Обложка специалиста
- Соотношение сторон: 4:3
- Форматы изображений: JPG, WebP, AVIF
- Форматы видео: MP4, WebM
- Количество: до 10
Изображения:
- Минимум: 960×720
- Рекомендуемый: 1280×960
- Максимум: 1920×1440
Видео:
- Рекомендуемое разрешение: 1280×960
- Максимальная длительность: 15 сек
- Максимальный вес: 15 МБ
2.7 Обложка пространства
- Соотношение сторон: 4:3
- Форматы изображений: JPG, WebP, AVIF
- Форматы видео: MP4, WebM
- Количество: до 10
Изображения:
- Минимум: 960×720
- Рекомендуемый: 1280×960
- Максимум: 1920×1440
Видео:
- Рекомендуемое разрешение: 1280×960
- Максимальная длительность: 15 сек
- Максимальный вес: 15 МБ
2.8 Обложка услуги
- Соотношение сторон: 4:3
- Форматы изображений: JPG, WebP, AVIF
- Форматы видео: MP4, WebM
- Количество: до 10
Изображения:
- Минимум: 960×720
- Рекомендуемый: 1280×960
- Максимум: 1920×1440
Видео:
- Рекомендуемое разрешение: 1280×960
- Максимальная длительность: 15 сек
- Максимальный вес: 15 МБ
3. Ограничения по весу файлов
| Тип контента | Максимальный размер |
|---|---|
| Аватары | 3 МБ |
| Логотипы | 3 МБ |
| Изображения обложек | 9 МБ |
| Видео | 15 МБ |
4. Серверная обработка
- Автоматическая конвертация в AVIF / WebP
- Проверка соотношения сторон
- Автокадрирование
- CDN + lazy loading
- Генерация нескольких размеров (responsive)
5. Рекомендации по UX
- Первый элемент галереи используется как hero
- Контент должен быть читаем в Safe Area
- Видео — без резких переходов и вспышек