วิธีเติมชีวิตชีวาให้กับการตลาดเนื้อหาของคุณด้วย GIF แบบเคลื่อนไหว [และภาพเคลื่อนไหวอื่นๆ]

รูปภาพเป็นเครื่องมือที่มีประสิทธิภาพ พวกเขาสามารถดึงดูดความสนใจหรือจับและถ่ายทอดอารมณ์ในแบบที่คำพูดไม่สามารถทำได้ เพิ่มการเคลื่อนไหวให้กับภาพของคุณและมันจะยากเกินต้านทาน

วิดีโอยังคงเป็นโรงไฟฟ้า แต่ gif แบบเคลื่อนไหวที่เรียบง่ายก็ได้รับความนิยมเพิ่มขึ้นเช่นกัน เป็นวิธีที่สนุกเสมอในการได้รับความสนใจเป็นพิเศษ น่าเสียดายที่มีการใช้ gif แบบเคลื่อนไหวสำหรับโฆษณาแบนเนอร์ซ้ำซากมากเกินไปและอิโมติคอนเคลื่อนไหวที่น่ารำคาญ นั่นทำให้ชื่อเสียงของพวกเขาแปดเปื้อนเล็กน้อย

แต่ปัจจุบันมีแพลตฟอร์มจำนวนมากขึ้นเรื่อยๆ ที่สนับสนุน gif แบบเคลื่อนไหว และนักการตลาดจำนวนมากขึ้นใช้พวกเขาเพื่อทำให้เนื้อหาของพวกเขาโดดเด่น มันทำการตลาดด้วยภาพที่สวยงาม

gif แบบเคลื่อนไหวคืออะไร

คำถามที่ดี. ข้ามคำพูดและข้ามไปที่ของจริงกันเถอะ

นี่คือ gif แบบเคลื่อนไหว:

gif นี้ปรากฏครั้งแรกบน Reddit เพื่อเป็นการประกาศเกี่ยวกับวันครบรอบของบริษัทที่ไม่มีใครสังเกตเห็น

นี่เป็น gif แบบเคลื่อนไหวด้วย:

นี่มาจากการประกาศทางอีเมลที่ส่งโดย Evans ผู้ค้าปลีกออนไลน์ นอกจากนี้ยังรวมอยู่ในบทสรุปล่าสุดของ Alchemy Worx เกี่ยวกับ gif ภาพเคลื่อนไหวที่น่าสนใจในอีเมล

gif แบบเคลื่อนไหวทั้งสองนี้ช่วยให้เรากำหนดรูปแบบด้วย การแสดง-อย่าบอก ข้อความเมตา แต่ไปไกลกว่านั้น:

• gif แบบเคลื่อนไหวอาจเป็นภาพถ่ายหรือกราฟิกก็ได้
• gif แบบเคลื่อนไหวประกอบด้วยชุดเฟรมสั้นๆ แต่ละเฟรมเป็น gif แบบเคลื่อนไหวของมันเอง
• gif แบบเคลื่อนไหวมักจะสั้น – ไม่เกิน 5 วินาที
• gif แบบเคลื่อนไหวมักจะวนซ้ำ แต่คุณสามารถตั้งค่าให้เล่นสองสามครั้งแล้วหยุด
• สามารถใช้ gif แบบเคลื่อนไหวได้เหมือนป้ายไฟนีออน เป็นกราฟิกที่ฉูดฉาดที่ดึงดูดความสนใจของคุณ หรือจะใช้ในการเล่าเรื่องก็ได้ gif แรกที่เราเห็นบอกเล่าเรื่องราวที่เรียบง่าย: เรามีบางสิ่งที่จะเฉลิมฉลอง มันเกิดขึ้น. ไม่มีใครสนใจ

gifs เคลื่อนไหวอะไรที่ไม่ใช่

อย่างที่ฉันแน่ใจว่าคุณทราบ gif แบบเคลื่อนไหวไม่ใช่คำสุดท้ายในภาพเคลื่อนไหวออนไลน์ มีรูปแบบและวิธีการที่คล้ายกันมากในการทำให้รูปภาพเคลื่อนไหวซึ่งคุณควรทราบ และมีข้อแม้บางประการ

1. gif แบบเคลื่อนไหวไม่ใช่วิดีโอ

แม้ว่า gif แบบเคลื่อนไหวสามารถดัดเป็นบางอย่างเช่นวิดีโอได้ แต่อาจต้องใช้เฟรมจำนวนมากใน gif แบบเคลื่อนไหว หรือเราต้องยอมรับคำจำกัดความใหม่ของวิดีโอ (เช่น ชุดของห้าเฟรม) . วิดีโอใช้รูปแบบไฟล์ที่แตกต่างจาก gif เช่นกัน วิดีโอมักมาในรูปแบบ AVI, MPEG, MOV และรูปแบบวิดีโอเฉพาะอื่นๆ

