ดูข้อเท็จจริงเกี่ยวกับกราฟิกที่ยอดเยี่ยม
การเพิ่มรูปภาพลงในหนังสือ Kindle ของคุณผ่าน HTML ทำได้ง่าย คุณสามารถเพิ่มลงใน HTML เหมือนกับที่คุณทำกับเว็บเพจอื่น ๆ ด้วยองค์ประกอบ แต่มีบางอย่างที่คุณควรพิจารณา:
- ภาพอยู่ที่ไหนเมื่อเทียบกับ HTML?
- รูปภาพขนาดใหญ่ (ทั้งในขนาดและขนาดไฟล์)?
- รูปแบบไฟล์คือรูปอะไร
- รูปภาพหรือศิลปะภาพหรือไม่?
- ภาพมีสีขาวและดำหรือไม่?
สถานที่จัดเก็บภาพสำหรับหนังสือ Kindle ของคุณ
เมื่อคุณเขียน HTML เพื่อสร้างหนังสือ Kindle คุณจะเขียนเป็นไฟล์ HTML ขนาดใหญ่ แต่คุณควรวางภาพไว้ที่ไหน? เป็นการดีที่สุดในการสร้างไดเร็กทอรีสำหรับหนังสือของคุณและใส่ HTML ไว้ในนั้นแล้วจึงใส่ไดเรกทอรีย่อยไว้ด้านในสำหรับรูปภาพของคุณ นี้จะมีโครงสร้างไดเรกทอรี:
/หนังสือของฉัน/
ฉัน-book.html
/ images /
image1.jpg
image2.gif
เมื่อคุณอ้างอิงรูปภาพของคุณคุณต้องใช้เส้นทางสัมพัทธ์แทนที่จะชี้ไปที่ตำแหน่งของรูปภาพในฮาร์ดไดรฟ์ของคุณ วิธีง่ายๆในการบอกได้ว่าคุณทำถูกต้องหรือไม่นั้นคือการมองหาอักขระเครื่องหมายทับขวาเครื่องหมายทับซ้ำหลาย ๆ แบบไฟล์คำ: หรือตัวอักษรของฮาร์ดดิสก์เช่น C: \ ใน URL รูปภาพ ในโครงสร้างไดเรกทอรีข้างต้นคุณจะอ้างอิง image1.jpg เช่นนี้
โปรดสังเกตว่าไม่มีเครื่องหมายทับที่จุดเริ่มต้นของ URL เพราะไดเร็กทอรี / directory เป็นไดเรกทอรีย่อยของไฟล์ my-book.html
อีกวิธีหนึ่งในการทดสอบว่าคุณมี URL ที่ถูกต้องคือเปลี่ยนชื่อไดเรกทอรีของไดเรกทอรีหนังสือของคุณ (ด้านบนซึ่งเป็น / my-book / แล้วเปิด HTML ในเว็บเบราเซอร์ถ้ารูปภาพยังคงแสดงอยู่ กำลังใช้ เส้นทางสัมพัทธ์
จากนั้นเมื่อหนังสือของคุณเสร็จสมบูรณ์และคุณพร้อมที่จะเผยแพร่แล้วคุณจะซิปไดเรกทอรี "หนังสือ" ทั้งหมดลงในไฟล์ ZIP (วิธีการซิปไฟล์ใน Windows 7) และอัปโหลดไปที่ Amazon Kindle Direct Publishing
ขนาดรูปภาพของคุณ
เช่นเดียวกับภาพเว็บขนาด ไฟล์ ของหนังสือ Kindle ของคุณมีความสำคัญ รูปภาพขนาดใหญ่จะทำให้หนังสือของคุณมีขนาดใหญ่และช้ากว่าในการดาวน์โหลด แต่ โปรดจำไว้ว่าการดาวน์โหลดจะเกิดขึ้นเพียงครั้งเดียว (ในกรณีส่วนใหญ่) และเมื่อดาวน์โหลดหนังสือแล้วขนาดไฟล์ภาพจะไม่ส่งผลต่อการอ่าน แต่ภาพที่มีคุณภาพต่ำจะ ภาพที่มีคุณภาพต่ำจะทำให้หนังสือของคุณอ่านได้ยากขึ้นและทำให้ภาพประทับใจว่าหนังสือของคุณไม่ดี
ดังนั้นหากคุณต้องเลือกระหว่างขนาดไฟล์ภาพขนาดเล็กและคุณภาพที่ดีขึ้นให้เลือกคุณภาพที่ดีขึ้น ในความเป็นจริงหลักเกณฑ์ของ Amazon ระบุอย่างชัดแจ้งว่ารูปภาพ JPEG ควรมีการตั้งค่าคุณภาพอย่างน้อย 40 และคุณควรให้รูปภาพที่มีความละเอียดสูงตามที่คุณมีอยู่ เพื่อให้แน่ใจว่ารูปภาพของคุณดูดีไม่ว่าความละเอียดของอุปกรณ์จะดูอย่างไร
รูปภาพของคุณควรมีขนาดไม่เกิน 127KB ขอแนะนำให้ตั้งค่าความละเอียดเป็น 300dpi หรือสูงกว่าในรูปภาพของคุณและเพิ่มประสิทธิภาพเท่าที่คุณต้องการเพื่อให้ได้ขนาดไฟล์ลงมาที่ 127KB เพื่อให้ภาพของคุณดูดีที่สุด
แต่มีขนาดมากกว่าขนาดไฟล์ นอกจากนี้ยังมีขนาดของภาพของคุณ หากคุณต้องการให้ภาพใช้พื้นที่โฆษณาบนหน้าจอสูงสุดที่จุดนั้นคุณควรตั้งค่าอัตราส่วนภาพเป็น 9:11 ควรโพสต์ภาพที่มีความกว้างอย่างน้อย 600 พิกเซลและสูง 800 พิกเซล การดำเนินการนี้จะใช้เวลามากที่สุดในหนึ่งหน้า คุณสามารถสร้างภาพขนาดใหญ่ได้ (เช่น 655x800 เป็นอัตราส่วน 9:11) แต่การสร้างรูปภาพขนาดเล็กอาจทำให้การอ่านยากขึ้นและภาพที่มีขนาดเล็กกว่า 300x400 พิกเซลมีขนาดเล็กเกินไปและอาจถูกปฏิเสธ
รูปแบบไฟล์รูปภาพและเวลาที่จะใช้
อุปกรณ์จุดรองรับไฟล์ GIF, BMP, JPEG และ PNG ในเนื้อหา อย่างไรก็ตามหากคุณกำลังจะทดสอบ HTML ในเบราเซอร์ก่อนที่จะโหลดไปที่ Amazon คุณควรใช้เพียง GIF, JPEG หรือ PNG
เช่นเดียวกับบนเว็บเพจคุณควรใช้ GIF สำหรับภาพแนวเส้นและภาพสไตล์คลิปอาร์ตและใช้ภาพ JPEG สำหรับถ่ายภาพ คุณสามารถใช้ PNG ได้ด้วย แต่โปรดทราบว่าข้อมูลที่มีคุณภาพเทียบกับขนาดไฟล์ข้างต้น ถ้าภาพดูดีขึ้นใน PNG ให้ใช้ PNG; ใช้ GIF หรือ JPEG แทน
ระมัดระวังเมื่อใช้ GIF ภาพเคลื่อนไหวหรือไฟล์ PNG ในการทดสอบของฉันภาพเคลื่อนไหวทำงานเมื่อดู HTML บน Kindle แต่จะถูกนำออกเมื่อประมวลผลโดย Amazon
คุณไม่สามารถใช้กราฟิกเวกเตอร์ใดก็ได้เช่น SVG ในหนังสือ Kindle
Kindles เป็นสีดำและสีขาว แต่จะทำให้ภาพของคุณมีสีสัน
สำหรับสิ่งหนึ่งที่มีอุปกรณ์อื่น ๆ ที่อ่านหนังสือ Kindle กว่าเพียงแค่อุปกรณ์ Kindle ตัวเอง แท็บเล็ต Kindle Fire เป็นสีที่สมบูรณ์และแอป Kindle สำหรับ iOS, Android และเดสก์ท็อปทั้งหมดจะดูหนังสือสี ดังนั้นคุณจึงควรใช้ภาพสีเมื่อเป็นไปได้
อุปกรณ์ Kindle eInk แสดงภาพใน 16 เฉดสีเทาดังนั้นในขณะที่สีที่แน่นอนของคุณไม่ปรากฏขึ้นความแตกต่างและความแตกต่างจะทำอย่างไร
การวางรูปภาพบนหน้า
สิ่งสุดท้ายที่นักออกแบบเว็บส่วนใหญ่ต้องการทราบเมื่อเพิ่มรูปภาพลงในหนังสือ Kindle ของพวกเขาคือการวางตำแหน่งดังกล่าว เนื่องจาก Kindles แสดง eBook ในสภาพแวดล้อมของเหลวจึงไม่สนับสนุนคุณลักษณะการจัดตำแหน่งบางอย่าง ขณะนี้คุณสามารถจัดเรียงรูปภาพของคุณด้วยคำหลักต่อไปนี้โดยใช้ CSS หรือแอตทริบิวต์ align:
- ด้านบน - กำหนดตำแหน่งด้านบนของภาพโดยให้ด้านบนของบรรทัดปัจจุบัน
- texttop - ปรับตำแหน่งด้านบนของภาพด้วยด้านบนของข้อความในบรรทัดปัจจุบัน
- absmiddle - แสดงรูปภาพในแนวตั้งในบรรทัดปัจจุบัน
- กลาง - แสดงรูปภาพในแนวตั้งตรงกลางของบรรทัดปัจจุบัน
- absbottom -Aligns ด้านล่างของภาพที่ด้านล่างของบรรทัดปัจจุบัน
- ด้านล่าง - กำหนดขอบด้านล่างของภาพโดยใช้เส้นพื้นฐานของข้อความในบรรทัดปัจจุบัน (เหมือนกับเส้นฐาน)
- baseline -Aligns ด้านล่างของภาพกับบรรทัดฐานของข้อความในบรรทัดปัจจุบัน (เช่นเดียวกับด้านล่าง)
แต่การจัดตำแหน่งทั้งสองด้านซ้ายและขวาไม่ได้รับการสนับสนุน ข้อความจะไม่ห่อรอบภาพบน Kindle ดังนั้นคุณควรคิดรูปภาพของคุณเป็นบล็อกใหม่ด้านล่างและเหนือข้อความโดยรอบ ตรวจดูว่าช่วงหน้าเกิดขึ้นกับภาพของคุณอย่างไร หากภาพของคุณใหญ่เกินไปพวกเขาสามารถสร้างแม่หม้ายและเด็กกำพร้าจากข้อความที่อยู่โดยรอบได้ทั้งด้านบนหรือด้านล่าง