Графіка в просуванні мобільних додатків в App Store та Google Play (ASO) — як оптимізувати графічні елементи

Коли користувач шукає застосунок не за назвою бренду, а за функціональними особливостями, саме візуальний складник стає вирішальним фактором у прийнятті рішення про встановлення. 

Графічне ASO — це оптимізація всіх графічних елементів на сторінках сторів. Його головна мета — підвищити конверсію з перегляду в інстал.

У цій статті розгляну актуальні технічні специфікації й рекомендації для App Store і Google Play, які допоможуть вашому застосунку пройти модерацію та виділитися серед конкурентів.

Оптимізація графіки для App Store

Під час оптимізації iOS-застосунків ASO-спеціаліст працює з такими візуальними складниками: 

1. Іконка (Icon).

2. Скриншоти (Screenshots).

3. Обкладинка (Page Artwork).

4. Відео (App preview).

5. Банер відео (Preview poster frame).

Іконка 

Це основний візуальний елемент, з якого все починається і котрий із перших секунд має розкривати зміст продукту.

Технічні вимоги App Store до іконки застосунку

Для коректного відображення вашого застосунку в App Store, графічний файл іконки має відповідати таким критеріям:

• формат файлу — PNG;

• кольори — підтримуються профілі P3 (розширена палітра кольлроів), sRGB (формат кольорів) або Gray Gamma 2.2 (для градацій сірого); відповідність кольорів можна перевірити згідно з офіційною інструкцією Apple;

• рівні — зведено в один рівень, без прозорості;

• форма — квадрат без заокруглених кутів, система заокруглить їх автоматично;

• роздільна здатність — параметри залежать від конкретного пристрою, перед експортом варто звіритися з актуальною таблицею розмірів у документації Apple для розробників.

Розміри іконок

Кожен застосунок має містити два типи іконки.

1. Більшого розміру, для відображення в App Store:

2. Меншого розміру, для відображення на пристрої після встановлення застосунку:

Основні правила оформлення іконки в App Store

1. Створюйте дизайн, що привертає увагу і легко запам’ятовується.

2. Зберігайте тематику ніші, але виділяйте свій продукт серед аналогів поміж конкурентів.

3. На перевантажуйте зображення дрібними деталями.  

4. Графічний елемент має чітко транслювати головне призначення вашого застосунку.

5. Перевірте, як значок виглядає на різних фонах та в різних кольорових гамах. 

6. В AppStore можна використовувати лише одну іконку для всіх локалізацій.

7. Використання Call to Action (CTA) на зображенні суворо заборонено.

8. Не вказуйте назву бренду, якщо він маловідомий.

Скриншоти 

Найпомітніші графічні елементи на сторінці застосунку. Саме вони демонструють юзеру суть продукту навіть краще, ніж текстовий опис.

Загальні вимоги до скриншотів в App Store:

• дозволяється завантажувати до 10;

• можна обрати як вертикальну, так і горизонтальну орієнтацію;

• для різних девайсів і локалізацій є можливість додавати різні скриншоти;

• Apple рекомендує фокусуватися на реальному користувацькому досвіді — демонструйте ключові екрани інтерфейсу застосунку або динаміку геймплею гри;

• усі зображення мають суворо відповідати політиці Apple щодо змісту контенту.

Розміри скриншотів

Обкладинка застосунку 

Відображається на сторінці продукту й розробника в App Store.

Згідно з гайдлайнами Apple, під час підготовки обкладинки слід дотримуватися таких правил:

• обирайте візуальні рішення, що залишатимуться актуальними щонайменше шість місяців — процес заміни обкладинки складний і потребує додаткового часу на модерацію;

• роздільна здатність — 4320x1080 пікселів.

• тип файлу — PSD, для завантаження в систему файл має бути запакований в архів ZIP;

• стандарт найменування — AppName_AppAppleID_YYYYMMDD_AppStore_ProductPage_DeveloperPage.

Відео 

