Jak urozmaicić marketing treści za pomocą animowanych GIF-ów [i innych animowanych elementów wizualnych]
Opublikowany: 2015-10-15
CNN
Obrazy to potężne narzędzia. Mogą przyciągać i utrzymywać uwagę lub uchwycić i przekazać emocje w sposób, w jaki nie potrafią tego słowa. Dodaj trochę ruchu do swoich zdjęć, a staną się wręcz nie do odparcia.
Wideo wciąż jest potęgą, ale skromne animowane gify również cieszą się rosnącą popularnością. To zawsze był zabawny sposób na zwrócenie na siebie dodatkowej uwagi. Niestety, animowane gify były również używane w zbyt wielu banalnych reklamach banerowych i irytujących animowanych emotikonach. To trochę nadszarpnęło ich reputację.
Ale teraz coraz więcej platform obsługuje animowane gify. I coraz więcej marketerów używa ich, aby wyróżnić swoje treści. Tworzy elegancki marketing wizualny.
Czym jest animowany gif?
Dobre pytanie. Pomińmy słowa i przejdźmy do rzeczywistości.
To jest animowany gif:
Ten gif po raz pierwszy pojawił się na Reddicie jako zapowiedź rocznicy firmy, której nikt nie zauważył.
To także animowany gif:
Wynika to z ogłoszenia e-mail wysłanego przez sprzedawcę internetowego Evans. Został on również uwzględniony w niedawnym zestawieniu godnych uwagi animowanych gifów w wiadomościach e-mail firmy Alchemy Worx.
Te dwa animowane gify pomagają nam zdefiniować format z meta-wiadomością typu „pokaż, nie mów” . Ale idąc dalej:
- Animowane gify mogą być zdjęciami lub grafikami.
- Animowane gify składają się z krótkich serii klatek. Każda klatka to osobny animowany gif.
- Animowane gify są zazwyczaj krótkie – nie dłuższe niż 5 sekund.
- Animowane gify mają tendencję do zapętlania się, ale możesz ustawić ich odtwarzanie kilka razy, a następnie zatrzymać.
- Animowanych gifów można używać jak neonów – jako efektownych grafik, które przykuwają Twoją uwagę. Lub można ich użyć do opowiedzenia historii. Pierwszy gif, który zobaczyliśmy, opowiada prostą historię: Mieliśmy coś do świętowania. Stało się. Nikogo to nie obchodziło.
Czym nie są animowane gify
Jak na pewno wiesz, animowane gify nie są ostatnim słowem w ruchomych obrazach online. Istnieje kilka bardzo podobnych formatów i sposobów przenoszenia obrazów, o których powinieneś wiedzieć, i jest kilka zastrzeżeń.
1. Animowane gify nie są filmami.
Chociaż animowany gif można zgiąć w coś w rodzaju wideo, wymagałoby to wielu klatek w animowanym gifie lub musielibyśmy zaakceptować nową definicję wideo (jako serię, powiedzmy, pięciu klatek) . Filmy wideo również używają innego formatu pliku niż gify. Filmy są zazwyczaj dostarczane w formacie AVI, MPEG, MOV i innych formatach specyficznych dla wideo.
2. Animowane gify to nie kinografie.
Kinografiki to hybrydy zdjęć i filmów. Mają wiele podobieństw do animowanych gifów:
- Zapętlają się (tj. powtarzają się) jak większość animowanych gifów
- Można ich używać w wiadomościach e-mail, takich jak animowane gify
- Kończą się na .gif
Ale to nie są animowane gify. To jest kinematografia:
Na blogu Convince and Convert znajduje się interesujący post o tym, jak różne marki wykorzystują kinografiki w swoich działaniach marketingowych. AdWeek opublikował również post o planach Facebooka dotyczących kinografów.
Po prostu zrozum, że kinografiki są znacznie trudniejsze niż animowane gify. Ktoś z podstawowymi umiejętnościami edycji obrazu może zrobić animowany gif. Potrzeba umiejętności artysty, aby kinograf śpiewał.
3. Animowane gify nie są animacjami CSS.
Animacje CSS to kolejna najnowocześniejsza technika treści wizualnych, ale działają dzięki kodowaniu, a nie dzięki określonemu typowi pliku graficznego. Animacje CSS dobrze nadają się do prezentacji danych. Więc jeśli chcesz ulepszyć wykres lub zrobić koło wykresu kołowego, animacja CSS może zadziałać. Niestety, nie działają one w każdej przeglądarce i mogą zawierać błędy.
Creative Bloq ma bardzo fajny post z kilkoma wspaniałymi przykładami animacji CSS.
4. Animowane gify nie są Flashem.
Flash jest trochę oldschoolowy. Ma swoje aplikacje, ale najlepiej unikać Flasha ze względu na problemy z renderowaniem (urządzenia z systemem iOS nie mogą odtwarzać Flasha) oraz ponieważ zawartość Flash jest czarną skrzynką dla wyszukiwarek.
5. Animowane gify również nie są filmami Hyperlapse.
Instagram wymyślił, jak pozwolić nam robić filmy poklatkowe za pomocą smartfonów. Technologia nazywa się Hyperlapse. Aplikację Hyperlapse na urządzenia z systemem iOS można pobrać tutaj. Deweloperzy byli również w stanie naprawić efekt odbijania (nazywają poprawkę „stabilizacją kinową”), który znacznie utrudniałby oglądanie większości filmów Hyperlapse.
Filmy Hyperlapse można osadzać na stronach internetowych, ale nadal są to głównie twory Instagrama.
Jak zrobić animowany gif
Istnieją dwa sposoby tworzenia animowanych gifów. Pierwszy pochodzi z obrazów. Drugi pochodzi z filmów.
Oto jak zrobić gif ze statycznych obrazów.
- Przejdź do Gifmaker.me. To darmowe narzędzie do tworzenia gifów. Istnieje wiele innych darmowych twórców gifów (próbowałem też między innymi https://makeagif.com i https://imgflip.com), ale Gifmaker.me:
- Nie umieści znaku wodnego w dolnym rogu twojego gifa
- Tworzy gify, które mają mniejsze rozmiary plików niż inne narzędzia
- Zapewnia mnóstwo kontroli, dzięki czemu możesz tworzyć gify w dowolny sposób.
Jedna rzecz, której nie robi, to możliwość dodawania podpisów do gifów. Jeśli chcesz to zrobić, wypróbuj MakeaGIF lub IMGFlip.
2) Prześlij obrazy, które chcesz w swoim gifie. Mogą to być ogromne obrazy lub zmniejszone do rozmiaru, jaki ma mieć końcowy animowany gif. Właściwie próbowałem tego na dwa sposoby – w pierwszym zestawie obrazy były przesyłane jako obrazy 300dpi o szerokości kilku tysięcy pikseli. Następnie zrobiłem kolejny zestaw z obrazami, które zmniejszyłem w Photoshopie do szerokości 500 pikseli przy rozdzielczości 144 dpi. Animowany gif z ogromnych obrazów był w rzeczywistości o 10% mniejszy niż ten, który zrobiłem ze zmniejszonych obrazów. Domyśl.
3) Po przesłaniu obrazów możesz zmienić kolejność ramek, klikając je i przeciągając. Możesz także kontrolować rozmiar ukończonego gif i możesz kontrolować liczbę klatek na sekundę. Niektóre źródła podają, że średni gif wynosi 500 milisekund na klatkę. Uważam to za trochę za szybko – spowalniam moje gify do 1100 milisekund na klatkę.
Możesz ustawić, aby gif był odtwarzany tylko kilka razy lub w nieskończonej pętli. Pozwalam mojemu zapętlić się. I chociaż możesz dodać dźwięk, nie jestem wielkim fanem dźwięku w treści, chyba że jest to oczekiwane (na przykład w przypadku seminariów internetowych, podcastów i filmów).
Po wybraniu wszystkich tych ustawień wystarczy kliknąć „Utwórz animację GIF”.
Zobaczysz coś takiego obok. Animacja będzie odtwarzana… poniższy obraz to tylko zrzut ekranu.
Podczas gdy gifmaker.me tworzy dość małe rozmiary plików, możesz bardziej przyciąć swoje animowane gify. Staje się to szczególnie ważne, jeśli tworzysz animowany gif do wiadomości e-mail.
Nie chcesz używać w wiadomościach animowanych gifów większych niż 80 kb. Ogólnie zalecamy, aby obrazy w wiadomościach e-mail były małe, ale w przypadku animowanych gifów konieczne może być nagięcie zasad. Aby to zrobić, możesz spróbować użyć mniejszej liczby klatek lub zmniejszyć widoczny rozmiar końcowego animowanego gif.
Lub możesz użyć reduktora rozmiaru pliku.
Oto reduktor rozmiaru pliku, którego użyłem, EZGif. Udało mi się zmniejszyć obraz 236K do 113 KB, nawet bez użycia najwyższego ustawienia kompresji.
Jak na 4-klatkowy animowany gif o szerokości 500 pikseli, 113 KB to całkiem nieźle.
Oto ostateczny, skompresowany animowany gif:
Jak tworzyć animowane gify z YouTube i innych filmów
Kolejnym sposobem na tworzenie animowanych gifów jest użycie filmów z YouTube. Jest na to jeden sposób, który jest banalnie prosty.
Po prostu przejdź do adresu URL filmu, który chcesz przekształcić w animowany gif.
Wpisz „gif” przed „youtube.com”, w ten sposób:
Naciśnij powrót. Nastąpi przekierowanie do witryny, która umożliwia określenie niektórych ustawień animowanego GIF-a.
Kliknij „Utwórz GIF”…
A następnie wybierz, w jaki sposób chcesz udostępnić swój animowany gif.
Jest z tym jednak pewien haczyk. Ta strona jest skonfigurowana do hostowania obrazu dla Ciebie – sprawia, że pobieranie gif jest kłopotliwe. To może być dobre lub złe, ale wolę umieszczać obrazy na mojej stronie.
Istnieje wiele innych witryn, które umożliwiają tworzenie animowanych gifów z filmów z YouTube. MakeAGif.com i IMGFlip.com są bezpłatne i łatwe w użyciu.
Jeśli nie możesz ich zrobić, znajdź je
Nie masz czasu na animowany gif? To nie znaczy, że nie możesz użyć gotowego. Istnieje kilka witryn, w których można bezpłatnie korzystać z animowanych gifów:
- Giphy.com
- Imagur.com
- Gifbin.com
- Idealny gif Hulu
- GifBay.com
Bądź miły i pochwal się skąd wziąłeś gifa.
Jak używać animowanych gifów w marketingu
Ach, w końcu. Jesteśmy w części dotyczącej wyników. Oto wszystkie fajne sposoby wykorzystania animowanych gifów w marketingu:
1) W wiadomościach e-mail.
Staraj się, aby pliki były małe, ale animowane gify świetnie sprawdzają się w e-mailach. Istnieje kilka doniesień o reakcjach podnoszenia animowanych gifów, takich jak:
- Firma Bluefly dodała animowany gif do jednego ze swoich e-maili w 2008 roku i uzyskała 12% wzrost przychodów z segmentu animowanych gifów w teście.
- Firma Dell zwiększyła przychody o 109% dzięki kampanii e-mailowej zawierającej animowane gify.
- Firma Lake Champlain Chocolates zwiększyła liczbę odpowiedzi o 49% dzięki animowanemu e-mailowi, który pokazywał otwierające się pudełko czekoladek.
Intouch Solutions ma również fajny post o trzech innych studiach przypadków animowanych gifów w e-mailach.
Zastrzeżenie: Zawsze projektuj pierwszą klatkę swojego GIF-a tak, aby mógł stać samodzielnie jako statyczny obraz na wypadek, gdyby subskrybent otworzył wiadomość e-mail w kliencie (takim jak Outlook lub Windows Phone 7), który nie obsługuje animowanych GIF-ów.
2) W mediach społecznościowych.
Twitter i Tumblr od jakiegoś czasu obsługują animowane gify. Ale Facebook niedawno ogłosił, że ich kanał informacyjny obsługuje również animowane gify. Będą nawet dopuszczać je w reklamach.
Pinterest obsługuje animowane gify, ale aby je odtworzyć, musisz kliknąć przycisk z napisem „GIF”. A Google+ obsługuje animowane gify.
Jak zapewne wiesz, obrazy w mediach społecznościowych generują znacznie więcej polubień i udostępnień niż treści tekstowe. Dodanie odrobiny animowanych gifów sprawia, że treść jest jeszcze bardziej warta kliknięcia.
3) W postach na blogu.
Nie musisz być BuzzFeed ani Upworthy, aby używać animowanych gifów w swoich postach. Social Fresh i Quick Sprout zebrały dla nas trochę danych. Odkryli, że animowane gify są najbardziej prawdopodobnym rodzajem obrazów udostępnianych z postów na blogach.
4) Na stronach pobierania e-booków, oficjalnych dokumentów i badań.
E-booki, oficjalne dokumenty i badania naukowe zwykle zawierają wiele informacji. I powinni. Ale wszystkie te informacje stanowią problem na stronie pobierania, na której musisz wydestylować swoją wiadomość i elementy na stronie.
Wprowadź animowany gif. Dlaczego statycznego obrazu eBooka nie można zastąpić obracającymi się obrazami wykresów i cytatów z pliku do pobrania?
5) Na stronach opisujących oprogramowanie lub zachęcających do pobierania aplikacji.
Animowane gify to świetny sposób na pokazanie ludziom, jak korzystać z oprogramowania. Po prostu niech będą krótkie i proste. Kiedy SEMRush chciał ogłosić nową funkcję, wysłał e-mail z tym animowanym gifem:
A oto wspomnienie dla tych z was, którzy kręcili się po Internecie pod koniec lat dziewięćdziesiątych. Jeden z pierwszych wirusowych Gifów, nieco przerażający Tańczący Dziecko.
Wniosek
Animowane gify to najprostszy sposób na dodanie ruchu do strony, wiadomości e-mail lub aktualizacji w mediach społecznościowych. I chociaż mogą one kojarzyć się z byciem trochę amatorskim, nie ma powodu, dla którego nie możesz wybrać atrakcyjnych obrazów związanych z marką, które opowiadają fascynującą historię, którą Twoi odbiorcy docenią.
Ponieważ coraz więcej platform i usług je obsługuje, animowane gify mogą być najlepszym sposobem na zbudowanie pewności siebie dzięki ruchomym obrazom… przynajmniej do czasu, gdy będziesz gotowy, aby zanurzyć się w wideo.
Czy używasz animowanych gifów w swoim marketingu? Czy masz jakieś studia przypadków, którymi możesz się z nami podzielić? Opowiedz nam o nich w komentarzach.
Czy jesteś gotowy, aby zacząć dodawać ruch do swoich e-maili, aby wyróżniały się z tłumu? Dowiedz się, jak zacząć korzystać z GIF-ów, kinografów, filmów i nie tylko z naszego bezpłatnego e-booka — Email Idea Lab.