Медиахранилище

Медиахранилище — это встроенная библиотека изображений вашего проекта. Загружайте изображения, импортируйте бесплатные стоковые фото или генерируйте изображения с помощью AI. Затем повторно используйте их в push-уведомлениях, веб-пушах, электронных письмах, in-app сообщениях, Cloud Pages и другом контенте прямо в редакторе или по стабильному URL.

Чтобы открыть Медиахранилище, перейдите в Контент > Медиахранилище в Панели управления Pushwoosh. На странице три вкладки:

• Библиотека: изображения, которые уже хранятся в проекте.
• Стоковые фото: поиск бесплатных фото на Pexels и сохранение их в библиотеку.
• Сгенерировать с помощью AI: опишите изображение и сохраните результат в библиотеку.

Кто может добавлять и удалять изображения

Чтобы добавлять изображения (загрузка, импорт стоковых фото, генерация с помощью AI), создавать кропы или удалять изображения, вам нужно разрешение Modify applications для проекта. С доступом только на просмотр вы можете просматривать библиотеку и выбирать изображения, но не изменять ее. См. Управление доступом и разрешениями пользователей.

Загрузка изображений

Чтобы загрузить изображения в Медиахранилище:

• Перетащите один или несколько файлов изображений в область загрузки.
• Нажмите на область загрузки, чтобы открыть окно выбора файлов и выбрать изображения с вашего устройства.

Примечание

Одновременно можно загрузить до 5 изображений. Медиахранилище принимает файлы JPG, PNG, WebP и GIF. Файлы других типов игнорируются.

Ограничения по размеру:

• JPG, PNG и WebP — до 10 МБ каждый.
• GIF — до 10 МБ.

Когда загрузка завершится, ваши изображения появятся в сетке ниже, начиная с самых последних. При необходимости вы можете нажимать Назад или Далее для просмотра более старых страниц.

Сжатие PNG-изображений при загрузке

Сжатие PNG уменьшает размер PNG-изображений при добавлении в библиотеку. Pushwoosh сокращает количество цветов в изображении и сохраняет прозрачность. Сжатие выполняется с потерями, но разница обычно незаметна. По умолчанию оно выключено и настраивается отдельно для каждого проекта.

Чтобы изменить эту настройку, вам нужно разрешение Modify applications для проекта.

Чтобы включить сжатие PNG:

1. На странице Медиахранилища нажмите Настройки в правом верхнем углу, справа от заголовка страницы.
2. В окне Настройки медиахранилища включите Сжимать PNG при загрузке.
3. Нажмите Сохранить.

Когда настройка включена, Pushwoosh сжимает каждый новый PNG после проверки ограничений по размеру. Это касается:

• файлов PNG, которые вы загружаете со своего устройства;
• изображений PNG, отправленных из Figma и импортированных из Canva;
• кропов изображений PNG и WebP, поскольку такие кропы сохраняются в формате PNG.

Pushwoosh хранит файлы JPG, WebP и GIF без изменений. Анимированные PNG и изображения, которые уже есть в библиотеке, не сжимаются.

Если PNG не удается сжать, Pushwoosh сохраняет исходный файл, и загрузка все равно проходит успешно.

Когда вы загружаете PNG со своего устройства, в сообщении о загрузке указывается, сколько места сэкономило сжатие — в процентах и в байтах, например Изображение загружено. PNG сжат: экономия 63% (81.2 KB). При загрузке нескольких файлов цифры учитывают только те PNG, которые стали меньше. То же сообщение появляется, когда вы загружаете изображения в окне выбора изображения в редакторе.

Отправка изображений из Figma

Чтобы отправить фреймы из файла Figma без предварительного экспорта, используйте плагин Pushwoosh для Figma. См. Интеграция с Figma.

Импорт дизайнов из Canva

Чтобы импортировать страницы своих дизайнов Canva, нажмите Импорт из Canva рядом с областью загрузки. После подключения Canva вы также можете открывать сохраненные изображения в редакторе Canva с помощью Редактировать в Canva и начинать новые дизайны с помощью Создать в Canva. См. Интеграция с Canva.

Поиск изображения по имени файла

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

Откуда появилось изображение

Значок на плитке показывает, как изображение попало в библиотеку:

