{"id":782,"date":"2025-08-11T14:31:33","date_gmt":"2025-08-11T14:31:33","guid":{"rendered":"https:\/\/rs.quarticon.com\/dodawanie-obrazow-i-grafik-do-wiadomosci-email\/"},"modified":"2025-08-12T15:38:15","modified_gmt":"2025-08-12T15:38:15","slug":"dodawanie-obrazow-i-grafik-do-wiadomosci-email","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/dodawanie-obrazow-i-grafik-do-wiadomosci-email\/","title":{"rendered":"Dodawanie obraz\u00f3w i grafik do wiadomo\u015bci e\u2011mail"},"content":{"rendered":"<article class='jsx-ef86202475c6562f '>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Dodanie obraz\u00f3w i grafik do wiadomo\u015bci e-mail mo\u017ce pom\u00f3c w budowaniu marki i zwi\u0119kszaniu zaanga\u017cowania subskrybent\u00f3w. \u015awietnie sprawdzaj\u0105 si\u0119 one w urozmaicaniu tre\u015bci, reklamowaniu us\u0142ugi lub produktu, lub jako wezwanie do dzia\u0142ania.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Z tego artyku\u0142u dowiesz si\u0119, <a href='#h_4d1f4de886'>jak przesy\u0142a\u0107 obrazy do Content Managera<\/a>, <a href='#h_82d6bd4840'>jak dodawa\u0107 je do wiadomo\u015bci e-mail<\/a> oraz <a href='#h_1129d9aa8c'>jak zmieni\u0107 rozmiar dodanych obraz\u00f3w<\/a>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_4d1f4de886'>Przesy\u0142anie obraz\u00f3w do Content Managera<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Do manad\u017cera tre\u015bci (czyli narz\u0119dzia Content Manager) mo\u017cesz przesy\u0142a\u0107 obrazy, kt\u00f3re chcesz wykorzysta\u0107 w wiadomo\u015bciach e-mail. Obrazy przes\u0142ane do Content Managera mo\u017cna wykorzysta\u0107 w dowolnym szablonie wiadomo\u015bci e-mail, kampanii, wiadomo\u015bci w automatyzacji lub w formularzu.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Pliki graficzne, kt\u00f3re przesy\u0142asz, musz\u0105 by\u0107 w formacie GIF, PNG lub JPG.<\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Przeczytaj tak\u017ce: <a href='\/jak-dodawac-gify-do-wiadomosci-e-mail\/'>Jak dodawa\u0107 GIFy do wiadomo\u015bci e-mail?<\/a><\/b><\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Mo\u017cesz przesy\u0142a\u0107 obrazy do Content Managera z poziomu projektu kampanii lub bezpo\u015brednio w narz\u0119dziu.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_0b451a2dfc'>Aby przes\u0142a\u0107 nowy obraz do Content Managera z poziomu kampanii, wykonaj nast\u0119puj\u0105ce czynno\u015bci:<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>1. <\/b>W kreatorze wiadomo\u015bci e-mail przeci\u0105gnij do projektu blok <b><i>Image<\/i><\/b>, a nast\u0119pnie kliknij w niego, aby otworzy\u0107 Content Managera.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567654147\/823fad6485234ec2094754ef\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567654147\/823fad6485234ec2094754ef\/image.png' width='726' height='706'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>2. <\/b>W Content Managerze kliknij na folder, do kt\u00f3rego chcesz doda\u0107 obraz (je\u015bli nie masz jeszcze utworzonego folderu, mo\u017cesz to \u0142atwo zrobi\u0107, klikaj\u0105c przycisk <b><i>Add a Folder<\/i><\/b>), lub dodaj plik(i) do widoku <b><i>All files<\/i><\/b>. Kliknij <b><i>Add file<\/i>.<\/b><\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567657018\/2501523ee38fcbaf79abb7a2\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567657018\/2501523ee38fcbaf79abb7a2\/image.png' width='1273' height='804'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>3. <\/b>Wybierz plik z komputera. Plik zostanie przes\u0142any do narz\u0119dzia.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-subheading intercom-interblocks-align-left'>\n<h3 id='h_e5f899d33a'>Aby przes\u0142a\u0107 nowy obraz bezpo\u015brednio do Content Managera z poziomu samego narz\u0119dzia:<\/h3>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>1. <\/b>Przejd\u017a do zak\u0142adki <b>Campaigns<\/b>, a nast\u0119pnie na stron\u0119 <b><i>Content Manager<\/i><\/b>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/711203915\/9f52a45a937f9a597af21bef\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/711203915\/9f52a45a937f9a597af21bef\/image.png' width='328' height='407' style='width:248px'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>2. <\/b>Powt\u00f3rz kroki 2 i 3 z poprzedniego podrozdzia\u0142u (patrz punkt 2 i 3 powy\u017cej). Dodane do Content Managera pliki b\u0119d\u0105 mog\u0142y zosta\u0107 przez Ciebie u\u017cyte podczas tworzenia projektu wiadomo\u015bci e-mail.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_82d6bd4840'>Dodawanie obraz\u00f3w do wiadomo\u015bci e-mail<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Podczas tworzenia wiadomo\u015bci e-mail, za pomoc\u0105 bloku obrazu mo\u017cesz dodawa\u0107 pliki PNG, JPG i GIF. Tylko jeden plik mo\u017ce by\u0107 u\u017cyty na jeden blok obrazu.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby doda\u0107 obraz do bloku obrazu przeci\u0105gnij blok <b><i>Image <\/i><\/b>w wybrane miejsce w projekcie wiadomo\u015bci e-mail, a nast\u0119pnie kliknij w niego, aby otworzy\u0107 Content Managera i doda\u0107 odpowiednie pliki.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567671753\/5877f9c319d0d2825a060926\/CDXP_add_images_to_image_block.gif' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567671753\/5877f9c319d0d2825a060926\/CDXP_add_images_to_image_block.gif' width='1280' height='720'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Pliki z Content Managera mo\u017cesz dodawa\u0107 tak\u017ce do blok\u00f3w tekstowych. Zwr\u00f3\u0107 tylko uwag\u0119, \u017ce je\u015bli dodasz obraz do bloku tekstu, mo\u017ce pojawi\u0107 si\u0119 on tylko w lewym lub w prawym* g\u00f3rnym rogu tego bloku. Do ka\u017cdego bloku tekstu mo\u017cna doda\u0107 tylko jeden obraz.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Do bloku tekstu obrazy mo\u017cesz doda\u0107 na dwa sposoby:<\/p>\n<\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p> przeci\u0105gaj\u0105c blok <b><i>Image <\/i><\/b>do bloku tekstu<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567663841\/cb48f33bbda668b27bdefeb1\/CDXP_add_images_to_text.gif' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567663841\/cb48f33bbda668b27bdefeb1\/CDXP_add_images_to_text.gif' width='1280' height='720'><\/a><\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>ustawiaj\u0105c kursor w dowolnym miejscu w bloku tekstu i klikaj\u0105c w ikon\u0119 obrazu na g\u00f3rnym pasku narz\u0119dzi edycji<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567665867\/6a181ceae6d4ab5726df7024\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567665867\/6a181ceae6d4ab5726df7024\/image.png' width='786' height='488'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W obu przypadkach obraz domy\u015blnie pojawi si\u0119 w lewym g\u00f3rnym rogu bloku.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>*Aby przenie\u015b\u0107 obraz w prawy g\u00f3rny r\u00f3g, kliknij w niego i wybierz opcj\u0119 <b><i>Align right<\/i><\/b>.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-left'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567674237\/54e02a7dda3ac4350b9a61d6\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567674237\/54e02a7dda3ac4350b9a61d6\/image.png' width='672' height='449'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Nast\u0119pnie mo\u017cesz dostosowa\u0107 ustawienia obrazu wedle uznania. Wi\u0119cej na temat ustawie\u0144 obraz\u00f3w przeczytasz w artykule <a href='\/przewodnik-po-klasycznym-kreatorze-e-mail-dragdrop\/#h_e34031ac8f'>Przewodnik po kreatorze e-mail drag&#038;drop<\/a>. <\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Uwaga!<\/b> Zalecamy jednak 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<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_1129d9aa8c'>Zmiana rozmiaru obraz\u00f3w w projekcie wiadomo\u015bci e-mail<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Po dodaniu obrazu do projektu wiadomo\u015bci e-mail mo\u017cesz dostosowa\u0107 jego po\u0142o\u017cenie w bloku, przyci\u0105\u0107 go i edytowa\u0107, zast\u0105pi\u0107 obraz innym, przeci\u0105gn\u0105\u0107 i upu\u015bci\u0107 do innej sekcji szablonu. O tych ustawieniach przeczytasz w artykule <a href='\/przewodnik-po-klasycznym-kreatorze-e-mail-dragdrop\/#h_e34031ac8f'>Przewodnik po kreatorze e-mail drag&#038;drop<\/a>. <\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>W tym miejscu skupimy si\u0119 jednak na jednej z podstawowych funkcji edycji, a mianowicie na zmianie rozmiaru obrazu. Aby to zrobi\u0107:<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>1. <\/b>Najed\u017a myszk\u0105 na obraz, a w prawym dolnym rogu bloku tre\u015bci zobaczysz dwukierunkow\u0105 strza\u0142k\u0119.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567680981\/bdaddcde633cb8b74c708aac\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567680981\/bdaddcde633cb8b74c708aac\/image.png' width='718' height='586'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>2. <\/b>Kliknij na ni\u0105 i przeci\u0105gnij obraz do \u017c\u0105danego rozmiaru.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567681232\/6fb0f8ad265a8942506b069f\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/567681232\/6fb0f8ad265a8942506b069f\/image.png' width='708' height='432'><\/a><\/div>\n<div class='intercom-interblocks-horizontal-rule'>\n<hr>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Zobacz tak\u017ce:<\/p>\n<\/div>\n<div class='intercom-interblocks-unordered-nested-list'>\n<ul>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b><a href='\/przewodnik-po-klasycznym-kreatorze-e-mail-dragdrop\/'>Przewodnik po kreatorze e-mail drag&#038;drop<\/a><\/b><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b><a href='\/jak-dodawac-gify-do-wiadomosci-e-mail\/'>Jak dodawa\u0107 GIFy do wiadomo\u015bci e-mail?<\/a><\/b><\/p>\n<\/div>\n<\/li>\n<li>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b><a href='\/najlepsze-praktyki-przy-dodawaniu-obrazow-do-wiadomosci-e-mail\/'>Najlepsze praktyki przy dodawaniu obraz\u00f3w do wiadomo\u015bci e-mail<\/a><\/b><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Dodanie obraz\u00f3w i grafik do wiadomo\u015bci e-mail mo\u017ce pom\u00f3c w budowaniu marki i zwi\u0119kszaniu zaanga\u017cowania subskrybent\u00f3w. \u015awietnie sprawdzaj\u0105 si\u0119 one w urozmaicani<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-782","post","type-post","status-publish","format-standard","hentry","category-cdxp"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/comments?post=782"}],"version-history":[{"count":6,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/782\/revisions"}],"predecessor-version":[{"id":2302,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/782\/revisions\/2302"}],"wp:attachment":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/media?parent=782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/categories?post=782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/tags?post=782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}