Aby prawid\u0142owo przygotowa\u0107 grafik\u0119, kt\u00f3ra zostanie wykorzystana do opracowania kodu HTML w celu wysy\u0142ki mailingu, nale\u017cy zastosowa\u0107 poni\u017csze rozwi\u0105zania:<\/p>\n
Grafika powinna mie\u0107 optymaln\u0105 szeroko\u015b\u0107 600-700 pikseli.<\/p>\n
Grafika powinna by\u0107 zapisana w formacie .jpg, .png lub .gif. Nale\u017cy pami\u0119ta\u0107, aby rozszerzenia by\u0142y pisane ma\u0142ymi literami.<\/p>\n
Je\u015bli cz\u0119\u015b\u0107 grafiki ma by\u0107 personalizowana, zaleca si\u0119 zastosowanie jednolitego t\u0142a w miejscu personalizacji.<\/p>\n
Rozmiar czcionki nie powinien by\u0107 mniejszy ni\u017c 10 pikseli, a rodzaj czcionki powinien nale\u017ce\u0107 do popularnych grup u\u017cywanych w Internecie, takich jak Arial, Verdana, Tahoma lub Times New Roman.<\/p>\n
Nie zaleca si\u0119 umieszczania grafiki w tle tekstu, poniewa\u017c nie wszystkie programy pocztowe obs\u0142uguj\u0105 t\u0119 funkcj\u0119. W takim przypadku tekst b\u0119dzie widoczny, ale grafika nie b\u0119dzie wy\u015bwietlana.<\/p>\n
Na urz\u0105dzeniach mobilnych grafika z tekstem mo\u017ce by\u0107 pomniejszona i trudna do odczytania. Aby tekst zawsze by\u0142 widoczny, niezale\u017cnie od pobrania obraz\u00f3w, nale\u017cy umie\u015bci\u0107 go na jednolitym tle, kt\u00f3re b\u0119dzie mo\u017cna zapisa\u0107 w kodzie HTML jako kolor.<\/p>\n
Aby grafika by\u0142a dostosowana do trybu ciemnego, zaleca si\u0119 u\u017cywanie przezroczystego lub ciemnego t\u0142a. Przy przezroczystym tle nale\u017cy pami\u0119ta\u0107, \u017ce w dark mode kolor t\u0142a zostanie odwr\u00f3cony, co mo\u017ce wp\u0142yn\u0105\u0107 na czytelno\u015b\u0107 element\u00f3w. W takim przypadku warto sprawdzi\u0107, czy wszystkie detale pozostaj\u0105 widoczne. Je\u015bli kt\u00f3ry\u015b z element\u00f3w staje si\u0119 mniej czytelny, mo\u017cna doda\u0107 mu obramowanie o grubo\u015bci 1 px w kolorze t\u0142a, aby zachowa\u0107 odpowiedni kontrast.<\/p>\n
Upewnij si\u0119, \u017ce tekst umieszczony w projekcie mailingu mie\u015bci si\u0119 w prostok\u0105tach o jednolitym tle. Je\u015bli w projekcie wyst\u0119puj\u0105 linie krzywe, pole tekstu powinno znajdowa\u0107 si\u0119 ponad lub pod krzyw\u0105, nie wchodz\u0105c w jej obszar. W przeciwnym razie tekst b\u0119dzie musia\u0142 pozosta\u0107 grafik\u0105 i nie b\u0119dzie mo\u017cliwy do edycji.<\/p>\n
Je\u015bli przyciski maj\u0105 mie\u0107 edytowalny tekst, nie nale\u017cy stosowa\u0107 cieni ani zaokr\u0105glania rog\u00f3w. W przeciwnym razie przyciski zostan\u0105 wy\u015bwietlone jako grafika, a edycja tre\u015bci nie b\u0119dzie mo\u017cliwa.<\/p>\n
Miejsce przeznaczone na tekst personalizowany powinno by\u0107 dostatecznie du\u017ce, aby pomie\u015bci\u0107 najd\u0142u\u017csz\u0105 dopuszczaln\u0105 warto\u015b\u0107 danej cechy. Na przyk\u0142ad, je\u015bli u\u017cywamy zmiennej „Miasto”, nale\u017cy zapewni\u0107 miejsce na wpisanie warto\u015bci „E\u0142k” lub „Nowy Dw\u00f3r Mazowiecki”.<\/p>\n
Maksymalna waga grafiki nie powinna przekracza\u0107 100-150 kB. Parametr rozdzielczo\u015bci grafiki powinien by\u0107 zapisany z warto\u015bci\u0105 nie wi\u0119ksz\u0105 ni\u017c 72 dpi.<\/p>\n
Grafika przeznaczona do umieszczenia w newsletterze powinna mie\u0107 natywny rozmiar. Na przyk\u0142ad, je\u015bli chcemy, aby obrazek wy\u015bwietla\u0142 si\u0119 w rozmiarze 100 na 100 pikseli, to powinien mie\u0107 dok\u0142adnie takie wymiary na serwerze. Umieszczenie pliku o mniejszych lub wi\u0119kszych wymiarach spowoduje utrat\u0119 jako\u015bci grafiki.<\/p>\n
Nazwy plik\u00f3w graficznych nie powinny zawiera\u0107 spacji, my\u015blnik\u00f3w ani znak\u00f3w specjalnych. D\u0142ugo\u015b\u0107 nazwy pliku grafiki nie mo\u017ce przekracza\u0107 35 znak\u00f3w.<\/p>\n