{"id":763,"date":"2025-08-11T14:31:31","date_gmt":"2025-08-11T14:31:31","guid":{"rendered":"https:\/\/rs.quarticon.com\/najlepsze-praktyki-przy-dodawaniu-obrazow-do-wiadomosci-e-mail\/"},"modified":"2025-08-12T15:38:15","modified_gmt":"2025-08-12T15:38:15","slug":"najlepsze-praktyki-przy-dodawaniu-obrazow-do-wiadomosci-e-mail","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/najlepsze-praktyki-przy-dodawaniu-obrazow-do-wiadomosci-e-mail\/","title":{"rendered":"Najlepsze praktyki przy dodawaniu obraz\u00f3w do wiadomo\u015bci e-mail"},"content":{"rendered":"
\n
\n

Platforma CDXP od Quarticon umo\u017cliwia Ci dodawanie obraz\u00f3w do projekt\u00f3w wiadomo\u015bci e-mail w ramach kampanii lub automatyzacji za pomoc\u0105 kreatora drag&drop. W tym artykule podsuniemy Ci gar\u015b\u0107 dobrych praktyk, kt\u00f3re u\u0142atwi\u0105 Ci prac\u0119 z obrazami i pozwol\u0105 unikn\u0105\u0107 ewentualnych problem\u00f3w przy wysy\u0142ce\/odbiorze komunikacji, kt\u00f3r\u0105 wysy\u0142asz do swoich klient\u00f3w.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Zachowaj optymaln\u0105 szeroko\u015b\u0107 obraz\u00f3w tj. od 400 do 650 pikseli<\/h3>\n<\/div>\n
\n

Podane powy\u017cej wide\u0142ki to najlepsza szeroko\u015b\u0107 dla obraz\u00f3w zar\u00f3wno w przypadku urz\u0105dze\u0144 mobilnych, jak i Outlooka. Outlook nie skaluje obraz\u00f3w o szeroko\u015bci 1000 px lub wi\u0119kszej \u2013 obraz b\u0119dzie wy\u015bwietlony w jego rzeczywistym rozmiarze, powoduj\u0105c rozszerzenie i zniekszta\u0142cenie szeroko\u015bci szablonu.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Podziel obrazy o du\u017cej wysoko\u015bci na mniejsze cz\u0119\u015bci<\/h3>\n<\/div>\n
\n

Obrazy o du\u017cej wysoko\u015bci zostan\u0105 skompresowane przez nasz edytora, aby zapewni\u0107 dostarczalno\u015b\u0107, jednak obraz straci na jako\u015bci, mo\u017ce by\u0107 rozmazany, a jego wczytywanie mo\u017ce zaj\u0105\u0107 wi\u0119cej czasu. Je\u015bli Tw\u00f3j obraz ma wi\u0119cej ni\u017c 600 pikseli, zalecamy podzielenie go na osobne, kr\u00f3tsze obrazy. Umo\u017cliwi to klientom poczty e\u2011mail na szybsze \u0142adowanie poszczeg\u00f3lnych obraz\u00f3w i zachowanie ich jako\u015bci.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Ustaw dok\u0142adny rozmiar obrazu, kt\u00f3rego chcesz u\u017cy\u0107 w wiadomo\u015bci e-mail<\/h3>\n<\/div>\n
\n

Wstawienie ma\u0142ego obrazu, a nast\u0119pnie skalowanie go do wi\u0119kszej szeroko\u015bci poprzez przeci\u0105gni\u0119cie rogu obrazu w wiadomo\u015bci e-mail mo\u017ce zniekszta\u0142ci\u0107 jego jako\u015b\u0107, czyni\u0105c go ziarnistym lub rozmytym. I odwrotnie, je\u015bli wstawisz du\u017cy obraz, a nast\u0119pnie przeskalujesz go do mniejszego rozmiaru, obraz b\u0119dzie wy\u015bwietlany w oryginalnym rozmiarze podczas ogl\u0105dania na urz\u0105dzeniu mobilnym.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Dodawaj obrazy do blok\u00f3w Image zamiast blok\u00f3w Text<\/h3>\n<\/div>\n
\n

Zalecamy dodawanie obraz\u00f3w do blok\u00f3w obraz\u00f3w, nie blok\u00f3w tekstowych. W \u0142\u0105cze wbudowane w obraz znajduj\u0105cy si\u0119 w bloku tekstu nie b\u0119dzie mo\u017cna klikn\u0105\u0107 w programie Outlook 2007 lub Outlook 2013. Ponadto tekst mo\u017ce nie by\u0107 prawid\u0142owo zawijany podczas wy\u015bwietlania wiadomo\u015bci e-mail na urz\u0105dzeniu przeno\u015bnym.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Unikaj tekstu na obrazach<\/h3>\n<\/div>\n
\n

Je\u015bli obrazy s\u0105 blokowane przez skrzynk\u0119 odbiorcz\u0105 subskrybenta, nie zobacz\u0105 oni tekstu zawartego w Twoim obrazie. Ponadto obraz mo\u017ce ulec zniekszta\u0142ceniu na urz\u0105dzeniach mobilnych, poniewa\u017c b\u0119dzie musia\u0142 zosta\u0107 przeskalowany w g\u00f3r\u0119 lub w d\u00f3\u0142, aby pasowa\u0142 do rozdzielczo\u015bci tego typu urz\u0105dze\u0144.<\/p>\n<\/div>\n

\n<\/div>\n
\n

Dodawaj atrybuty alt do obraz\u00f3w<\/h3>\n<\/div>\n
\n

Atrybut alt, czyli tekst alternatywny, to kr\u00f3tki opis Twojego obrazu, kt\u00f3ry pojawia si\u0119 w jego miejscu w wiadomo\u015bci e-mail, je\u015bli subskrybent ma zablokowane wy\u015bwietlanie obraz\u00f3w. Aby doda\u0107 atrybut alt do obrazu, kliknij obraz w kampanii i dodaj 1-2 s\u0142owa w polu Info <\/i><\/b>pod zak\u0142adk\u0105 Options<\/i><\/b>:<\/p>\n<\/div>\n

\n<\/div>\n
<\/a><\/div>\n
\n

U\u017cyj bloku Social Links, aby doda\u0107 ikony spo\u0142eczno\u015bciowe do projektu wiadomo\u015bci e-mail<\/h3>\n<\/div>\n
\n

U\u017cywanie blok\u00f3w graficznych do wstawiania ikon spo\u0142eczno\u015bciowych spowoduje, \u017ce obrazy b\u0119d\u0105 si\u0119 powi\u0119ksza\u0107 podczas przegl\u0105dania na urz\u0105dzeniach mobilnych i mog\u0105 ulec zniekszta\u0142caniu. Zamiast tego u\u017cyj bloku Social Links<\/i><\/b>.<\/p>\n<\/div>\n

\n<\/div>\n
\n
\n<\/div>\n
\n

Przeczytaj tak\u017ce:<\/b><\/p>\n<\/div>\n

\n