• AI: сгенерировано на вкладке Сгенерировать с помощью AI.
• Pexels: импортировано с вкладки Стоковые фото.
• Canva: импортировано или отредактировано с помощью интеграции с Canva.
• Figma: отправлено с помощью плагина Pushwoosh для Figma.

У изображений, загруженных с вашего устройства, значка нет.

Значок вида 2 вер. означает, что у изображения несколько версий — они появляются, когда фрейм Figma отправляют повторно или изображение редактируют в Canva. На плитке показана последняя версия. У каждой версии свой URL, поэтому контент, использующий более старую версию, продолжает показывать именно ее.

Использование более старой версии изображения

Чтобы просмотреть все версии изображения и выбрать одну из них:

1. Нажмите на значок N вер. на плитке. Откроется панель Версии, в области предпросмотра которой показана последняя версия с пометкой текущая.
2. В разделе Все версии нажмите нужную версию. Список начинается с самой новой версии. В области предпросмотра отображается выбранная версия с ее размером в пикселях и размером файла.
3. Нажмите Использовать эту версию.

На странице Медиахранилища кнопка Использовать эту версию копирует URL выбранной версии так же, как кнопка Выбрать. В окне выбора изображения в редакторе она вставляет выбранную версию в поле.

Добавление стокового фото с Pexels

Вкладка Стоковые фото ищет по бесплатной фотобиблиотеке Pexels. Стоковые фото не учитываются в дневном лимите AI-изображений.

1. Откройте вкладку Стоковые фото.
2. Введите, что вы ищете, например summer sale, и нажмите Найти.
3. Нажмите на фото.

Pushwoosh копирует фото в вашу библиотеку со значком Pexels. Под каждым результатом поиска имя фотографа ведет на его профиль Pexels, а вкладка указывает Pexels как поставщика фото. Если по запросу ничего не найдено, на вкладке отображается Ничего не найдено — попробуйте другой запрос.

Если ваш тариф не включает AI-изображения, поиск стоковых фото тоже отключен. См. Дневной лимит AI-изображений.

Генерация изображения с помощью AI

Вкладка Сгенерировать с помощью AI создает изображение по текстовому описанию и сохраняет его в вашу библиотеку.

1. Откройте вкладку Сгенерировать с помощью AI.
2. Опишите изображение, например flat-lay of summer picnic essentials on a pastel background.
3. Выберите соотношение сторон. Если вы открыли эту вкладку из редактора, в списке будут только соотношения, подходящие для поля, поэтому он может быть короче или отсутствовать.
4. Выберите, сколько изображений сгенерировать: 1 × изображение, 2 × изображение или 4 × изображение.
5. Нажмите Сгенерировать.

Каждое сгенерированное изображение сохраняется в библиотеку со значком AI независимо от того, используете вы его или нет. Чтобы получить новый результат по тому же описанию, нажмите Сгенерировать снова.

Если у проекта есть Brand book, Pushwoosh добавляет в описание его цвета и тон коммуникации, чтобы сгенерированные изображения соответствовали стилю вашего бренда.

Генерация изображения для push-уведомления

Чтобы сгенерировать изображение, подходящее к сообщению пуша:

1. В пресете пуша, где уже есть заголовок или текст, откройте выбор изображения для Banner URL, Иконки или изображения для Inbox.
2. Откройте вкладку Сгенерировать с помощью AI. Флажок Соответствовать сообщению пуша установлен по умолчанию.
3. Опишите изображение и нажмите Сгенерировать.

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

Использование ваших изображений как стилевого референса

Стилевой референс — это изображение из вашей библиотеки, которое показывает AI, какой визуальный стиль вам нужен. Сгенерированное изображение перенимает цвета, освещение, технику исполнения и настроение референсов и показывает объект, который вы описали. Люди, лица, логотипы, надписи и сцены из референсов не копируются.

1. Откройте вкладку Библиотека.
2. Установите флажок на каждом изображении, которое хотите использовать как референс. Можно использовать до 10 референсов.
3. Нажмите Использовать как стиль. Откроется вкладка Сгенерировать с помощью AI, где выбранные изображения будут показаны в разделе Стилевые референсы.
4. Опишите изображение и нажмите Сгенерировать.

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

Референсами могут быть только изображения из библиотеки этого проекта. Кропы нельзя использовать как референсы.

Дневной лимит AI-изображений

Количество AI-изображений ограничено на аккаунт в день. По умолчанию лимит такой:

