Как да форматирате снимки в писмо

  • 1
  • 2
  • 3
  • 4
  • 5

Едно и също имейл съобщение се възприема от читателите по различни начини, до голяма степен зависи от дизайна на писмото - колко привлекателно изглежда за абоната.

Ако искате да предадете настроение в имейла си и да представите продукта си красиво, тогава един от важните елементи на дизайна на имейлите за бюлетини са снимките.

Защо изображенията са важни в имейлите?

Подводни рифове на дизайн на изображения с букви:

  • Трябва да обърнете внимание на факта, че повечето имейл клиенти блокират изображения, поради което имейлите се показват неправилно. Често срещана практика в света на имейл маркетинга е добавянето на алтернативен текст (известен като „ALT таг“ или „ALT текст“) към всяко изображение за изображения. Този елемент указва текста, който ще се показва в имейла, вместо изображението да не се зарежда поради лоша връзка, повредена връзка, настройки на браузъра и др.

ALT текстът е особено удобен, когато дизайнът на вашия имейл е предимно с изображения - той помага да се предаде значението на изображението, ако то не се е заредило.

Ако снимките не са заредени и няма алтернативен текст, тогава съобщението изглежда нечетливо - вместо снимки в писмото до клиента може да има само бял лист или блок.

Когато абонат види ALT текст в писмо, това е сигнал, че трябва да кликне върху „покажи снимки“

  • Големите снимки са лоши. Голямото може да се тълкува по различни начини: Първо, размерът в байтове. Колкото по-голямо е изображението, толкова по-бавно ще се зарежда, например при използване на мобилен интернет. Второ, размерът в точки (пиксели) Най-добре е действителният размер на изображението да е равен на този, показан в писмото. Често се случва такаизображение от 2000x2000 пиксела се компресира до 200x200 пиксела. Такива контракции винаги са неподходящи. Изображението се зарежда по-бавно и губи качество.
  • Не използвайте изображения 1x1 пиксела. Понякога е удобно да използвате прозрачно изображение 1x1 пиксел, за да запълните празното пространство. Такива изображения могат да доведат до спам. Много е лесно да заобиколите този проблем, вместо това използвайте изображение 10x10 пиксела :).
  • Ако се използва неумело, картината може да се превърне във враг: мнозина грешат, като изпълват всичко изцяло със снимки, когато съставят писмо. Може би това е добре за реализирането на всички творчески идеи, но от друга страна, ако изображенията не се зареждат, читателят може просто да получи набор от връзки. Използвайте текст за важна информация и изображения, за да подсилите казаното или да привлечете вниманието на читателя.
  • По-добре е да направите имената на блоковете текст, така че да не изчезват при препращане.
  • Ако картинките за писмото са в един блок, уверете се, че са с еднакъв размер и навсякъде има ALT текст.
  • Лошо:

    Добър:

    Важни точки при работа с алтернативен текст:

    1. Задаването на ALT текст за изображения в имейл съобщение е много просто - това е стандартна част от HTML синтаксиса, в етикета на изображението:

    Важно е да посочите стойности за височина и ширина на изображението, тъй като това ще повлияе на начина, по който полето за алтернативен текст се попълва, когато изображенията са деактивирани.

    2. Ако направите ALT текста твърде описателен, абонатът няма да трябва да кликва върху „показване на снимки“

    3. Експериментирайте с алтернативен текст, като добавите малко вграден CSS, за да промените шрифта, цвета, размера и фона на ALT текста, така:

    6. Много пощенскина клиенти, алтернативният текст изчезва веднага щом размерът или дължината на текста надвиши ширината и/или височината на изображението. Затова е най-добре да се придържате към кратки описания и по-малък размер на шрифта, за да не се загуби ALT текстът.

    FireFox:

    Opera:

    Chrome:

    7. Ако прилагате стилове към ALT текст, проверете как ще се показват връзките в различните имейл клиенти и дали нарушават стиловете. Имайте предвид, че „стилови трикове“ понякога подобряват външния вид на имейл, но винаги разчитайте на най-лошия сценарий, при който алтернативният текст се показва като обикновен текст вместо изображение.