Живі приклади
Сценарії з реального застосунку для клубів: аватари учасників, галерея проєктів, завантаження фото.
2. Галерея проєктів
Яку ширину прев'ю браузер завантажить для кожного фото при поточній кількості колонок (DPR 2).
| Фото | Оригінал | Прев'ю | Обрано |
|---|---|---|---|
| Проєкт «Чиста вода» | 2400×1600 | [160,320,800,1600] | 800w |
| RYLA табір | 1200×1800 | [160,320,800] | 800w |
| Логотип клубу | 280×280 | [160] | оригінал |
3. Завантаження фото (image-browser)
Оберіть своє фото — воно стиснеться у WebP прямо в браузері, нічого не надсилається. Пропорції зберігаються, малі фото не збільшуються.
fitWidth(1200×1800, 320) → {"width":320,"height":480}
4. Бібліотека зображень (ImageLibraryDialog)
Вікно з вкладками Бібліотека / Завантажити / URL. Папки та сховище дає ваш проєкт через адаптер; тут — тимчасове сховище в пам'яті.
5. Повний цикл пресетів
Копії 160/320/800/1600 → завантаження всіх у сховище → збереження адрес → показ оптимального фото під поточну ширину. Змініть ширину вікна — обране фото зміниться.
7. Кеш, масова генерація, інформація про фото
Чотири фото у сховищі в пам'яті. Два мають лише копію 160. Одне — замале (280px). Для одного імітовано збій мережі.
Налаштування: розміри 160, 320, 800, 1600, якість 0.8 · виправлено: invalid or duplicate widths dropped
Запитів до сховища: 0