• 10 изображений в день на платных тарифах.
• 2 изображения в день на бесплатных тарифах.

Каждое сгенерированное изображение учитывается в лимите, поэтому 4 × изображение расходует четыре. Если осталось меньше изображений, чем вы запросили, Pushwoosh сгенерирует столько, сколько позволяет лимит. Когда лимит исчерпан, генерация завершается ошибкой с сообщением daily limit of N AI images reached, try again tomorrow.

У генерации со стилевыми референсами есть собственный дневной лимит запросов — в пять раз больше лимита изображений. При лимите изображений по умолчанию это:

• 50 запросов в день на платных тарифах.
• 10 запросов в день на бесплатных тарифах.

Запрос учитывается один раз, сколько бы референсов и изображений в нем ни было. Каждое сгенерированное изображение по-прежнему учитывается в лимите изображений. Когда лимит запросов исчерпан, генерация с референсами завершается ошибкой с сообщением too many generations with style references today, try again tomorrow. Генерация без референсов продолжает работать.

Если ваш тариф не включает AI-изображения, генерация и поиск стоковых фото завершаются ошибкой с сообщением AI images and stock photos are not available on your plan. Чтобы изменить лимит, обратитесь к своему аккаунт-менеджеру Pushwoosh.

Создание кропов изображений

Кроп — это обрезанная копия исходного изображения с измененным размером и определенным соотношением сторон. Кропы полезны, когда одно и то же изображение требует разных пропорций для разных каналов или мест размещения.

Чтобы создать кроп:

1. Наведите курсор на изображение и нажмите кнопку Создать кропы. Откроется панель Создать кроп.
2. Выберите Соотношение сторон, подходящее для места, где вы будете использовать изображение. Например, используйте 2:1 для баннера big picture в Android и 3:1 для изображения strip или логотипа в Apple Wallet. Рамка с этим соотношением сторон, максимально большая для этого изображения, появится в центре изображения.
3. Переместите рамку на ту часть изображения, которую хотите оставить. Перетащите ее мышью или пальцем на сенсорном экране либо нажмите на точку изображения, чтобы поместить центр рамки туда. Чтобы перемещать рамку с клавиатуры, нажимайте Tab, пока рамка не окажется в фокусе, затем используйте клавиши со стрелками. Рамка останавливается у краев изображения.
4. Установите Размер. Выберите, определяет ли ваше значение Ширину или Высоту, затем введите количество пикселей. Pushwoosh рассчитает другой размер на основе выбранного соотношения сторон.
5. Для изображений JPEG установите значение Качество JPEG от 1 до 100. Более высокое значение сохраняет больше деталей, но создает файл большего размера.
6. Нажмите Создать кроп.

Pushwoosh вырезает кроп точно по рамке и сохраняет его вместе с оригиналом, а в области предпросмотра появляется новый кроп. Если выбрать другое соотношение сторон, рамка вернется в центр.

Кроп никогда не бывает больше оригинала. Если для заданного размера при этом соотношении сторон нужно больше пикселей, чем есть в оригинале, Pushwoosh сохраняет кроп в максимальном размере, который позволяет оригинал. Например, кроп 1:1 шириной 1080 из изображения 1184×864 сохраняется в размере 864×864.

Можно создать несколько кропов с одинаковым соотношением сторон, если у них разные размеры или положение рамки. Если кроп с таким же соотношением сторон, итоговым размером (после уменьшения под оригинал) и положением рамки уже существует, Pushwoosh открывает этот кроп вместо создания нового.

Просмотр созданных кропов

Список Созданные кропы внизу панели Создание кропа показывает все кропы изображения. Чтобы просмотреть кроп:

1. Наведите курсор на изображение и нажмите кнопку Создать кропы.
2. В разделе Созданные кропы нажмите на кроп. В области предпросмотра отобразится сохраненный кроп с его соотношением сторон и размером, например 2:1 · 1024×512.

Чтобы вернуться к оригиналу, нажмите Оригинал в разделе Соотношение сторон.

Удаление изображений

Вы можете удалять ненужные изображения: либо оригинал вместе со всеми его кропами, либо отдельный кроп.

Удаление исходного изображения

1. Наведите курсор на изображение в сетке и нажмите значок Удалить.
2. В окне подтверждения нажмите Удалить.

