ขนาดรูปภาพโซเชียลมีเดียที่ใช้งานได้จริง
ขนาดสำหรับโพสต์ สตอรี่ หน้าปก และโปรไฟล์ของแต่ละแพลตฟอร์ม ตรวจสอบแล้วจริง ไม่ได้คัดลอกมาจากบทความเก่าเมื่อสี่ปีที่แล้ว
สามสัดส่วนครอบคลุมเกือบทุกตำแหน่งบนโซเชียลมีเดีย: 1:1 สำหรับโพสต์ฟีด, 9:16 สำหรับสตอรี่และรีลส์ และ 1.91:1 สำหรับตัวอย่างลิงก์ การสร้างไฟล์ทั้ง 3 แบบนี้จากภาพต้นฉบับเพียงภาพเดียวจะช่วยให้คุณใช้งานร่วมกับเกือบทุกแพลตฟอร์มได้โดยไม่ต้องมาคอยจัดการสเปรดชีตข้อยกเว้น
คู่มือขนาดรูปภาพโซเชียลส่วนใหญ่มักนำข้อมูลมาจากคู่มือเก่าและระบุขนาดที่เปลี่ยนแปลงไปหลายปีแล้ว วิธีที่ปลอดภัยกว่าคือการออกแบบให้มีขนาดใหญ่ที่สุดที่แต่ละแพลตฟอร์มรองรับแล้วปล่อยให้ระบบลดขนาดลงเอง ดีกว่าการอัปโหลดภาพขนาดเล็กแล้วให้ระบบขยายขึ้น การขยายภาพคือกระบวนการเดียวที่มักจะทำให้ภาพแย่ลงเสมอ
3 สัดส่วนที่ครอบคลุมทุกอย่าง
ออกแบบที่ขนาด 1080x1080, 1080x1920 และ 1200x630 พิกเซล ไฟล์ทั้ง 3 แบบนี้จะใช้งานได้กับทุกแพลตฟอร์มหลัก จำนวนพิกเซลที่แน่นอนมีความสำคัญน้อยกว่าการทำให้รูปทรงถูกต้อง เนื่องจากแพลตฟอร์มจะปรับขนาดแต่จะไม่เปลี่ยนรูปทรงโดยไม่มีการครอบตัด
| สัดส่วน | พิกเซล | ใช้สำหรับ | ขนาดไฟล์เป้าหมาย |
|---|---|---|---|
| 1:1 สี่เหลี่ยมจัตุรัส | 1080 x 1080 | โพสต์ฟีดบนเครือข่ายส่วนใหญ่ | ต่ำกว่า 300 KB |
| 9:16 แนวตั้ง | 1080 x 1920 | สตอรี่, รีลส์ และหน้าปกวิดีโอสั้น | ต่ำกว่า 400 KB |
| 1.91:1 แนวนอน | 1200 x 630 | ตัวอย่างลิงก์และการ์ดบทความที่แชร์ | ต่ำกว่า 200 KB |
| 4:5 แนวตั้ง | 1080 x 1350 | โพสต์ฟีดที่อนุญาตให้มีความสูงเพิ่มขึ้น | ต่ำกว่า 350 KB |
| 16:9 แนวนอน | 1920 x 1080 | ภาพย่อวิดีโอและรูปภาพหน้าปก | ต่ำกว่า 400 KB |
รูปร่างแนวตั้ง 4:5 เป็นสิ่งควรทราบเนื่องจากใช้พื้นที่ในแนวตั้งของฟีดมากกว่ารูปสี่เหลี่ยมจัตุรัส ซึ่งเป็นเหตุผลว่าทำไมทีมโซเชียลจำนวนมากจึงใช้เป็นค่าเริ่มต้นสำหรับโพสต์ทั่วไป
เหตุใดคู่มือจึงล้าสมัยอย่างรวดเร็ว
แพลตฟอร์มมีการเปลี่ยนแปลงเลย์เอาต์อย่างต่อเนื่องและแทบจะไม่เคยประกาศการเปลี่ยนแปลงขนาดรูปภาพเลย คู่มือที่เขียนขึ้นเมื่อ 3 ปีที่แล้วอาจจะยังติดอันดับการค้นหาได้ดี ในขณะที่ระบุขนาดที่ไม่มีอยู่จริงแล้ว
การออกแบบตามสัดส่วนแทนที่จะเป็นจำนวนพิกเซลที่แน่นอนจะช่วยปกป้องคุณจากการเปลี่ยนแปลงเหล่านี้ส่วนใหญ่ ภาพสี่เหลี่ยมจัตุรัสจะยังคงเป็นสี่เหลี่ยมจัตุรัสเมื่อแพลตฟอร์มปรับความกว้างของฟีด ในขณะที่การออกแบบที่สร้างขึ้นสำหรับขนาดพิกเซลที่เฉพาะเจาะจงอาจจบลงด้วยการถูกครอบตัดหรือเติมขอบ ตรวจสอบหน้าช่วยเหลือของแพลตฟอร์มก่อนทำการแคมเปญสำคัญ และถือว่าคู่มือใดๆ รวมถึงคู่มือนี้ เป็นจุดเริ่มต้นมากกว่าที่จะเป็นข้อกำหนดที่ตายตัว
รูปภาพตัวอย่างลิงก์สมควรได้รับความสนใจมากที่สุด
การ์ดตัวอย่างขนาด 1200x630 พิกเซลคือรูปภาพที่คนส่วนใหญ่เห็น เนื่องจากจะปรากฏทุกครั้งที่มีคนแชร์หน้าเว็บจากเว็บไซต์ของคุณ รูปภาพนั้นจะถูกกำหนดเพียงครั้งเดียวในมาร์กอัปของเว็บไซต์และนำมาใช้ซ้ำอย่างไม่รู้จบ
ตั้งค่าผ่านแท็กเมตา Open Graph ในส่วนหัวของหน้า รักษาข้อความสำคัญให้อยู่ภายในพื้นที่ตรงกลาง เนื่องจากแพลตฟอร์มจะครอบตัดการ์ดแตกต่างกันและขอบภาพไม่ค่อยแน่นอน ทดสอบผลลัพธ์ด้วยตัวแก้ไขจุดบกพร่องตัวอย่างของแต่ละแพลตฟอร์มก่อนใช้งานจริง เนื่องจากการ์ดที่ถูกแคชไว้อย่างไม่ถูกต้องอาจแสดงผลค้างอยู่ได้นานหลายวัน
รูปภาพโปรไฟล์และภาพหน้าปก
อัปโหลดรูปภาพโปรไฟล์ที่ขนาด 400x400 พิกเซลขึ้นไปและออกแบบให้สามารถรอดพ้นจากการครอบตัดเป็นวงกลมได้ แพลตฟอร์มส่วนใหญ่แสดงภาพโปรไฟล์เป็นวงกลม ซึ่งจะตัดมุมของการออกแบบที่เป็นสี่เหลี่ยมออกไป
- รูปโปรไฟล์: ขั้นต่ำ 400 x 400 โดยให้วัตถุอยู่ตรงกลางและไม่ชิดมุม
- ภาพปกหรือแบนเนอร์: ประมาณ 1500 x 500 โดยมีเนื้อหาสำคัญอยู่บริเวณส่วนกลาง
- ส่วนหัวของกลุ่มหรือเพจ: ประมาณ 1640 x 856 ซึ่งจะถูกครอบตัดอย่างมากบนมือถือ
- แบนเนอร์ช่องวิดีโอ: ประมาณ 2560 x 1440 โดยมีพื้นที่ปลอดภัยประมาณ 1546 x 423 ที่แสดงผลบนทุกอุปกรณ์
- ทั้งหมดข้างต้น: ใช้ข้อความขนาดใหญ่ เนื่องจากรูปภาพเหล่านี้มักจะแสดงผลด้วยความกว้างน้อยกว่า 100 พิกเซล
แพลตฟอร์มจะบีบอัดทุกสิ่งที่คุณอัปโหลดใหม่เสมอ
ทุกแพลตฟอร์มหลักจะเข้ารหัสรูปภาพที่อัปโหลดใหม่ในรูปแบบและคุณภาพของตนเอง ดังนั้นตัวเลือกการบีบอัดของคุณจึงมีผลกับไฟล์ต้นทางมากกว่าไฟล์ปลายทาง การอัปโหลดไฟล์ขนาด 5 MB ไม่ได้ให้ผลลัพธ์ที่ดีกว่าการอัปโหลดไฟล์ขนาด 300 KB ที่เตรียมมาอย่างดี
ผลลัพธ์ในทางปฏิบัติคือการอัปโหลดไฟล์ขนาดใหญ่จะทำให้เสียเวลาและปริมาณข้อมูลอินเทอร์เน็ตโดยไม่ทำให้สิ่งที่ผู้ติดตามเห็นดีขึ้น สิ่งที่ช่วยปรับปรุงผลลัพธ์คือขนาดที่ถูกต้องและต้นฉบับที่สะอาด เนื่องจากแพลตฟอร์มที่ทำการบีบอัดไฟล์ที่ถูกต้องอยู่แล้วจะสร้างความเสียหายน้อยกว่าแพลตฟอร์มที่ต้องปรับขนาดไฟล์ที่ใหญ่เกินไป
วิธีเตรียมชุดรูปภาพสำหรับแคมเปญ
หากต้องการสร้างภาพสำหรับทุกตำแหน่งจากดีไซน์เดียว ให้ทำตาม 6 ขั้นตอนเหล่านี้
- ออกแบบภาพมาสเตอร์ในขนาดที่ใหญ่ที่สุดที่คุณต้องการ โดยปกติคือ 1080x1920 สำหรับแคมเปญแนวตั้ง
- เก็บข้อความและโลโก้ทั้งหมดไว้ภายในพื้นที่ปลอดภัยตรงกลาง หลีกเลี่ยงขอบด้านนอก 15 เปอร์เซ็นต์ในทุกด้าน
- ส่งออกสัดส่วนหลัก 3 แบบ: สี่เหลี่ยมจัตุรัส, แนวตั้ง และแนวนอนกว้าง
- ปรับขนาดการส่งออกแต่ละรายการให้เป็นขนาดพิกเซลที่แนะนำ แทนที่จะอัปโหลดไฟล์มาสเตอร์ขนาดเต็ม
- บีบอัดแต่ละไฟล์ให้ได้ขนาดเป้าหมาย เนื่องจากไฟล์ขนาดเล็กจะอัปโหลดเร็วกว่าและทนต่อการบีบอัดซ้ำของแพลตฟอร์มได้ดีกว่า
- ดูตัวอย่างรูปภาพแต่ละภาพบนโทรศัพท์มือก่อนกำหนดเวลาเผยแพร่ เนื่องจากผู้ชมส่วนใหญ่จะไม่เห็นภาพนั้นบนเดสก์ท็อป
ข้อความบนรูปภาพและจุดที่จะถูกครอบตัด
เก็บข้อความให้อยู่ภายใน 70 เปอร์เซ็นต์ตรงกลางของเฟรม เนื่องจากทุกแพลตฟอร์มครอบตัดภาพแตกต่างกันและขอบภาพอาจหายไปโดยไม่มีการเตือน พาดหัวข่าวที่อยู่ใกล้ส่วนบนของเฟรมสตอรี่มักจะถูกบังอยู่หลังส่วนติดต่อผู้ใช้งาน
สตอรี่และรีลส์คือกรณีที่แย่ที่สุด เนื่องจากด้านบนและด้านล่างของเฟรมแนวตั้งจะมีรายละเอียดโปรไฟล์ คำบรรยาย และปุ่มควบคุม การเว้นพื้นที่ว่างประมาณ 250 พิกเซลที่ด้านบนและ 300 พิกเซลที่ด้านล่างของการออกแบบที่มีความสูง 1920 พิกเซลจะช่วยให้ข้อความมองเห็นได้บนทุกอุปกรณ์ ทดสอบบนโทรศัพท์มือถือจริงแทนที่จะดูในตัวอย่างการออกแบบ
ควรเลือกอัปโหลดรูปแบบใด
อัปโหลดไฟล์ JPG สำหรับภาพถ่าย และ PNG สำหรับกราฟิกที่มีสีแบบเรียบและตัวหนังสือคมชัด แพลตฟอร์มรองรับทั้งสองรูปแบบทุกที่ และตัวเลือกนี้จะมีผลต่อความทนทานของงานออกแบบเมื่อถูกบีบอัดซ้ำโดยแพลตฟอร์ม
PNG เป็นตัวเลือกที่ดีกว่าสำหรับกราฟิกที่มีข้อความ โลโก้ หรือบล็อกสีเรียบๆ เนื่องจากระบบบีบอัด JPEG จะสร้างแสงเรืองจางๆ รอบขอบคมชัด ซึ่งจะมองเห็นได้ชัดเจนยิ่งขึ้นเมื่อแพลตฟอร์มทำการบีบอัดไฟล์อีกครั้ง ในทางกลับกัน ภาพถ่ายจะเหมาะกับ JPEG มากกว่าเนื่องจากสามารถจัดการรายละเอียดได้อย่างมีประสิทธิภาพ ในขณะที่ PNG จะทำให้ได้ไฟล์ที่มีขนาดใหญ่เกินความจำเป็น
รูปภาพเคลื่อนไหวและวิดีโอสั้น
อัปโหลดเป็นวิดีโอสั้นแทนที่จะเป็น GIF แบบเคลื่อนไหว เนื่องจากแพลตฟอร์มส่วนใหญ่จะแปลงไฟล์ GIF เป็นวิดีโออยู่แล้ว และการแปลงนั้นให้ผลลัพธ์ที่แย่กว่าการส่งออกไฟล์ที่ถูกต้องตั้งแต่แรก ไฟล์ GIF ความยาว 3 วินาทีอาจมีขนาดใหญ่กว่าหน้าเว็บที่เป็นภาพถ่ายทั้งหน้าเสียอีก
ในกรณีที่จำเป็นต้องใช้ GIF จริงๆ ควรกำหนดให้มีความยาวไม่เกิน 3 วินาที ลดอัตราเฟรมลงเหลือ 12 หรือ 15 เฟรมต่อวินาที และจำกัดขนาดให้เท่ากับที่จะแสดงผลจริง การเปลี่ยนแปลงทั้ง 3 อย่างนี้มักจะช่วยลดขนาดไฟล์ลงได้ 80 เปอร์เซ็นต์ ซึ่งเป็นเรื่องสำคัญเพราะไฟล์ภาพเคลื่อนไหวคือสิ่งที่หนักที่สุดที่บัญชีโซเชียลส่วนใหญ่มักโพสต์
การตรวจสอบงานออกแบบก่อนตั้งเวลาโพสต์
- ดูรูปภาพในขนาดเท่าโทรศัพท์มือถือ ไม่ใช่แบบเต็มจอภาพบนจอภาพคอมพิวเตอร์
- ยืนยันว่าไม่มีข้อความใดถูกตัดขาดที่ขอบใดๆ หรือถูกซ่อนโดยองค์ประกอบของอินเทอร์เฟซ
- ตรวจสอบการครอบตัดรูปภาพโปรไฟล์ในลักษณะวงกลมแทนที่จะเป็นสี่เหลี่ยม
- ยืนยันว่าการ์ดตัวอย่างลิงก์แสดงผลอย่างถูกต้องในเครื่องมือดูตัวอย่างของแพลตฟอร์ม
- ตรวจสอบขนาดไฟล์ เนื่องจากไฟล์ที่มีขนาดใหญ่กว่า 1 MB จะอัปโหลดช้าและไม่ได้ประโยชน์อะไรเพิ่มขึ้น
- ตรวจสอบความคมชัดในโหมดสว่างและโหมดมืด ซึ่งแอปพลิเคชันหลายตัวนำมาใช้กับพื้นหลังในปัจจุบัน
การผลิตโพสต์สำหรับหนึ่งเดือนรวดเดียวในชุดเดียว
ปรับขนาดและบีบอัดปฏิทินเนื้อหาทั้งหมดในการดำเนินการครั้งเดียว แทนที่จะส่งออกรูปภาพทีละรูป ทีมงานโซเชียลมีเดียมักจะเตรียมรูปภาพ 20 ถึง 60 รูปต่อเดือนในหลากหลายตำแหน่ง
ลากไฟล์สูงสุด 500 ไฟล์มาวางพร้อมกัน ตั้งค่ามิติและเป้าหมายขนาดเพียงครั้งเดียว รูปภาพทุกรูปจะได้รับการปรับให้ตรงตามข้อกำหนดเดียวกัน ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณบนหน่วยประมวลผลของคุณเอง ซึ่งเป็นสิ่งสำคัญสำหรับเนื้อหาแคมเปญที่ยังไม่อนุญาตให้เผยแพร่ ภาพผลิตภัณฑ์ที่ยังไม่เปิดตัว งานสร้างสรรค์สำหรับการเปิดตัว และงานของลูกค้าจะอยู่บนเครื่องของคุณ และไม่มีการส่งคำขออัปโหลดใดๆ ทั้งสิ้นในทุกขั้นตอน
เก็บไฟล์ต้นฉบับไว้ในโฟลเดอร์ตามวันที่ควบคู่ไปกับไฟล์ที่ส่งออก แพลตฟอร์มมีการเปลี่ยนแปลงเลย์เอาต์ แคมเปญถูกนำกลับมาทำซ้ำ และงานออกแบบที่ต้องสร้างขึ้นใหม่จากการส่งออกโซเชียลที่ถูกบีบอัดมักจะดูแย่กว่างานที่ถูกส่งออกใหม่จากต้นฉบับเสมอ การจัดเก็บไฟล์ต้นฉบับใช้พื้นที่เพียงไม่กี่เมกะไบต์แต่ช่วยประหยัดเวลาช่วงบ่ายได้ในครั้งต่อไปที่ขนาดของตำแหน่งโพสต์มีการเปลี่ยนแปลง