2. gif แบบเคลื่อนไหวไม่ใช่ภาพยนต์

Cinemagraphs เป็นการผสมผสานระหว่างภาพถ่ายและวิดีโอ มีความคล้ายคลึงกันมากกับ gif แบบเคลื่อนไหว:

• พวกเขาวนซ้ำ (เช่น ทำซ้ำตัวเอง) เหมือน gif แบบเคลื่อนไหวส่วนใหญ่
• สามารถใช้ในข้อความอีเมล เช่น gif แบบเคลื่อนไหว
• ซึ่งลงท้ายด้วย .gif

แต่ไม่ใช่ gif แบบเคลื่อนไหว นี่คือภาพยนตร์:

มีโพสต์ที่น่าสนใจในบล็อก Convince and Convert เกี่ยวกับวิธีที่แบรนด์ต่างๆ ใช้ซีเนมากราฟในการตลาดของตน AdWeek ยังเผยแพร่โพสต์เกี่ยวกับแผนการของ Facebook สำหรับภาพยนตร์

เพิ่งเข้าใจว่าการสร้างภาพยนตร์นั้นยากกว่า gif แบบเคลื่อนไหวมาก ผู้ที่มีทักษะการแก้ไขภาพขั้นพื้นฐานสามารถสร้าง gif แบบเคลื่อนไหวได้ ต้องใช้ทักษะของศิลปินในการร้องเพลงภาพยนตร์

3. gif แบบเคลื่อนไหวไม่ใช่ภาพเคลื่อนไหวแบบ CSS

ภาพเคลื่อนไหว CSS เป็นอีกหนึ่งเทคนิคเนื้อหาภาพที่ทันสมัย ​​แต่ใช้งานได้ด้วยการเข้ารหัส ไม่ใช่ไฟล์ภาพประเภทใดประเภทหนึ่ง ภาพเคลื่อนไหว CSS เหมาะสมอย่างยิ่งสำหรับการนำเสนอข้อมูล ดังนั้น หากคุณต้องการทำให้กราฟดูโดดเด่นขึ้นหรือสร้างวงล้อของแผนภูมิวงกลม ภาพเคลื่อนไหว CSS อาจใช้ได้ผล อนิจจา แม้ว่าจะใช้งานไม่ได้กับทุกเบราว์เซอร์และอาจเป็นปัญหาได้

Creative Bloq มีโพสต์เจ๋งๆ พร้อมตัวอย่างแอนิเมชั่น CSS ที่น่าทึ่ง

4. gif แบบเคลื่อนไหวไม่ใช่ Flash

Flash เป็นโรงเรียนเก่า มีแอปพลิเคชัน แต่ควรหลีกเลี่ยง Flash เนื่องจากปัญหาการแสดงผล (อุปกรณ์ iOS ไม่สามารถเล่น Flash ได้) และเนื่องจากเนื้อหา Flash เป็นกล่องดำสำหรับเครื่องมือค้นหา

5. gif แบบเคลื่อนไหวไม่ใช่วิดีโอไฮเปอร์แลปส์เช่นกัน

Instagram ได้ค้นพบวิธีให้เราสร้างวิดีโอเหลื่อมเวลาด้วยสมาร์ทโฟน เทคโนโลยีนี้เรียกว่า Hyperlapse คุณสามารถดาวน์โหลดแอป Hyperlapse สำหรับอุปกรณ์ iOS ได้ที่นี่ นักพัฒนาซอฟต์แวร์ยังสามารถแก้ไขเอฟเฟกต์การตีกลับ (พวกเขาเรียกว่าการแก้ไข “การสั่นไหวของโรงภาพยนตร์”) ซึ่งจะทำให้วิดีโอ Hyperlapse ส่วนใหญ่ดูน้อยลง

วิดีโอไฮเปอร์แลปส์สามารถฝังบนหน้าเว็บได้ แต่ส่วนใหญ่ยังคงเป็นสิ่งมีชีวิตของ Instagram

วิธีทำ gif แบบเคลื่อนไหว

มีสองวิธีในการสร้าง gif แบบเคลื่อนไหว ประการแรกคือจากภาพ ประการที่สองคือจากวิดีโอ

ต่อไปนี้เป็นวิธีสร้าง gif จากภาพนิ่ง