Відеоролик завжди відображається першим. Проте його впровадження не є універсальним рішенням — доцільність використання відео варто визначати через тестування.  Для ігор наявність геймплею зазвичай суттєво підвищує конверсію, оскільки демонструє динаміку та механіку гри. Для програм відео спрацьовує не завжди. Іноді статичні скриншоти з чіткими тезами дають кращий результат, ніж ролик.

Основні вимоги:

1. Якщо ви використовуєте горизонтальне відео разом із вертикальними скриншотами, то в результатах пошуку користувач спершу побачить горизонтальний ролик, тоді як на самій сторінці застосунку ролик зміститься нижче вертикальних зображень.

2. Допустима тривалість — від 15 до 30 секунд.

3. App Store дає завантажувати до трьох відео, однак юзери рідко дивляться більш ніж один ролик, приділяючи основну увагу лише першим 7–11 секундам.

4. Рекомендується демонструвати безпосередню взаємодію користувача з інтерфейсом. Матеріал має бути максимально інформативним і показувати реальний функціонал.

5. Заборонено показувати рекламні ролики, пристрої чи людей із пристроєм.

Для кожної локалі можна використовувати індивідуальне відео, але важливо пам’ятати:

• відео, завантажене в основну локаль, буде відображатися у всіх локалях;

• ролик, розміщений не в основній локалі, буде показуватися лише в цій конкретній локалі.

Банер (Preview poster frame)

У якості банера використовується стоп-кадр із відео. Окреме зображення завантажувати не потрібно — система пропонує обрати найбільш вдалий момент безпосередньо в App Store Connect під час налаштування відео.

Здебільшого ролик відтворюється автоматично, але бувають ситуації, коли користувач бачитиме саме обраний вами кадр, а саме:

• у параметрах пристрою вимкнено функцію автоматичного відтворення відеоконтенту;

• під час слабкого інтернет-з’єднання; 

• у режимі низького заряду акумулятора;

• вже відтворюється інше відео в стрічці. 

Оптимізація графіки для Google Play

Для Android-застосунків основна увага спеціаліста зосереджена на підготовці і тестуванні таких візуальних елементів:

1. Іконка (Icon).

2. Скриншоти (Screenshots).

3. Банер (Feature graphic).

4. Відео (Video).

Іконка 

Ключовий візуальний тригер, який формує перше враження про застосунок як в Google Play так і в App Store.

Технічні вимоги та обмеження Google Play до іконки.

1. Зображення — 32-бітний PNG з альфа-каналом (даними про прозорість картинки).

2. Розміри — 512х512 пікселів.

3. Колір — sRGB.

4. Форма — повний квадрат, система автоматично закруглить краї.

5. Максимальний розмір файлу — не має перевищувати 1024 КБ.

6. Можна завантажувати унікальні варіанти іконок для кожної мовної версії сторінки застосунку.

7. Іконка має відповідати специфікаціям дизайну Google Play, на зображенні не допускається:

• використання Call to Action із закликом завантажити застосунок або з інформацією про ціни й знижки; 

• відображення рейтингу;

• використання інформації, що може ввести користувача в оману;

• використання бейджів або значків, які натякають на участь у програмах Google Play (наприклад, Play Pass, Editors’ Choice).

У пошуку користувач бачить одночасно велику кількість іконок, тому важливо виділятися серед конкурентів і привертати увагу, але водночас гармонійно виглядати поряд з іншими іконками в категорії. 

Скриншоти

Важливі графічні елементи, що впливають на конверсію. Вони відображаються переважно на сторінці застосунку, а не безпосередньо в результатах пошуку.

Основні вимоги:

1. Google не вимагає використовувати однакові за розмірами зображення, але слід дотримуватись умов специфікації. 

2. Можна розмістити до восьми скриншотів будь-якої орієнтації для різних пристроїв. 

3. Формати — JPEG або 24-бітний PNG без альфа-каналу.

4. Розміри: мінімальний — 320, а максимальний — 3840 пікселів. 

5. Основний фокус має бути на реальній взаємодії користувача з продуктом.

