יש לכם אתר וורדפרס חדש ואתם מעלים אליו את התוכן. האם אתם יודעים איזה סוג קובץ תמונה מומלץ להעלות? מה ההבדלים ביניהם? איזה פורמט מתאים? אז הנה הכתבה שמסבירה הכל על הנושא. זהו המשך לכתבה שפירסמתי על טיפול בתמונות לפני העלאה לשרת. וגם כתבת וידאו מדריך לעריכת תמונות בוורדפרס.
שלושה פורמטים לשלוט בהם
כרגע קיימים שלושה פורמטים עיקריים לתמונות/גרפיקה לאינטרנט:
- JPEG
- GIF
- PNG
פורמט JPEG
פורמט JPEG תומך ב- 16.7 מיליון צבעים, מיועד בעיקר עבור צילומים. מאפשר דחיסה של תמונות כבדות עם איבוד איכות/פרטים יחסי (בהתאם לדחיסה שנבחרה). בעבודה נכונה, הורדת משקל התמונה יכולה להגיע לעשירית מתמונה שלא נדחסה.
מתי להשתמש?
פורמט JPEG אמור לשמש בעיקר על צילומים ותמונות המכילות הרבה פרטים צבעוניים ומעברי צבע (גרדיאנט).
פורמט GIF
זהו פורמט מאוד נפוץ באינטרנט והיחידי שמאפשר אנימציה (ולא בעזרת פלאש – דוגמאות מטה) הפורמט מאפשר דחיסה/הקטנה של משקל התמונה משמש בעיקר לדחיסת תמונות עם שטחים גדולים באותו צבע. עד 256 צבעים.
הפורמט מתאים לגרפיקות (לוגו, איור וכו) ולא מתאים לצילומים.
"חברת יוניסיס היא בעלת הפטנט על הפורמט, ויצאה בהכרזה כי היא מצפה מכל העושים בו שימוש שיגיעו עמה להסדר תמלוגים בעד השימוש. הכרזה זו האיצה את התפתחות הפורמט PNG, שהתפתח במרוצת הזמן בשיתוף עם קרן מוזילה לפורמט המונפש APNG, כתחליף חופשי ל-GIF" מתוך ויקפדיה
ה-gif מאפשר שקיפות
זה מאפשר להשאיר חלקים בתמונה שקופים. זאת אומרת שאם הרקע של האתר הוא כחול אז האזורים השקופים של התמונה יקבלו את הצבע של הרקע… כחול.
דוגמאות להנפשה עם gif
מתי להשתמש?
קבצי GIF אמורים לשמש עבור לוגו, ציורים וסמלים ובעיקר לאנימציה.
לא מתאים לצילומים, גרפיקה עם מעבר צבעים ובכלל כיון שיש פטנט על הפורמט – מומלץ לא להשתמש כלל.
פורמט PNG
פורמט חדש יחסית, זהו פורמט שמגדיל את הטווח שמאפשר ה-gif ומפתחים יכולים להימנע מהצורך לדאוג לרישיונות על פטנטים הקשורים לפורמטים אחרים.
PNG מציע את המאפיינים העיקריים של פורמט GIF ובנוסף:
– מספק יותר עומק צבע.
– מאפשר שקיפות
– מאפשר מעבר של צבעים (גרדיאנט) – מאפשר שקיפות משתנה (צבעים רבים ובדרגות שקיפות שונות)
זהו הפורמט המעודף על בוני האתרים
מתי להשתמש?
כשרוצים שקיפות בתמונה
כשרוצים מעבר צבעים
כשרוצים יותר עומק צבע
לא מתאים לצילומים – יש להשתמש ב-jpg
טיפים בזמן העלאת תמונות לכתבה בוורדפרס
– אין להשתמש בקבצי תמונה גדולים מדי
– שימוש בתמונות ישר מתוך המצלמה הדיגיטלית היא דרך לא טובה ומגדילה מאוד את משקל העמוד. קבצים גדולים דורשים זמן רב יותר כדי לטעון את דף האינטרנט.
– יש לתת שם לתמונה ולא להישאר עם המספר הסידורי של המצלמה. לדוגמא monkey.jpg
– בזמן העלאת תמונות לוורדפרס – ניתן להוסיף ALT לתמונה – החשיבות של alt היא גדולה לקידום האתר – זה מספק מידע לגוגל על התמונה.