1. ไปที่ Gifmaker.me นี่คือเครื่องมือสร้าง gif ฟรี มีผู้สร้าง gif ฟรีอื่น ๆ มากมาย (ฉันลองใช้ https://makeagif.com และ https://imgflip.com เป็นต้น) แต่ Gifmaker.me:
   • จะไม่ใส่ลายน้ำที่มุมล่างของ gif
   • สร้าง gif ที่มีขนาดไฟล์เล็กกว่าเครื่องมืออื่นๆ
   • ให้การควบคุมมากมาย คุณจึงสร้าง gif ได้ตามต้องการ

สิ่งหนึ่งที่ไม่ทำคือให้คุณเพิ่มคำบรรยายให้กับ gif ของคุณ หากคุณต้องการทำเช่นนั้น ลองใช้ MakeaGIF หรือ IMGFlip

2) อัปโหลดภาพที่คุณต้องการใน gif ของคุณ สิ่งเหล่านี้อาจเป็นภาพขนาดใหญ่หรือลดขนาดตามที่คุณต้องการให้เป็น gif แบบเคลื่อนไหวขั้นสุดท้าย ฉันลองใช้ทั้งสองวิธีแล้ว ในชุดแรก รูปภาพถูกอัปโหลดเป็นภาพขนาด 300dpi กว้างหลายพันพิกเซล จากนั้นฉันก็ทำอีกชุดด้วยภาพที่ฉันลดขนาดใน Photoshop ให้เหลือความกว้าง 500 พิกเซลที่ 144 dpi gif แบบเคลื่อนไหวจากภาพขนาดใหญ่มีขนาดเล็กกว่าที่ฉันสร้างจากภาพที่ย่อขนาด 10% ไปคิด

3) เมื่ออัปโหลดรูปภาพของคุณแล้ว คุณสามารถจัดเรียงเฟรมใหม่ได้โดยการคลิกและลากไปรอบๆ คุณยังสามารถควบคุมขนาดของ gif ที่เสร็จสมบูรณ์ และคุณสามารถควบคุมเฟรมต่อวินาที บางแหล่งกล่าวว่า gif เฉลี่ยอยู่ที่ 500 มิลลิวินาทีต่อเฟรม ฉันพบว่าเร็วเกินไป – ฉันลดความเร็ว gif ลงเหลือ 1100 มิลลิวินาทีต่อเฟรม

คุณสามารถตั้งค่า gif ให้เล่นเพียงไม่กี่ครั้งหรือวนซ้ำไม่สิ้นสุด ฉันปล่อยให้ลูปของฉัน และแม้ว่าคุณจะเพิ่มเสียงได้ แต่ฉันไม่ใช่แฟนตัวยงของเสียงในเนื้อหา เว้นแต่จะเป็นไปตามที่คาดไว้ (เช่น การสัมมนาผ่านเว็บ พ็อดคาสท์ และวิดีโอ)

เมื่อเลือกการตั้งค่าทั้งหมดแล้ว ให้คลิก "สร้างภาพเคลื่อนไหว GIF"

คุณจะเห็นสิ่งนี้ต่อไป ภาพเคลื่อนไหวจะเล่น ... ภาพด้านล่างเป็นเพียงภาพหน้าจอ

แม้ว่า gifmaker.me จะสร้างขนาดไฟล์ที่ค่อนข้างเล็ก แต่คุณก็สามารถตัดแต่ง gif แบบเคลื่อนไหวให้เล็กลงได้ การดำเนินการนี้จะมีความสำคัญอย่างยิ่งหากคุณกำลังสร้าง gif แบบเคลื่อนไหวสำหรับข้อความอีเมล

คุณไม่ต้องการใช้ gif แบบเคลื่อนไหวที่มีขนาดใหญ่กว่า 80 kb ในอีเมล โดยทั่วไป เราแนะนำให้รูปภาพมีขนาดเล็กสำหรับข้อความอีเมล แต่คุณอาจต้องหักล้างกฎสำหรับ gif แบบเคลื่อนไหว ในการทำเช่นนั้น คุณสามารถลองใช้เฟรมน้อยลง หรือทำให้ gif ภาพเคลื่อนไหวสุดท้ายมีขนาดเล็กลงในขนาดที่มองเห็นได้

หรือคุณสามารถใช้ตัวลดขนาดไฟล์

นี่คือตัวลดขนาดไฟล์ที่ฉันใช้ EZGif ฉันสามารถย่อรูปภาพขนาด 236K ให้เหลือ 113KB โดยไม่ต้องใช้การตั้งค่าการบีบอัดสูงสุดด้วยซ้ำ

