Защо снимките в Chrome Web Store са важни?

Снимките в Chrome Web Store са първото визуално впечатление, което потенциалните потребители получават при преглед на списъците с разширения. Google позволява до пет промоционални изображения с препоръчана разделителна способност от 1280×800 пиксела. Добре проектирани снимки с ясни заглавия, фирмени цветове и макети на устройства могат значително да увеличат процента на инсталиране, като показват на потребителите какво прави разширението, преди да се ангажират да го изтеглят. Много успешни разширения използват анотирани снимки — комбинирайки действителни снимки на потребителския интерфейс с промоционален текст и полирани фонове — вместо само необработени снимки.

Описание на инструмента

Този инструмент ви позволява да създавате професионални, готови за качване промоционални снимки за Chrome Web Store списъци без никакъв софтуер за дизайн. Качете снимка на вашето разширение, добавете заглавие и подзаглавие, изберете шаблон на оформление и персонализирайте фона, типографията и рамката на устройството. Резултатът е пиксел-перфектно изображение, което отговаря на изискванията на Chrome Web Store и може да бъде изтеглено като PNG или JPEG.

Функции

  • Предварително зададени и персонализирани размери — изберете Chrome Web Store (1280×800), HD, Full HD или въведете всички персонализирани размери
  • Шаблони на оформление — позиционирайте текст и изображение в четири подредби: текст отгоре, отдолу, отляво или отдясно спрямо снимката
  • Рамка на браузър устройство — обвийте вашата снимка в реалистична рамка на браузър с бутони за трафик в стил macOS и адресна лента
  • Градиентни и плътни фонове — изберете плътни цветове или двуцветни градиенти с шест опции за посока
  • Пълен контрол на типографията — изберете семейство шрифт, тегло, размер, цвят, подравняване и прозрачност на подзаглавието

Обяснени опции

Опция Описание
Размер на изхода Предварително зададени размери (1280×800, 1280×720, 1920×1080) или персонализирана ширина и височина
Оформление на шаблона Бързи предварително зададени стойности, които подреждат текст и изображение: разделяне отгоре/отдолу или отляво/отдясно
Рамка на устройството Обвийте снимката в рамка на браузър или я покажете без рамка
Позиционирането на текста Контролирайте вертикално и хоризонтално поставяне на заглавието и подзаглавието, плюс отмествания в пиксели
Позиционирането на изображението Контролирайте вертикално и хоризонтално поставяне на снимката, плюс отмествания в пиксели
Мащаб на снимката Преоразмерете снимката от 30% до 100% на наличната площ
Тип фон Плътен един цвят или линеен градиент между два цвята
Посока на градиента Шест посоки, включително вертикална, хоризонтална и диагонална
Шрифт Осем семейства шрифтове, включително System UI, Arial, Georgia и опции за моноширина
Тегло на шрифта Шест тегла от Regular (400) до Black (900)
Размер на шрифта на заглавието / подзаглавието Независими плъзгачи за размер на заглавието (24–160 px) и подзаглавието (16–100 px)
Прозрачност на подзаглавието Контролирайте колко видимо е подзаглавието (20–100%)
Цвят на рамката Задайте цвета на рамката на браузър, когато е избрана рамката на браузър устройство
Показване на сянка Превключете падаща сянка зад снимката или рамката на устройството
Закръглени ъгли Добавете закръглени ъгли към снимката, когато не се използва рамка на устройството
Формат на изхода Експортирайте като PNG (без загуба) или JPEG (по-малък размер на файла)

Случаи на употреба

  • Разработчици на разширения, които подготвят промоционални изображения за Chrome Web Store списък, които подчертават ключови функции с анотиран текст
  • Продуктови екипи, които създават последователни фирмени снимки в множество разширения или актуализации на разширения
  • Фрилансъри и агенции, които бързо генерират полирани макети за презентации на клиенти без да отварят Figma или Photoshop

Съвети

  • Използвайте градиентния фон с фини разлики в цветовете за професионален вид — големи скокове в цветовете могат да отвлекат от самата снимка
  • Держите заглавията кратки (3–5 думи) и увеличете размера на шрифта, така че да останат четливи в мащаб на миниатюра в резултатите от търсенето на Web Store
  • Когато използвате рамката на браузър, задайте цвета на рамката така, че да съответства на вашия фон за безшевен вид
  • Експортирайте като PNG за максимално качество при качване в Chrome Web Store; използвайте JPEG само ако имате нужда от по-малък файл за други цели