สุดยอดคู่มือรูปภาพจดหมายข่าว

เผยแพร่แล้ว: 2017-03-02

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

ดังนั้น หากงานศิลปะไม่ช่วยในการเปิด อย่างน้อยก็มีผลกระทบต่อการมีส่วนร่วมหรือไม่?

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

ขนาดรูปภาพจดหมายข่าวที่ดีที่สุดสำหรับหลายหน้าจอ

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

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

อีเมลจดหมายข่าวภาพ

ตัวอย่างอีเมล 2 คอลัมน์บนหน้าจอโทรศัพท์

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

บริการข่าวเช่น Active แคมเปญ MailChimp หรือ MailerLite (ซึ่งเราจะตรวจสอบที่นี่โดยวิธีการ) ให้ง่ายต่อการประสบความสำเร็จกับแม่แบบการตอบสนองของพวกเขา

แนวคิดการออกแบบจดหมายข่าวง่ายๆ ที่ควรคำนึงถึง

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

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

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

ตัวอย่างส่วนหัวของอีเมล

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

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

วิธีสร้างรูปภาพจดหมายข่าวอย่างมืออาชีพ

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

สร้างโปรแกรมสร้างรูปภาพส่วนหัวของอีเมล

ตัวอย่างขนาดผ้าใบให้เลือกบน Snappa

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

ขนาดไฟล์รูปภาพส่วนหัวของอีเมล

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

วิธีที่ดีในการลดขนาดไฟล์ของคุณ ในขณะที่ยังคงรักษาคุณภาพให้ได้มากที่สุด คือการเรียกใช้ผ่าน tinypng.com (ใช้ได้กับภาพ jpg ด้วย) คุณเพียงแค่วางรูปภาพของคุณลงบนหน้ากระดาษ แล้วมันจะย่อขนาดให้เล็กลง (คุณจะไม่สังเกตเห็นความแตกต่างในด้านคุณภาพเลย)...ทั้งหมดนี้ฟรี!

ออกแบบจดหมายข่าวทางอีเมลรอบ ๆ ตัวบล็อกรูปภาพ

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

ก่อนอื่น อย่าสร้างอีเมลที่ใช้รูปภาพทั้งหมด นี่เป็นสิ่งที่ตรงกันข้ามหากคุณต้องการหลีกเลี่ยงการบล็อกรูปภาพ ถ้าปิดกั้นเปิดอยู่ที่คุณส่งเพียงอีเมลที่ว่างเปล่าเพื่อใครบางคน

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

การจัดรูปแบบลิงก์ในจดหมายข่าวทางอีเมล

ควรใช้ลิงก์ข้อความที่จัดรูปแบบสำหรับ CTA เนื่องจากอาจไม่แสดงลิงก์แบบรูปภาพ

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

ตัวอย่างเช่น ถ้าคุณต้องการให้ผู้อื่นตรวจสอบผลิตภัณฑ์ใหม่ในร้านค้าของคุณ แต่รูปภาพสินค้าที่สวยงามไม่โหลด คุณยังสามารถพูดว่า 'Check out our new tote bag' ด้วยข้อความแสดงแทนของคุณ ซึ่งจะให้ข้อมูลผู้อ่าน และ คำกระตุ้นการตัดสินใจ โปรแกรมแก้ไขอีเมลบางตัวอาจอนุญาตให้คุณเพิ่มสไตล์ให้กับข้อความแสดงแทนของคุณได้ ทำให้โดดเด่นยิ่งขึ้น

จดหมายข่าว วิดีโอกับอีเมล GIFs

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

วิธีหนึ่งในการแก้ปัญหานี้คือการมีภาพนิ่งซ้อนทับด้วยปุ่มเล่น ซึ่งจะนำผู้ใช้ไปยังบริการที่โฮสต์ (เช่น YouTube) มีอีกวิธีหนึ่งคือ การใช้ GIF แบบเคลื่อนไหว

ตัวอย่างจดหมายข่าว gif

Anthropologie แบรนด์เครื่องใช้ในบ้าน ใช้ GIF นี้ในแคมเปญ ที่มาของรูปภาพ : Mailbakery.com

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

Back on Track – ข้อมูลเบื้องต้นเกี่ยวกับอัตราการเปิด

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

อัตราการเปิด ActiveCampaign

อัตราการเปิดใน ActiveCampaign

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

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

บทสรุป

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

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