Getly
Покупець рідко бачить вашу обкладинку в повному розмірі. Він зустрічає її в сітці, поруч із десятком інших обкладинок, на екрані, який часто є екраном телефона. У Getly сітка товарів на телефоні показує дві картки поруч, тож кожна обкладинка малюється приблизно на половину ширини екрана. Усе, що є на зображенні, має працювати в такому розмірі, інакше воно не працює взагалі.
Цей посібник показує, як створити обкладинку, що витримає мініатюру, від розміру полотна до завантаження. Цифри взято з каталогу Getly, виміряного 26 вересня 2026 року.
Як сьогодні виглядає каталог
Більшість оголошень спираються на одне зображення. Серед активних оголошень:
| Зображень в оголошенні | Частка активних оголошень |
|---|---|
| Рівно одне | 54,06 % |
| Від двох до чотирьох | 33,20 % |
| П'ять або більше | 12,60 % |
Лише 7,00 % активних оголошень містять відео, а 13,67 % - окремий файл для попереднього перегляду. Тож для більш ніж половини каталогу обкладинка - це єдине, що покупець бачить, перш ніж вирішити, чи натискати.
Ми також відкрили перше зображення з випадкової вибірки з 400 активних оголошень і зчитали його справжні розміри. 83,0 % були близькі до 16:10 (співвідношення ширини до висоти від 1,5 до 1,7), бо інструмент кадрування під час завантаження обрізає зображення саме так. 9,5 % були квадратними, а 1,5 % - вертикальними: це старі завантаження, зроблені ще до появи інструмента кадрування. Медіанна ширина становила 1280 пікселів, 31,3 % мали ширину 1600 пікселів або більше, а 13,5 % були вужчими за 800 пікселів. Медіанний файл важив близько 168 КБ.
Проблему форми здебільшого вирішено. Залишився зміст: чи щось говорить зображення, коли воно зменшується.
Крок 1: почніть із полотна 1920x1200
Картка товару в Getly має пропорції 16:10, а інструмент кадрування у формі товару обрізає кожне зображення за цим співвідношенням і зберігає його шириною до 1600 пікселів. Створюйте дизайн у 1920x1200. Це рівно 16:10, тож інструменту нічого різати, і це більше за 1600, тож він зменшує зображення, а не збільшує. Зменшення зберігає чіткість країв; збільшення маленького зображення робить текст розмитим.
Обмеження завантаження, які варто пам'ятати: JPEG, PNG, WebP або GIF, до 5 МБ для прямого завантаження. Інструмент кадрування приймає більший вихідний файл (до 25 МБ) і перекодовує його в менший. Фото HEIC з iPhone не приймаються; спершу експортуйте їх у JPEG або виберіть через аркуш «Фото», який їх конвертує.
Крок 2: виберіть один об'єкт і зробіть його великим
Обкладинка, яка намагається показати все, у розмірі мініатюри не показує нічого. Виберіть одну річ, яку покупець має впізнати:
- Для шаблону або планера: одна сторінка, анфас, що заповнює більшу частину кадру.
- Для набору: три-чотири елементи віялом, а не двадцять у сітці.
- Для ebook: обкладинка книги, велика, на однотонному фоні.
- Для шрифту: два-три слова, набрані цим шрифтом, і нічого більше.
Тримайте об'єкт у середині кадру з відступом приблизно 8 % з кожного боку. Картка має заокруглені кути та рамку, а поверх неї може бути значок, тож краї - найменш безпечне місце для будь-чого важливого.
Крок 3: обмежте текст тим, що вміщується в один погляд
Текст на обкладинці необов'язковий. Якщо ви його використовуєте, обмежтеся чотирма-п'ятьма словами і робіть літери високими: рядок тексту має становити щонайменше одну восьму висоти зображення, щоб залишатися читабельним на телефоні. Назва товару вже надрукована під карткою, тож обкладинці не потрібно її повторювати. Використовуйте текст на обкладинці для того єдиного, чого назва показати не може, наприклад «Редагується в Canva», «A4 і US Letter» або «120 сторінок».
Використовуйте жирне накреслення. Тонкі та рукописні шрифти зникають першими, коли зображення зменшується.
Крок 4: перевірте контраст у відтінках сірого
Кольори, які добре розрізняються в повному розмірі, у мініатюрі можуть зливатися. Перед експортом на мить переведіть дизайн у відтінки сірого. Якщо текст і об'єкт усе ще виділяються на тлі, контрасту достатньо. Якщо вони зливаються в один сірий, затемніть фон або освітліть об'єкт, доки вони не розділяться.
Крок 5: перевірте в реальному розмірі
Це крок, який більшість людей пропускає, і саме він має значення. Зменшіть масштаб дизайну, доки він не стане завширшки приблизно 180 пікселів на екрані, - приблизно такий розмір має картка в дволамінній сітці на телефоні. Або експортуйте його, надішліть на телефон і гляньте поруч з іншими обкладинками. Поставте собі три запитання:
- Чи можете ви зрозуміти, що це за товар, не читаючи назви?
- Чи можете ви прочитати кожне слово на ній?
- Чи вирізняється вона серед обкладинок навколо?
Якщо хоч на одне запитання відповідь «ні», приберіть щось. Обкладинки майже завжди покращуються, коли втрачають елементи, а не коли їх додають.
Крок 6: експортуйте й завантажте
- JPEG для фотографій і текстурних зображень, якість близько 85.
- PNG для плоскої графіки, скриншотів і всього, де є чіткий текст.
- Тримайте файл меншим за 5 МБ.
У формі товару перетягніть зображення на крок із медіа. Інструмент кадрування відкриється з рамкою 16:10; оскільки ваше полотно вже має таку форму, рамка охоплює все зображення, і її можна застосувати як є. Якщо інструмент кадрування не може створити зображення у вашому браузері (деякі розширення для приватності його блокують), з'явиться кнопка, щоб завантажити оригінал без кадрування.
Крок 7: додайте зображення, що відповідають на наступні запитання
Обкладинка здобуває клік. Зображення після неї здобувають покупку. Форма на панелі керування приймає до п'яти зображень, а корисними після обкладинки зазвичай бувають:
- Погляд усередину: одна-дві справжні сторінки чи екрани, читабельні.
- Великий план деталі, що показує якість.
- Просте зображення-перелік: які файли входять, у яких форматах і розмірах.
Ми розглядали, чого не вистачає оголошенням з одним зображенням, у попередній статті, половина всіх оголошень має рівно одне зображення. Коротко: друге й третє зображення коштують мало та відповідають на запитання, які покупцеві інакше довелося б ставити.
Контрольний список на одну хвилину
| Перевірка | Мета |
|---|---|
| Полотно | 1920x1200, 16:10 |
| Об'єкт | Один, що заповнює більшу частину кадру, відступ 8 % |
| Текст | Чотири-п'ять слів, щонайменше 1/8 висоти |
| Контраст | Залишається чітким у відтінках сірого |
| Перевірка в реальному розмірі | Читабельно за ширини близько 180 px |
| Файл | JPEG або PNG, менше 5 МБ |
| Додаткові зображення | Вигляд усередині, деталь, перелік файлів |
Ніщо з цього не гарантує продажу. Воно лише дбає про те, щоб єдине зображення, яке бачить більшість покупців, справді говорило їм, що ви продаєте. Якщо ви створюєте нове оголошення, почніть зі сторінки для продавців; розміщення безкоштовне, і за замовчуванням ви залишаєте собі 80 % від кожного продажу, як описано на сторінці цін.