6. Google приймає стилізовані скриншоти з додатковим графічним оформленням, проте перші три зображення обов’язково мають демонструвати безпосередній інтерфейс застосунку або геймплей.

7. Заборонено демонструвати рейтинг, відгуки, нагороди, знижки і будь-які акції.

8. Уникайте слів «Best», «#1», «Top», «New», «Discount», «Sale», «Million Downloads» тощо.

9. Не використовуйте фрази на кшталт «Download now», «Install now», «Play now» задля встановлення юзером застосунку.

Банер (Feature graphic)

Його основна мета — якісно виділити продукт серед конкурентів, передати емоційний складник і привернути увагу.

Основні вимоги до оформлення банерів згідно з гайдлайнами Google:

1. Формат — JPEG або 24-бітний PNG без альфа-каналу.
2. Розміри — 1024 x 500 пікселів.
3. Зображення має миттєво транслювати суть та головну перевагу вашого продукту.
4. Не дублюйте іконку застосунку на банері, оскільки вона завжди відображається поруч.
5. Уникайте дрібних деталей і перенасичення текстом.
6. Обов’язково адаптуйте графіку й текстові написи під кожну мовну версію (локаль) для підвищення лояльності користувачів.
7. Не використовуйте елементи, що швидко застарівають. Якщо ви готуєте святковий банер (наприклад, до Різдва), плануйте його своєчасне оновлення на стандартну версію одразу після завершення івенту. 
8. Використовуйте спільну кольорову гаму та шрифти для іконки, скриншотів і банера. 

Користувач бачить банер:

• якщо на сторінці є відео, він відображається у якості обкладинки;

• у добірках, рекомендаціях, тематичних колекціях, а також у рекламних розміщеннях (наприклад, у кампаніях Google Ads).

Відео

Наявність відео не є обов’язковою вимогою Google Play, проте це один із найпотужніших інструментів для ключових функцій застосунку або гри в динаміці.

Основні вимоги до прев’ю відео:

1. На відміну від App Store, у Google Play ролик не завантажується напряму. Вам потрібно розмістити його на YouTube і вказати посилання на нього.

2. Надавайте перевагу горизонтальному формату, оскільки відео буде відтворюватись на горизонтальному програвачі. 

3. Відео, додане в основну локаль, автоматично відображатиметься у всіх мовних версіях сторінки.

4. Локалізуйте матеріал, щоб демонструвати його на різних мовах.

5. Забороняється інтегрувати у відеоролик фрагменти реклами, елементи монетизації.

6. Контент не має містити матеріалів, що мають вікові обмеження (якщо це не відповідає рейтингу самого застосунку).

7. Автоматичне відтворення триває 30 секунд, але найважливіші функції слід показувати в перші 10 секунд, щоб зацікавити користувача. 

8. Бажано додавати субтитри, щоб зміст залишався зрозумілим без аудіосупроводу.

Порівняльна таблиця вимог до основних графічних елементів

Висновки

App Store і Google Play мають принципову відмінність у відображенні скриншотів: в App Store їх видно одразу в пошуковій видачі, тоді як у Google Play зображення переважно з’являються при переході на саму сторінку застосунку. 

На що звертати увагу незалежно від платформи:

1. Перші секунди і кадри. У вас є лише 7–11 секунд відео та перші три скриншоти, щоб зацікавити користувача. Виносьте найважливіші функції на початок — решту можуть просто не побачити.

2. Показуйте реальну взаємодію з продуктом, а не рекламні колажі — це і вимога сторів, і довіра користувача.

3. Не просто перекладайте текст на скриншотах, а адаптуйте візуальні образи під культурний контекст кожної країни. 

4. Обидві платформи дають змогу завантажувати окремі графічні матеріали для кожної локалі — використовуйте цю можливість.

5. Дотримуйтесь актуальних специфікацій розмірів і «безпечних зон»,  щоб важливі написи не перекривалися елементами інтерфейсу стору. 

6. Специфікації регулярно оновлюються, тому звіряйтеся з офіційною документацією перед кожним релізом.

Ця стаття оновлена 30.03.2026 року.