สำหรับ gif แบบเคลื่อนไหว 4 เฟรม กว้าง 500 พิกเซล 113 KB ค่อนข้างดี

นี่คือ gif ภาพเคลื่อนไหวสุดท้ายที่ถูกบีบอัด:

วิธีสร้าง gif แบบเคลื่อนไหวจาก YouTube และวิดีโออื่นๆ

วิธีต่อไปในการสร้าง gif แบบเคลื่อนไหวคือการใช้วิดีโอ YouTube มีวิธีหนึ่งในการทำเช่นนี้ซึ่งง่ายมาก

เพียงไปที่ URL ของวิดีโอที่คุณต้องการสร้างเป็น gif แบบเคลื่อนไหว

พิมพ์ “gif” หน้า “youtube.com” แบบนี้

ตีกลับ คุณจะถูกนำไปยังไซต์ที่ให้คุณระบุการตั้งค่าบางอย่างสำหรับ gif แบบเคลื่อนไหวของคุณ

คลิก “สร้าง GIF”…

จากนั้นเลือกวิธีที่คุณต้องการแชร์ gif แบบเคลื่อนไหว

มีอุปสรรค์กับเรื่องนี้แม้ว่า ไซต์นี้ได้รับการตั้งค่าให้โฮสต์รูปภาพสำหรับคุณ ทำให้การดาวน์โหลด gif เป็นเรื่องยุ่งยาก นั่นอาจเป็นสิ่งที่ดีหรือไม่ดี แต่ฉันอยากโฮสต์รูปภาพบนเว็บไซต์ของฉันมากกว่า

มีไซต์อื่น ๆ อีกมากมายที่ให้คุณสร้าง gif แบบเคลื่อนไหวจากวิดีโอ YouTube MakeAGif.com และ IMGFlip.com เป็นบริการฟรีและใช้งานง่าย

ถ้าสร้างไม่ได้ ให้หามา

ไม่มีเวลาสร้าง gif แบบเคลื่อนไหวใช่ไหม ไม่ได้หมายความว่าคุณไม่สามารถใช้แบบที่สร้างไว้ล่วงหน้าได้ มีหลายไซต์สำหรับ gif แบบเคลื่อนไหวที่ใช้งานได้ฟรี:

• Giphy.com
• Imagur.คอม
• กิฟบินดอทคอม
• Hulu's GIF ที่สมบูรณ์แบบ
• กิฟเบย์.คอม

ทำดีและให้เครดิตกับตำแหน่งที่คุณได้รับ gif

วิธีใช้ gif แบบเคลื่อนไหวในการตลาดของคุณ

อา ในที่สุด เราอยู่ที่ส่วนผลลัพธ์ ต่อไปนี้เป็นวิธีเจ๋งๆ ทั้งหมดที่คุณสามารถใช้ gif แบบเคลื่อนไหวในการตลาดของคุณ:

1) ในข้อความอีเมล

พยายามทำให้ไฟล์มีขนาดเล็ก แต่ gif แบบเคลื่อนไหวทำงานได้ดีในอีเมล มีรายงานหลายฉบับเกี่ยวกับการตอบสนองที่เพิ่มขึ้นของ gif แบบเคลื่อนไหว เช่น:

• Bluefly เพิ่ม gif แบบเคลื่อนไหวในอีเมลฉบับหนึ่งของพวกเขาย้อนกลับไปในปี 2008 และได้รับรายได้เพิ่มขึ้น 12% จากส่วน gif แบบเคลื่อนไหวของการทดสอบ
• Dell เพิ่มรายได้ 109% ด้วยแคมเปญอีเมล gif แบบเคลื่อนไหว
• Lake Champlain Chocolates เพิ่มการตอบกลับ 49% ด้วยอีเมลภาพเคลื่อนไหวที่แสดงกล่องช็อคโกแลตที่เปิดอยู่

Intouch Solutions ยังมีโพสต์ที่ดีเกี่ยวกับกรณีศึกษาอื่นๆ อีกสามกรณีเกี่ยวกับ gif แบบเคลื่อนไหวในอีเมล

ข้อแม้: ออกแบบเฟรมแรกของ gif ของคุณเสมอ เพื่อให้สามารถตั้งเป็นภาพนิ่งได้เอง ในกรณีที่สมาชิกของคุณเปิดอีเมลในไคลเอนต์ (เช่น Outlook และ Windows Phone 7) ที่ไม่รองรับ GIF แบบเคลื่อนไหว

2) บนโซเชียลมีเดีย

Twitter และ Tumblr รองรับภาพเคลื่อนไหว gif มาระยะหนึ่งแล้ว แต่ Facebook เพิ่งประกาศว่า newsfeed รองรับ gif แบบเคลื่อนไหวด้วย พวกเขาจะอนุญาตให้พวกเขาในโฆษณาด้วยซ้ำ

Pinterest รองรับ gif แบบเคลื่อนไหว แต่คุณต้องคลิกปุ่มที่เขียนว่า “GIF” เพื่อเล่น และ Google+ รองรับ gif แบบเคลื่อนไหว

อย่างที่คุณคงทราบดีว่า รูปภาพบนโซเชียลมีเดียสร้างไลค์และแชร์ได้มากกว่าเนื้อหาที่เป็นข้อความ การเพิ่ม gif แบบเคลื่อนไหวทำให้เนื้อหาน่าคลิกยิ่งขึ้น

3) ในบล็อกโพสต์

คุณไม่จำเป็นต้องเป็น BuzzFeed หรือคู่ควรที่จะใช้ gif แบบเคลื่อนไหวในโพสต์ของคุณ Social Fresh และ Quick Sprout กรองข้อมูลบางอย่างให้เรา พวกเขาพบว่า gif แบบเคลื่อนไหวเป็นประเภทภาพที่มีแนวโน้มมากที่สุดที่จะได้รับการแชร์จากบล็อกโพสต์

4) ในหน้าดาวน์โหลด ebook สมุดปกขาว และการศึกษาวิจัย

Ebooks เอกสารไวท์เปเปอร์และการศึกษาวิจัยมักมีข้อมูลจำนวนมาก และพวกเขาควร แต่ข้อมูลทั้งหมดนั้นเป็นปัญหาในหน้าดาวน์โหลด ซึ่งคุณต้องกลั่นกรองข้อความและองค์ประกอบในหน้านั้น

ป้อน gif แบบเคลื่อนไหว เหตุใดจึงไม่สามารถแทนที่รูปภาพของ eBook แบบคงที่ด้วยรูปภาพแบบหมุนของแผนภูมิและคำพูดจากการดาวน์โหลด

5) ในหน้าที่อธิบายซอฟต์แวร์หรือสนับสนุนการดาวน์โหลดแอป

gif แบบเคลื่อนไหวเป็นวิธีที่ยอดเยี่ยมในการแสดงให้ผู้คนเห็นวิธีการทำสิ่งต่างๆ ด้วยซอฟต์แวร์ เพียงทำให้สั้นและเรียบง่าย เมื่อ SEMRush ต้องการประกาศฟีเจอร์ใหม่ พวกเขาส่งอีเมลพร้อม gif แบบเคลื่อนไหวนี้:

และนี่คือการย้อนกลับไปสำหรับผู้ที่เคยเล่นอินเทอร์เน็ตในช่วงปลายยุค 90 หนึ่งใน Gif แบบไวรัลตัวแรก นั่นคือ Dancing Baby ที่น่าขนลุก

บทสรุป

gif แบบเคลื่อนไหวเป็นวิธีที่ง่ายที่สุดในการเพิ่มความเคลื่อนไหวให้กับเพจ อีเมล หรือการอัปเดตโซเชียลมีเดีย และในขณะที่พวกเขาอาจมีความเกี่ยวข้องกับการเป็นมือสมัครเล่นเล็กน้อย แต่ก็ไม่มีเหตุผลใดที่คุณจะไม่สามารถเลือกรูปภาพที่น่าดึงดูดและเป็นเอกลักษณ์ของแบรนด์ที่บอกเล่าเรื่องราวที่น่าสนใจที่ผู้ชมของคุณจะประทับใจ

ด้วยแพลตฟอร์มและบริการที่รองรับมากขึ้นเรื่อยๆ gif แบบเคลื่อนไหวอาจเป็นวิธีที่ดีที่สุดในการสร้างความมั่นใจให้กับภาพเคลื่อนไหว... อย่างน้อยก็จนกว่าคุณจะพร้อมที่จะดำดิ่งลงไปในวิดีโอ

คุณใช้ gif แบบเคลื่อนไหวในการตลาดของคุณหรือไม่? คุณมีกรณีศึกษาที่จะแบ่งปันกับเราหรือไม่? บอกเราเกี่ยวกับพวกเขาในความคิดเห็น

คุณพร้อมหรือยังที่จะเริ่มเพิ่มความเคลื่อนไหวในอีเมลของคุณเพื่อให้อีเมลโดดเด่นกว่าใคร เรียนรู้วิธีเริ่มใช้ GIF, ภาพยนตร์, วิดีโอ และอื่นๆ อีกมากมายใน eBook ฟรีของเรา – ส่งอีเมลถึง Idea Lab