Oktatóanyag A GIF-képek megfelelő beépítéséhez az e-mailekbe
Ebben a cikkben
A bevált gyakorlatok után itt találja az animált GIF biztonságos, mobilra optimalizált GIF-beillesztési irányelveit.
Észrevette, hogy az animált és mozgó e-mailek egyre inkább elterjednek a beérkező levelek között? Megtesszük. E-mail marketing szakemberként vagy tervezőként megpróbálhatta felhasználni őket az e-mail konverziók növelésére. De azt is észrevettük, hogy a marketingesek nem mindig építenek be Animált GIF-ek az üzenetekben a legjobb tervezési gyakorlatok felhasználásával.
Érdekesség, hogy az animált GIF-eket valójában nagyon könnyen lehet használni az e-mailben: használhatók, mint bármely más képfájlt, és tökéletesen kompatibilisek a legtöbb e-mail klienssel. Az e-mailek sok GIF-jével az a probléma, hogy az üzenetekben szereplő cselekvésre ösztönzés gyakran a GIF-en belül található, ahogy Ann Taylor e-mailje is:
A "GO" cselekvésre ösztönzés valójában nem egy gomb: a kép része. Bármely kattintás fölött, alatt vagy a "gomb" körül ugyanolyan hatást gyakorol: egy Ann Taylor webhelyén lévő céloldalra vezet, mert a link az egész animált GIF-re kiterjed. Ez megkönnyíti az olvasók számára, hogy több információt kapjanak (és esetleg vásároljanak is), egyszerűen csak megérintve vagy kattintva szinte bárhol. De ez problémás is lehet. Ha az animált GIF fájlokat egy vagy másik okból nem helyesen jelenítik meg, az üzenet minden funkcióját elveszíti. Ez megtörténhet, ha ...
- Képméret torzulások vannak a mobil olvasó eszközön
- A képmegjelenítés nincs aktiválva azon az ügyfélen, ahol az e-mailt olvassa.
- Egy hirdetésblokkoló program blokkolja a GIF-et.
- A GIF egy nagy fájl, és az olvasó nem várja meg, amíg befejezi a betöltést
Továbbá az Outlook felhasználói nagy valószínűséggel csak állóképet fognak látni, mert az animáció nem fog működni. Ezen okok és mások miatt, Mindig javasoljuk az e-mail tervezés olyan megközelítésének alkalmazását, amely optimalizálja a HTML-t, és nem csak a képekre támaszkodik. Szeretné tudni, hogyan használja fantasztikusan animált GIF-eit e-mailben, miközben biztosítja, hogy a cselekvésre ösztönzése mindig megjelenjen? Olvass tovább.
A mai műhely
Ma újra elkészítjük a következő üzenetet a Banana Republic-tól, és megmutatjuk, hogyan lehet optimalizálni az animált GIF-ek használatát egy e-mailben annak biztosítása érdekében, hogy a tartalma megjelenjen.
Itt van egy összefoglalónk egy video oktatóanyagban:
És referenciaként íme a Banán Köztársaság teljes üzenete:
A Banana Republic e-mailben a kulcsüzenet, amely tartalmazza a cselekvésre ösztönzést, egyetlen képblokkban van, mint a fent látható Ann Taylor e-mailben. Az üzenet nagy része - a fekete rész - animált GIF:
Ez azt jelenti, hogy ha a képmegjelenítés le van tiltva, vagy a GIF összeomlik vagy nem töltődik be, akkor a teljes üzenet elvész.
Javítsuk ki.
1. lépés: izolálja az animált GIF-et
Az animált GIF ebben a bejegyzésben nagyszerű. Tehát akkor is, ha megjelenik a Beérkező levelek mappában, lehet, hogy nem töltődik be, vagy nem töltődik be teljesen, így az üzenet olvasatlanná válik. E problémák elkerülése érdekében jó gyakorlat a GIF-animáció kivágása, kivágva a kép azon részeit, amelyekre nincs szükség animációra. A Banán Köztársaság üzenetben ez azt jelenti, hogy el akarjuk különíteni a kép középső részét, azt a részt, amely mozog - az alábbi rózsaszín mezőben -, a többit pedig szöveggel és HTML-lel készítjük el.
A kép gyors kivágásához az ezGIF.com webhelyet használjuk. És itt van az új animált GIF: