Работа в онлайн-редакторе. Добавление изображений. Менеджер картинок

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

Нажимаем на иконку изображения в меню слева - нам раскрывается список блоков с картинками в различных сочетаниях: одна, несколько, картинка и текст, и т.д. 


Выбираем нужный вариант и перетаскиваем в письмо.


Где еще могут быть блоки с картинками? Текст:


Кнопка:


Все сниппеты уже содержат в себе какие-то базовые изображения. Как заменить их на свои? Рассмотрим.

Наведите мышкой на картинку - появится 2 значка поверх нее:


 - нажмите, чтобы сделать картинку кликабельной (добавить к ней ссылку);

 - нажмите, чтобы сменить картинку.Мы попадем в менеджер изображений:


В нем можно создавать папки и хранить в них картинки.

Загружать файлы можно с компьютера  или прямо из Интернета, если у вас есть ссылка на изображение 

Картинка появится в списке в самом верху. Нажмите напротив нее  или удалите 

ВНИМАНИЕ! Все названия на кириллице транслитерируются:


После того, как мы нажали "Выбрать", нас перенаправляет обратно в редактор, где мы видим следующее:


Это некий предпросмотр изображения уже в макете. Как с ним работать?

 - используется для вставки изображения оригинального размера. Что это значит? Ширина письма (его рабочей области) не более 600 пикселей, для того, чтобы корректно отображаться с большинстве программ, устройств и браузеров.

Картинки в блоках по умолчанию имеют определенные размеры, и при добавлении изображения происходит автоматический ресайз (изменение размера) - "подгонка" картинки под блок.

Например, в снипетте картинка 200 на 200 пикселей, а вы загружаете 300 на 300. Чтобы отменить авторесайз, и вставить изображение именно размером 300 на 300, нажмите на стрелочку.

 - уменьшение картинки,

 - увеличение картинки,

 - применить вставку изображения.

Обратите внимание! После вставки изображения в макет письма, в менеджере появляются его дубликаты с новым размером (после ресайза):


Для того, чтобы переместить изображения в определенную папку в менеджере картинок, поставьте галочки напротив нужных, и нажмите "Переместить в папку":

Таким же образом, можно выделять несколько картинок для массового удаления (значок корзины сверху).

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

Для возвращения в редактор, нажмите "Закрыть" внизу:

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