Як підготувати фото для сайту
Оновлено 09.11.2026 4 хв читання
Стискати чи зменшувати фото спеціально для сайту не потрібно — це Gallera робить сама. Але кілька налаштувань під час експорту дадуть чіткі фото з правильними кольорами.
Що можна завантажити
- Формати: JPG, PNG, WebP, а також GIF.
- Розмір файлу: до 15 МБ.
- Не підходять: HEIC (так зберігає фото iPhone), RAW, TIFF і SVG. Експортуйте такі фото в JPG.
Фото завантажується в будь-якому полі фото на вкладці «Контент»: натисніть «Завантажити фото» чи «Замінити» або перетягніть файл у поле. Кожне завантажене фото потрапляє в медіатеку сайту, і його можна взяти в інший блок, не завантажуючи вдруге.
Що Gallera робить із фото сама
- Перетворює у WebP — сучасний формат для вебу — з якістю 95 %.
- Зменшує до 2560 px по довшій стороні й робить ще дві копії — 1280 і 640 px. Браузер сам вибирає потрібну: телефон отримує меншу копію, великий екран — повну. Менші фото не збільшуються.
- Повертає фото за даними EXIF — знімок із телефона чи камери стоятиме так, як ви знімали.
- Прибирає метадані EXIF і XMP: координати GPS, модель камери, дату зйомки, дані про автора. Так ніхто не дізнається з фото, де ви знімали клієнтів.
- Завантажує фото під час прокручування: фото нижче першого екрана вантажаться, коли відвідувач до них догортає, а фото банера — одразу.
Налаштовувати нічого не треба — це відбувається з кожним фото.
Оригінал не зберігається: на сайті лишаються лише копії у WebP. Тримайте оригінали в себе.
Як експортувати фото
| Параметр | Значення | Чому |
|---|---|---|
| Формат | JPEG | Підходить для фото, а файл невеликий |
| Розмір | 2560 px по довшій стороні | Більше Gallera однаково зменшить, а файл довше вантажитиметься |
| Якість | 90 % | Gallera сама перестискає фото у WebP; сильне стискання заздалегідь лише додасть артефактів |
| Колірний простір | sRGB | Стандарт для вебу; в Adobe RGB чи ProPhoto RGB кольори в браузері можуть стати тьмяними |
| Назва файлу | olena-ivan-wedding-lviv.jpg |
Назва видна в медіатеці й в адресі фото на сайті |
- Не менше 1500 px. Менше фото на великому екрані виглядатиме розмитим, особливо в банері чи на весь екран. Для банера краще повні 2560 px.
- Назви файлів — латиницею, слова через дефіс, замість
IMG_4821.jpg. Так фото легко знайти пошуком у медіатеці, а Google отримує ще одну підказку, що на фото. Див. Фото і пошук. - Водяний знак — на ваш розсуд. Дані про автора в EXIF на сайті не зберігаються, тож якщо хочете підписати фото — лише видимим знаком.
Експорт із Lightroom Classic
- Виділіть фото й натисніть File → Export (⇧⌘E / Ctrl+Shift+E).
- Export Location — оберіть теку, куди зберегти фото.
- File Naming — увімкніть Rename To й оберіть Custom Name - Sequence, а в Custom Text впишіть назву зйомки, наприклад
olena-ivan-wedding-lviv. - File Settings: Image Format — JPEG, Quality — 90, Color Space — sRGB.
- Image Sizing: увімкніть Resize to Fit, оберіть Long Edge і вкажіть 2560 pixels. Увімкніть Don't Enlarge — тоді менші фото не збільшуватимуться.
- Output Sharpening: Sharpen For — Screen, Amount — Standard.
- Щоб не задавати все це щоразу, натисніть Add унизу ліворуч і збережіть налаштування як пресет, наприклад «Gallera Site».
В інших програмах — Capture One, Photoshop — задайте ті самі параметри: JPEG, 2560 px по довшій стороні, якість 90 %, sRGB.
Фото з телефона
Фото з iPhone часто зберігаються у форматі HEIC — сайт його не прийме. Збережіть або експортуйте такі фото в JPG, наприклад через Lightroom. Повертати фото вручну не потрібно: Gallera розверне їх сама.
Як завантажити багато фото
- На вкладці «Контент» будь-якого блока з фото натисніть «Медіатека», а в галереї — «Додати кілька з медіатеки».
- Натисніть «Завантажити» і виберіть одразу кілька файлів або перетягніть їх у вікно медіатеки.
- Дочекайтеся кінця: на кнопці видно, скільки вже завантажено, наприклад «Завантаження 3 з 12…».
Якщо частина файлів не завантажилася, медіатека напише «Не завантажено: N з M» і причину. Виправте ці файли й завантажте їх ще раз — решта вже в медіатеці.
Як додати фото в галерею — у статті Галерея.
Якщо фото не завантажується
«Фото завелике — максимум 15 МБ». Експортуйте фото з розміром 2560 px по довшій стороні і якістю 90 % — такий файл зазвичай важить 1–4 МБ.
«Підходять лише фото JPG, PNG, WebP або GIF». Найчастіше це HEIC з iPhone, TIFF чи RAW. Експортуйте фото в JPG.
Фото на сайті розмите. Завантажене фото замале — Gallera не збільшує фото. Завантажте версію щонайменше 1500 px, а для банера — 2560 px.
Кольори на сайті тьмяніші, ніж у Lightroom. Експортуйте фото в sRGB і завантажте знову.
Як сайт обрізає фото під формат блока — у статті Обрізка, формат і точка фокусу.