21 серпня 2017

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

Створюйте професійні шаблони електронних листів

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

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

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

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

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

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

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

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

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

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

Чи була ця стаття корисна?
Tell us your thoughts
Дякуємо за ваш відгук!
0 коментарів
Тип
Індустрія
Сезони
Інтеграції
Редактор Stripo
Спростіть процес створення листів.
Плагін Stripo
Інтегруйте Drag-n-Drop редактор Stripo у свій веб-додаток.
Замовити власний шаблон
Наша команда може розробити і зверстати його для вас. Просто заповніть бриф, і ми зв'яжемося з вами найближчим часом.