תמונות באגרונט

בדפי אינטרנט רבים נעשה שימוש בתמונות על שלל סוגיהן. גודלן של התמונות משפיע רבות על זמן טעינת הדף ולפעמים יוצר צוואר בקבוק בעליית הדפים. כדי למנוע זאת יש להשתדל להקטין את התמונות ככל הניתן. מדריך זה בא להסביר כיצד ניתן להקטין את התמונות בשביל תצוגתן באינטרנט.

רוב הפעולות במדריך זה נעשו ע"י גימפ (gimp). ניתן להוריד ולהתקין את התוכנה מכאן. גימפ הינה תוכנה מקצועית לעריכת תמונות ומדריך זה יסביר צעד אחר צעד כיצד לבצע כל שינוי.

האם התמונה באמת דרושה?

אם רוב התמונה שלכם מכילה טקסט ועוד לוגו או סמל מומלץ לכתוב את הטקסט כמאמר ורק את הלוגו להוסיף כתמונה. דוגמא לתמונה כזו. ניתן היה לכתוב את הטקסט במאמר ולהוסיף את הלוגו משמאל למאמר עם ישור לשמאל.

בנוסף לזאת, יש לשים לב כי אם הטקסט מוטמע בתמונה, מנועי חיפוש אינם יכולים לאתר את התוכן (אלא אם התוכן נוסף ל-title של התמונה). המשמעות של זה כי המחפשים בגוגל בנושא של הטקסט (למשל אם מדובר באירוע) גוגל לא יכוון את הגולש לאתר.

סוג התמונה

מומלץ לשמור קבצי תמונה מסוג png, gif או jpg, כאשר png הוא האיכותי ביותר תוך כדי התחשבות בגודלה של התמונה ו-gif מקטין את גודל התמונה רבות אך פוגם באיכותה (הפורמט gif נועד לרוב לאייקונים וסמלים קטנים).

כדי לשנות סוג תמונה - בגימפ תחת התפריט קובץ (file) יש לבחור בשמירה בשם... (Save As) ופשוט לשמור את התמונה עם הסיומת הדרושה. התמונה תישמר בפורמט לפי הסיומת שהוזנה.

אזהרה: אין להשתמש בסוג קובץ bmp. סוג קובץ זה בזבזני ביותר

גודל התמונה

גודל סטנדרטי

מכיוון שרוב התמונות מוצגות במאמרים בעמודה האמצעית של האתר, הרוחב המקסימלי אמור להיות 500 פיקסלים (זהו הרוחב הפיזי של העמודה הזו). לכן, מומלץ להקטין את כל התמונות לרוחב הנ"ל כאשר הגובה נקבע אוטומטי (עפ"י פרופורציה). כדי לבצע את השינוי יש להיכנס בגימפ לתפריט Image ובתוכו לבחור Scale Image (שנה גודל תמונה). תחת התיבה גודל תמונה יש להזין בשדה Width (רוחב) 500 לכל היותר, כאשר בתמונות קטנות יש להזין גודל קטן יותר (אמור להיות פרופורציוני לסוג התמונה או למאמר שהיא "נכנסת" אליו). הגובה, כאמור, ישתנה אוטומטית לפי פרופורציית התמונה.

קיצוץ תמונה

פעמים רבות שטח התמונה מתפרס יותר מהשטח הדרוש. למשל כאשר יש שטח "מת" שהלוגו או הסמל כבר לא מאכלסים אותו וכך התמונה תופסת יותר מקום. כדי להסיר את השטח ה"מת" יש ללחוץ בגימפ בתפריט Image (תמונה) על Autocrop Image (קצץ אוטומטי תמונה).

רקע התמונה

רקע התמונה גם אם הוא לבן תופס מקום. כדי להסיר את רקע התמונה עלינו לעשות זאת באמצעות המדריך הזה (המדריך יתורגם בהמשך מאנגלית).

שימו לב: יש לשמור את התמונה כסוג png או gif כדי לאפשר את אפקט השקיפות

תמונה מתחלפת

לפני יצירת תמונה מתחלפת יש להקטין כל תמונה שעושים בה שימוש ליצירת התמונה המתחלפת על-פי כל השלבים הנ"ל ורק לאחר מכן ליצור את התמונה המתחלפת.

הוספת מאפיינים לתמונה

המאפיינים כותרת (title) ותיאור (description) של תמונה מאוד חשובים למנועי חיפוש ולדפדפנים יעודים לבעלי מוגבלויות. המאפיינים הללו נקראים ע"י השניים האחרונים ואף בלעדיהם הדף אינו תקני. יש להקפיד להזין אותם בעת הוספת תמונה למאמר. יש לקרוא כאן כיצד לעשות זאת.

שם קובץ התמונה

שם קובץ התמונה אמור להכיל רק תווים באנגלית ו/או מספרים בלבד. ללא שום תווים מיוחדים (כולל רווחים) או אותיות בעברית או ברוסית.

סיכום

גודל תמונה באינטרנט אינו אמור לעלות על 100 ק"ב (KB) ואף פחות. אם התמונה יותר מהגודל הנ"ל יש לעבור על השלבים כדי לוודא שאכן היא הוקטנה ככל האפשר. יש לזכור כי אם האתר איטי מפסידים מבקרים.