คนที่ขายภาพเวกเตอร์ออนไลน์อยู่แล้ว น่าจะคุ้นเคยกับขนาดภาพที่ส่งขายกันดีนะครับ ซึ่งส่วนใหญ่จะเห็นได้ 3 แบบหลัก ๆ คือ สี่เหลี่ยมจตุรัส สี่เหลี่ยมผืนผ้าแนวนอนและแนวตั้งในสัดส่วน A4 แต่ปัจจุบันเราจะเห็นขนาดอื่น ๆ เพิ่มเติมเข้ามาอีกหลายแบบ วันนี้เราจะมาพูดถึงขนาดที่กำลังเห็นบ่อยมากขึ้น คืองาน Banner Design ภาพหัวเว็บไซต์ (website header)
ภาพส่วนหัวเว็บไซต์ (Banner Design) มีขนาดเท่าไหร่
แม้เรื่องของขนาดไม่ได้มีการกำหนดไว้แบบใดแบบหนึ่งเท่านั้น แต่จะมีอยู่ไม่กี่ขนาดที่นิยมใช้กัน คือ
- 1024px
- 1280px
- 1366px
- 1440px
- 1600px
- 1920px เป็นต้น
เหล่านี้เป็นเฉพาะความกว้างนะครับ ส่วนความสูงก็เช่นเดียวกัน ไม่มีการกำหนดขนาดไว้ตายตัวแต่ตัวเลขสามารถยืดหยุ่นได้แล้วแต่นักออกแบบ เช่น
- 1280x267px
- 1280x375px
- 1280x400px
- 1280×800px
- 1600x490px
- 1600x900px เป็นต้น
จะเห็นได้ว่า ความกว้างค่าเดียวกันใช้ร่วมกับความสูงได้หลายค่าไปอีก แต่ผมจะไม่ลงลึกเกี่ยวกับขนาดมากนักเพราะเดี๋ยวจะกลายเป็นบทความออกแบบ template website เกินไป เพราะความตั้งใจคือจะพูดถึงขนาดภาพเวกเตอร์ประเภท แบนเนอร์หัวเว็บไซต์ (website header) ที่ขายในเว็บออนไลน์เท่านั้น
การตั้งค่าเพื่อ ขายภาพเวกเตอร์ออนไลน์ กับงาน Banner Design
ผมจะหยิบมาเป็นตัวอย่าง 1 ขนาดนะครับ เพราะถ้าเรารู้หลักการแล้วคุณจะทำขนาดไหนหลักคิดก็เหมือนกันหมด ขนาดที่ผมออกแบบคือ 1280x400px เพราะฉะนั้นเราใส่ค่าอาร์ตบอร์ดไปตรง ๆ เลย
เราก็ทำงานไปตามปกติครับ ภาพประกอบจากคอร์ส คริสต์มาสและปีใหม่
ค่อย ๆ ตามผมไปนะครับ
แต่จากขนาดอาร์ตบอร์ดที่ใช้ในภาพด้านบน 1280×400 px จะส่งไม่ผ่าน shutterstock เพราะอะไร?
ขนาดของภาพนี้ 1280×400 = 512,000 pixel (5แสนพิกเซล)
แต่เว็บ Shutterstock กำหนดไว้ขั้นต่ำที่ 4 ล้านพิกเซล ส่งไม่ผ่านแน่นอน ผมจะขอพูดถึงเว็บนี้ก่อนนะครับ เพราะได้รับความนิยมมาก
ทำยังไงให้ถึง 4 ล้านพิกเซลเพื่อส่ง Shutterstock
คุณมี 2 ทางเลือก
- เพิ่มขนาดอาร์ตบอร์ด
- ทำหลายภาพใน 1 artwork
วิธีที่ 1 เพิ่มขนาดอาร์ตบอร์ด
ถ้าเราใช้ขนาดหัวเว็บไซต์สูงสุดในปัจจุบันคือ 1920×540 px ทำออกมาก็ยังได้แค่ 1,036,800 px เท่านั้น ยังห่างไกลจาก 4 ล้านพิกเซลอยู่มาก
ถ้าคุณจะใช้การเพิ่มขนาดอาร์ตบอร์ดแก้ปัญหา คุณต้องเพิ่มขนาดให้มากกว่า 1,920 px ไปอีกมาก
ขนาดที่ผมแนะนำคือ 3600x1125 px จำนวนนี้คูณกันจะได้เท่ากับ 4,050,000 พิกเซล (เกิน 4 ล้านพิกเซล) ส่งได้แน่นอน
ถ้าคุณรู้แล้วว่าใช้ขนาดเท่าไหร่ ก็ตั้งค่าไปตั้งแต่ต้นก่อนเริ่มงานได้เลยครับที่หน้า New Document จะได้ไม่เสียเวลามาเปลี่ยนขนาดอาร์ตบอร์ดทีหลัง
หรือ 3840×1200 px ใช้ความกว้างเท่ากับ 4k ไปเลย จำนวนนี้คูณกันจะได้เท่ากับ 4,608,000 พิกเซล (4.6 ล้านพิกเซล)
บางคนอาจจะสงสัยว่ามันเกินขนาดจริงไปเยอะ เวลาเอาไปทำงานจะไม่มีปัญหาหรือ ? ขอตอบว่าไม่มีครับ เราทำเพราะกฏการส่งภาพมันบังคับ และเวลาลูกค้าดาวน์โหลดไปใช้งาน เขาสามารถย่อขนาดตามสัดส่วนเพื่อให้ได้ขนาดที่เขาต้องการได้อยู่แล้วครับ
วิธีที่ 2 ทำหลายภาพใน 1 Artwork (ภาพ set)
ถ้าคุณยึดขนาดที่ 1280×400 px ตามตัวอย่าง คุณอาจจะต้องใช้ 4 ภาพมาเรียงกันจะทำให้ขนาดรวมทั้งหมดเพียงพอต่อการส่งภาพที่ shutterstock ถ้าใช้ขนาดอื่นลองบวก ลบ คุณ หาร ดูครับว่าต้องเรียงกี่ภาพและ artwork ทั้งหมดจะได้ที่ขนาดเท่าไหร่ อย่าลืมรวมช่องไฟระหว่างภาพและขอบทั้ง 4 ด้านด้วยครับ
ตัวอย่างผมใช้ขนาด 1280x400px
ช่องไฟระหว่างชิ้นงานและขอบทั้ง 4 ด้าน คือ 200 px
เมื่อรวม artwork ทั้งหมดจะเท่ากับ 1680×2600 px = 4,368,000 ล้านพิกเซล ส่ง shutterstock ได้อย่างสบาย
และอย่าลืมสร้างสี่เหลี่ยมสีขาวเพื่อเป็นพื้นหลังเท่ากับขนาดอาร์ตบอร์ดด้วยนะครับ เพราะระบบจะเอาขอบเขตทั้งหมดไปเป็นภาพ JPG เวลาแสดงผลในการค้นหาจะดูสวยงาม