EPUB FACTORY
ทำความรู้จัก EPUB / พื้นฐาน
พื้นฐาน

เลย์เอาต์แบบไหลและแบบคงที่
ควรสร้างเป็นแบบไหน?

EPUB มาในสองรูปแบบกว้าง ๆ คือแบบไหล ซึ่งตัวอักษรจะไหลให้พอดีกับหน้าจอของผู้อ่าน และเลย์เอาต์คงที่ ซึ่งหน้าตาของหน้าถูกล็อกไว้ เรื่องนี้ตัดสินกันตั้งแต่ต้น และจะเปลี่ยนใจทีหลังก็ไม่ง่าย นี่คือวิธีที่แต่ละแบบทำงาน และวิธีดูว่าหนังสือของคุณต้องการแบบไหน
ในบทความนี้
  1. ฉบับย่อ
  2. แบบไหลทำงานอย่างไร
  3. เลย์เอาต์คงที่ทำงานอย่างไร
  4. ความต่างชี้ขาดที่คนมักมองข้าม
  5. หนังสือของคุณเป็นแบบไหน?
  6. ความเข้าใจผิดที่พบบ่อย

ฉบับย่อ

ตัวอักษรเป็นพระเอก: แบบไหล ภาพและการจัดหน้าเป็นพระเอก: เลย์เอาต์คงที่

แบบไหล

Reflowable
  • ตัวอักษรไหลตามหน้าจอและขนาดตัวอักษร
  • ผู้อ่านขยายตัวอักษรได้
  • ตำแหน่งที่หน้าถูกตัดขึ้นอยู่กับสภาพแวดล้อมการอ่าน
  • เหมาะกับนวนิยาย ความเรียง หนังสือปฏิบัติ

เลย์เอาต์คงที่

Fixed Layout
  • ขนาดหน้าและการวางถูกล็อกไว้
  • แสดงผลเหมือนกันเป๊ะบนทุกอุปกรณ์
  • ผู้อ่านทำได้แค่ซูมเข้า
  • เหมาะกับมังงะ หนังสือภาพถ่าย หนังสือภาพ นิตยสาร

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

แบบไหลทำงานอย่างไร

แบบไหลคือรูปแบบพื้นฐานของ EPUB ถ้าคุณไม่ระบุเป็นอย่างอื่น ไฟล์ EPUB ก็คือแบบไหล

ตัวอักษรเขียนด้วย HTML และแอปอ่านจะเทมันลงบนหน้าจอ "หน้า 12 มีอะไร" ไม่ได้ถูกกำหนดไว้ล่วงหน้า ถ้าผู้อ่านขยายตัวอักษรบนมือถือ จำนวนหน้าก็เพิ่มขึ้นเฉย ๆ ถ้าหมุนแท็บเล็ตเป็นแนวนอน จำนวนตัวอักษรบนหน้าจอก็เปลี่ยนไป

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

แบบไหลให้อะไรกับผู้อ่านบ้าง

เลย์เอาต์คงที่ทำงานอย่างไร

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

การประกาศว่า "นี่คือเลย์เอาต์คงที่" อยู่ในไฟล์ที่เก็บข้อมูลหนังสือ นั่นคือ content.opf

<!-- content.opf -->
<meta property="rendition:layout">pre-paginated</meta>
<meta property="rendition:spread">landscape</meta>

และ HTML ของแต่ละหน้าก็ระบุขนาดหน้าไว้

<!-- HTML ของแต่ละหน้า -->
<meta name="viewport" content="width=1200, height=1600" />

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

เรื่องหน้าคู่

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

ความต่างชี้ขาดที่คนมักมองข้าม

นี่คือส่วนของบทความที่ผมอยากสื่อมากที่สุด

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

ซึ่งนำไปสู่เรื่องนี้

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

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

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

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

หนังสือของคุณเป็นแบบไหน?

การตัดสินใจไม่ยาก เกณฑ์เหล่านี้จัดการได้เกือบทุกเล่ม

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

ถ้าตัดสินใจได้ยากจริง ๆ ให้ถามตัวเองแบบนี้

"ถ้าตัวอักษรตัวเดียวเลื่อนตำแหน่งไป ผลงานจะเสียหายไหม?"

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

ความเข้าใจผิดที่พบบ่อย

"เลย์เอาต์คงที่คือแบบที่เก่งกว่า" — ไม่ใช่

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

การเปลี่ยนกลางทางไม่ง่าย

แบบไหลกับเลย์เอาต์คงที่ต่างกันที่วิธีสร้างข้างใน ให้ถือว่าเป็นคนละเรื่องกันตั้งแต่ขั้นต้นฉบับ "สร้างไปก่อนแล้วค่อยเปลี่ยนทีหลัง" โดยพื้นฐานแล้วไม่ใช่ทางเลือก

บางทีก็ผสมทั้งสองไว้ในเล่มเดียวได้

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

"มังงะใช้เลย์เอาต์คงที่ก็พอ" — ไม่จำเป็นเสมอไป

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

เราสร้างได้ทั้งสองรูปแบบ

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

ลองใช้ EPUB FACTORY