Если у изображения несколько версий, удаляются только последняя версия и кропы этой версии, а на плитке отображается предыдущая версия. Чтобы удалить более старую версию, сначала удалите более новые.

Нельзя удалить изображение, которое используется в кампании Wallet Pass. Сначала уберите изображение из кампании.

Осторожно

Удаление оригинала также удаляет все его кропы, и это действие необратимо. Любой контент, ссылающийся на URL удаленного изображения, перестанет его загружать, поэтому перед удалением убедитесь, что изображение больше не используется.

Удаление одного кропа без удаления оригинала

1. Наведите курсор на изображение и нажмите кнопку Создать кропы, чтобы открыть панель Создать кроп.
2. В разделе Существующие кропы найдите тот, который хотите удалить, и нажмите его кнопку Удалить кроп.
3. В окне подтверждения нажмите Удалить.

Одновременное удаление нескольких изображений

Чтобы удалить несколько исходных изображений за одно действие:

1. Установите флажок на каждом изображении, которое вы хотите удалить, или нажмите Выбрать все на странице, чтобы выбрать все изображения на текущей странице.
2. Нажмите Удалить выбранное.
3. В окне подтверждения нажмите Удалить.

Осторожно

Это действие удаляет каждый выбранный оригинал вместе со всеми его кропами, и оно необратимо. Любой контент, ссылающийся на URL удаленного изображения, перестанет его загружать, поэтому убедитесь, что ни одно из выбранных изображений больше не используется.

Использование изображений в контенте

Способ добавления изображения из Медиахранилища зависит от типа контента.

Выбор изображения в редакторе

В перечисленных ниже редакторах можно выбрать, найти или сгенерировать изображение, не выходя из редактора. В окне выбора изображения есть вкладки Библиотека, Стоковые фото и Сгенерировать с помощью AI:

• Push-уведомления и веб-пуши: Banner URL, Иконка, Stories и изображения для Inbox. См. Добавление медиаконтента в пресетах пушей.
• Пресеты SMS: вложения MMS. MMS принимает только JPG и GIF, поэтому в этом окне выбора есть только Библиотека и Стоковые фото.
• Форма отправки пуша: иконка для Inbox и медиафайлы WhatsApp.
• Customer Journey: изображения в элементах Viber и WhatsApp.
• Нативные in-app сообщения, Wallet passes и рекламные креативы для email.
• AI Email Builder, а также тот же конструктор для in-app сообщений и Cloud Pages: галерея изображений.

Окно выбора скрывает вкладку Сгенерировать с помощью AI, если поле не принимает одновременно PNG и JPEG, поскольку сгенерированное изображение может быть в любом из этих форматов. Вкладку Стоковые фото оно скрывает, если поле не принимает JPEG.

В кампаниях Wallet Pass изображение, выбранное для слота Logo или Strip в Apple Wallet, автоматически обрезается до 3:1, если оно шире. См. Загрузка изображений кампании.

В веб-попапах можно выбрать изображение только из библиотеки, без вкладок Стоковые фото и Сгенерировать с помощью AI. См. Изображения и видео в контенте веб-попапов.

Копирование URL изображения

Скопируйте URL из Медиахранилища и вставьте его в редактор контента.

Чтобы скопировать URL:

1. Наведите курсор на нужное изображение в сетке Медиахранилища.
2. Нажмите кнопку Выбрать (значок галочки) на изображении.

Совет

Если ваш браузер блокирует автоматическое копирование, откроется окно с URL. Выделите его и скопируйте вручную.

После того как URL скопирован в буфер обмена, вставьте его в используемый редактор.

Место вставки зависит от редактора:

• Поле URL изображения: Редактор Drag & drop и редактор Cloud Page — блок «Изображение» или редактор in-app
• Атрибут src в HTML: см. Добавление изображений в редакторе HTML-кода

Выбор оригинала или кропа

Чтобы скопировать URL оригинала или кропа:

1. Наведите курсор на изображение в сетке. Если у него есть кропы, на его плитке отобразится значок с их количеством (например, 2 cr.).
2. Нажмите кнопку Выбрать, чтобы открыть меню. У каждого пункта есть миниатюра оригинала или кропа.
3. Выберите Оригинал, чтобы скопировать URL полноразмерного изображения, или выберите кроп, указанный по его соотношению сторон и размеру, чтобы скопировать URL этого кропа.