אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: הגדרות גלובליות
מודול: בניית דף הנחיתה "קלין פרמייר"
מודול: טיפים וטריקים
מה נלמד בשיעור הזה?
- נבין את הכלי CompressImage.io ואת היכולות שלו
- נבין את ההבדל בין PNG לבין פורמט webp
- נבין את הרוחב המקסימלי שנצטרך לתמונה, את הסיומת (suffix) שנוכל להוסיף לה ואיך להשוות את התמונה במצבי לפני/אחרי
וקצת יותר בפירוט...
בשיעור זה נלמד כיצד להשתמש בכלי **CompressImage.io** לשיפור ביצועי האתר דרך אופטימיזציה של תמונות. כלי זה מאפשר להקטין את גודל התמונות מבלי לפגוע משמעותית באיכותן, מה שמוביל לזמני טעינה מהירים יותר ולחוויית משתמש טובה יותר. נבין כיצד לעבוד עם הכלי, כולל האפשרות להשוות בין מצב התמונה לפני האופטימיזציה ואחריה כדי לוודא שהתוצאה מספקת.
נעמיק בהבנת ההבדלים בין פורמט **PNG** לבין פורמט **WebP**. בעוד PNG מצוין לתמונות עם שקיפות ולגרפיקה פשוטה, WebP מציע דחיסה יעילה יותר המתאימה במיוחד לאתרי אינטרנט. WebP יכול להקטין את גודל התמונה בצורה משמעותית תוך שמירה על איכות ויזואלית גבוהה, מה שהופך אותו לאידיאלי לשיפור ביצועים באתרים.
נלמד גם כיצד לקבוע את הרוחב המקסימלי הדרוש לכל תמונה באתר, בהתאם למיקום השימוש שלה (Hero Section, גלריה או אייקונים). בנוסף, נכיר את האפשרות להוסיף סיומת (Suffix) לשם התמונה כדי להבדיל בגרסאות שונות של אותה תמונה, כגון תמונות מותאמות למובייל או לדסקטופ. הבנה ושליטה בתהליכים אלו היא קריטית ליצירת אתרי וורדפרס מהירים ומקצועיים כחלק מתהליך בניית אתרים במסגרת קורס אלמנטור.