קבל את העובדות על גרפיקה מעולה
קל להוסיף תמונות לספרי הקינדל שלך באמצעות HTML. אתה מוסיף אותם HTML שלך כמו שאתה עושה כל דף אינטרנט אחר, עם אלמנט. אבל יש כמה דברים שכדאי לשקול:
- היכן התמונות המאוחסנות ביחס ל- HTML?
- מה גודל התמונות (הן בממדים והן בגודל הקובץ)?
- איזה פורמט קובץ הן התמונות?
- האם קו התמונה של התמונה או תמונה?
- האם התמונה בשחור ולבן או בצבע?
איפה לאחסן תמונות עבור ספר הקינדל שלך
כאשר אתה כותב את ה- HTML כדי ליצור ספר לקדוח שלך, אתה כותב את זה כקובץ HTML גדול אחד, אבל איפה אתה צריך לשים את התמונות? עדיף ליצור ספרייה עבור הספר שלך ולשים את ה- HTML שם ולאחר מכן לשים תת ספרייה בתוך התמונות שלך. זה היה מבנה הספריות:
/הספר שלי/
my-book.html
/ images /
תמונה
תמונה
כאשר אתה מפנה את התמונות שלך, עליך להשתמש בנתיבים יחסיים, במקום להצביע על מיקום התמונה בכונן הקשיח. דרך קלה לדעת אם עשית את זה נכון היא לחפש תווים נטויים לאחור, מספר חתכים בשורה, קובץ המילה: או כל אותיות בכונן הקשיח כמו C: \ בכתובת האתר של התמונה. במבנה הספרייה שלעיל היית מפנה את image1.jpg כך:
שים לב כי אין קו נטוי בתחילת כתובת האתר, כי התמונות / ספרייה היא ספרייה משנה של הקובץ my- book.html שלי נמצא.
הדרך השנייה לבדוק שיש לך את כתובות האתרים הנכונות היא לשנות את שם המדריך של ספריית הספרים שלך (מעל זה יהיה / הספר שלי / ולאחר מכן לפתוח את ה- HTML בדפדפן אינטרנט.אם התמונות עדיין מופיעות, אז אתה באמצעות נתיבים יחסיים .
לאחר מכן, כאשר הספר שלך להשלים ואתה מוכן לפרסם היית zip את כל הספר "הספר שלי" לתוך קובץ ZIP אחד (כיצד Zip קבצים ב- Windows 7) ולהעלות את זה כדי אמזון קינדל פרסום ישיר.
גודל התמונות שלך
בדיוק כמו עם תמונות אינטרנט, את גודל הקובץ של התמונות שלך לקדוח הספר חשוב. תמונות גדולות יהפכו את הספר שלך הרבה יותר גדול ו לאט להוריד. אבל זכור כי ההורדה מתרחשת רק פעם אחת (ברוב המקרים), וברגע שהספר יוריד את גודל קובץ התמונה לא ישפיע על הקריאה. אבל תמונה באיכות נמוכה יהיה. תמונות באיכות נמוכה יהפכו את הספר שלך לקשה יותר לקריאה ונותנים את הרושם שהספר שלך רע.
אז אם אתה צריך לבחור בין תמונה קטנה יותר גודל הקובץ ואת איכות טובה יותר, לבחור באיכות טובה יותר. למעשה, אמזון קובעת במפורש שתמונות JPEG צריכות לכלול הגדרת איכות של 40 לפחות, ועליך לספק תמונות ברזולוציה גבוהה ככל שתהיה זמינה. זה יבטיח כי התמונות שלך נראה טוב לא משנה מה הפתרון של המכשיר צופה בו.
התמונות שלך צריך להיות לא יותר מ 127KB בגודל. אני ממליץ להגדיר את הרזולוציה עד 300 dpi ומעלה על התמונות שלך ולאחר מכן אופטימיזציה רק כמה שאתה צריך כדי לקבל את גודל הקובץ עד 127KB. זה יבטיח כי התמונות שלך נראה טוב ככל האפשר.
אבל יש יותר גודל מאשר רק את גודל הקובץ. יש גם את הממדים של התמונות שלך. אם אתה רוצה תמונה כדי לקחת את הסכום המקסימלי של מסך הנדל"ן על קינדל, אתה צריך להגדיר את זה עם יחס הממדים של 9:11. באופן אידיאלי, אתה צריך לפרסם תמונות כי הם לפחות 600 פיקסלים רחב ו 800 פיקסלים גבוה. זה ייקח את רוב הדף. ניתן ליצור אותם גדולים יותר (לדוגמה, 655x800 הוא יחס 9:11), אך יצירת תמונות קטנות יותר עלולה להקשות עליהם לקרוא, ותצלומים קטנים מ -300 x 400 פיקסלים קטנים מדי וניתן לדחות אותם.
פורמטים של קובץ תמונה ומתי להשתמש בהם
התקני קינדל תומכים בתמונות GIF, BMP, JPEG ו- PNG. עם זאת, אם אתה הולך לבדוק את ה- HTML בדפדפן לפני טעינת אותו אמזון, אתה צריך להשתמש רק GIF, JPEG או PNG.
בדיוק כמו בדפי אינטרנט, אתה צריך להשתמש GIF עבור קו אמנות תמונות בסגנון אוסף תמונות ולהשתמש JPEG עבור תמונות. אתה יכול להשתמש PNG עבור אחד, אבל זכור את איכות לעומת גודל הקובץ לעיל. אם התמונה נראית טוב יותר ב PNG, ולאחר מכן להשתמש PNG; אחרת השתמש ב- GIF או JPEG.
היזהר בעת שימוש בקובצי GIF או קובצי PNG מונפשים. בבדיקות שלי, האנימציה עבד בעת הצגת HTML על קינדל אבל אז יוסר כאשר מעובד על ידי אמזון.
אתה לא יכול להשתמש בכל גרפיקה וקטורית כמו SVG ספרים לקדוח.
קינדלים הם בשחור לבן, אבל להפוך את התמונות שלך צבע
דבר אחד, ישנם מכשירים נוספים לקרוא ספרים קינדל מאשר רק את התקני קינדל עצמם. את Kindle Fire Tablet הוא צבע מלא ואת יישומי Kindle עבור iOS, אנדרואיד שולחנות עבודה כל להציג את הספרים בצבע. אז אתה תמיד צריך להשתמש בתמונות צבע כאשר אפשרי.
התקני ה- Kindle eInk מציגים את התמונות ב -16 גוונים של אפור, ולכן בעוד שהצבעים המדויקים שלך אינם מופיעים, הניואנסים והניגודים עושים זאת.
הצבת תמונות על הדף
הדבר האחרון שרוב מעצבי אתרים רוצים לדעת בעת הוספת תמונות הספרים שלהם לקדוח היא איך למקם אותם. מאחר ש- Kindles מציגים ספרים אלקטרוניים בסביבה נוזלית, תכונות יישור מסוימות אינן נתמכות. כעת תוכל ליישר את התמונות שלך עם מילות המפתח הבאות באמצעות CSS או התכונה align:
- top -Align החלק העליון של התמונה עם החלק העליון של הקו הנוכחי
- texttop -אישור החלק העליון של התמונה עם החלק העליון של הטקסט בשורה הנוכחית
- absmiddle -Centers את התמונה אנכית בשורה הנוכחית
- באמצע -Centers את התמונה אנכית באמצע הטקסט של הקו הנוכחי
- מסיר את תחתית התמונה עם תחתית השורה הנוכחית
- התחתונה -תאמת את תחתית התמונה עם קו הבסיס של הטקסט בשורה הנוכחית (כמו הבסיס)
- baseline - יישור לתחתית התמונה עם קו הבסיס של הטקסט בשורה הנוכחית (זהה לתחתית)
אבל שתי היציאות שמאלה וימינה אינן נתמכות. טקסט לא לעטוף סביב תמונות על קינדל. אז אתה צריך לחשוב על התמונות שלך כמו בלוק חדש מתחת ומעל הטקסט המקיף. הקפד לבדוק היכן מתרחשות הפסקות דף עם התמונות שלך. אם התמונות שלך גדולות מדי, הן יכולות ליצור אלמנות ויתומים של הטקסט המקיף מעליהן או מתחתיהן.