Global Accessibility Awareness Day 2026. Discover how to make your emails work for every subscriber.
Global Accessibility Awareness Day 2026.
21 August 2017

Редагування зображень для листів

Author
Дмитро Кудренко
Дмитро Кудренко CEO/Засновник Stripo

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

  1. іноді потрібно завантажити відразу декілька зображень;
  2. є зображення які завантажуються в репозиторій і вже через місяць 100+ зображень призводять до безладу, при тому що більшість зображень використовуються один раз;
  3. якщо в зображенні потрібно зробити просте редагування (наприклад, обрізувати краї) потрібно зберегти зображення, відкрити в редакторові, відредагувати, зберегти, завантажити, замінити;
  4. усі зображення повинні містити альтернативний текст, title і посилання, а часто посилання вказується в окремому контролі;
  5. іноді потрібно фіксувати тільки висоту або тільки ширину, щоб зображення міняло свої розміри для підтримки адаптивності.

Трапляється так, що процентні показники це всі базові потреби при роботі з зображеннями. Ми їх вирішуємо так:

  • зображення листа (використовуються один раз в цьому листі і більше не потрібні);
  • зображення проекту (належать до проекту і дублюються від листа до листа, наприклад: логотип компанії, корпоративний бекграунд, …);
  • загальні системні зображення (ті, які зазвичай використовують усі: іконки соціальних мереж, якісь лейбли);
  • зовнішній репозиторій зображень. Тут ми інтегрувалися із стоками і можна задавати прямо в редакторові пошуковий запит, наприклад: halloween або father’s day і використати безкоштовні стокові зображення. Пізніше ми підключимо можливість шукати в різних стоках у тому числі і використовуючи платні.

Ми додали завантаження зображень в пакетному режимі або по URL, можливості розтягнути по ширині, зафіксувати тільки одну сторону: висоту або ширину. Це треба, коли користувач хоче зафіксувати тільки один параметр, а браузер/поштовик вже вичислить другий параметр пропорційно першому. Додали можливість приховати зображення для мобільного пристрою. АЛЕ! працювати з зображеннями і шаблонами все одно виявилося украй складно.

Для того, щоб легко було редагувати або обрізати зображення ми інтегрувалися з онлайн редактором зображень Aviary. Нарешті можна обрізати зображення і застосовувати фільтри до них. Там є шалені штуки, типу надіти шапочку на людину або приклеїти йому вуса, застосувати фільтри або написати текст, а потім зберегти зображення. Це круто, але хотілося більшого.

По-перше, хочеться додавати на зображення свої зображення, наприклад, лейбл про знижку. А шапки і вусики в реальному житті практично не потрібні. Виявилось, що завантажувати свої зображення в колекцію «вусиків» не можна ? Зв’язалися з розробниками — не можна. Але навіть якщо було б можна — внісши зміни вони зберігаються як нове зображення, і потім вже текст не зміниш, фон не поміняєш.

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

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

Якщо ще не пробували як працює наш редактор — підключайтеся зараз. В нас є безкоштовні тарифи.

Was this article helpful?
Tell us your thoughts
Thanks for your feedback!
0 comments
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.

Редактор Stripo

Для команд фахівців з email-маркетингу та індивідуальних розробників листів.

Плагін Stripo

Для продуктів, які можуть ефективно використовувати інтегрований white label конструктор листів.