קורס זה נוצר עבור מפתחי אתרים מתחילים ומתקדמים כאחד, והוא עוסק בכל מה שצריך לדעת, החל מהעקרונות הבסיסיים של קבלה ועיבוד יעילים של מקורות תמונות ועד הפרטים לגבי האופן שבו פורמטים נפוצים של תמונות מועברים מהשרת ללקוח. בקורס הזה תלמדו איך להשיג את הגדלים הקטנים ביותר שאפשר להעביר לתמונות בלי להתפשר על האיכות שלהן – לפחות לא בצורה שבה כל אחד יוכל לראות אותן.
תוכלו לעבור על הסדרה מתחילתה ועד סופה כדי לקבל תמונה מקיפה של האופן שבו תמונות פועלות באינטרנט המודרני, או להשתמש בה כחומר עזר לקונספטים ולדפוסי סימון ספציפיים שבהם תשתמשו בעבודה היומיומית.
רק בקורסים של לימוד HTML של יסודות השימוש בתגי עיצוב, בקורסים לימוד CSS ליסודות הסגנון ובקורסים של לימוד עיצוב דינמי, תוכלו ללמוד איך מתבצע עיבוד של תמונות בפריסות רספונסיביות.
מה תלמדו:
היסטוריה קצרה של התמונות באינטרנט
היסטוריה של תמונות באינטרנט, החל מרכיב התמונה ב-1993
בעיות עיקריות בביצועים
ללמוד איך להבטיח שבקשות התמונה שלכם יהיו קטנות ובעלות ביצועים כמה שיותר.
תמונות וקטוריות
למדו על SVG, הפורמט של תמונות וקטוריות שבהן משתמשים באינטרנט.
תמונות מסוג רסטר
אפשר למצוא תמונות מסוג רשת נקודות, כמו JPEG , GIF , PNG ו-WebP.
פורמטים של תמונות: GIF
הבנת פורמט התמונה GIF, יחד עם הסבר על אופן הפעולה של קידוד תמונה.
פורמטים של תמונות: PNG
בדוק מתי PNG הוא פורמט התמונה הטוב ביותר לבחירה.
פורמטים של תמונות: JPEG
לומדים על הפורמטים הנפוצים ביותר של תמונות באינטרנט.
פורמטים של תמונות: WebP
כדאי לקרוא על WebP ולהבין את ההבדל בין הפורמט הזה לבין פורמטים אחרים.
פורמטים של תמונות: AVIF
פורמט קובץ התמונה AV1 (AVIF) הוא קידוד שמבוסס על קודק הווידאו AV1 בקוד פתוח.
תמונות רספונסיביות
ניתוח מעמיק של תמונות רספונסיביות.
תחבירים תיאוריים
שימוש ב-srcset וגדלים כדי לספק לדפדפן מידע על מקורות התמונות ואופן השימוש בהן.
תחבירים לפי תיאור
מידע נוסף על רכיב התמונה.
אוטומציה של דחיסה וקידוד
יצירת מקורות תמונות שמניבים ביצועים גבוהים היא חלק חלק מתהליך הפיתוח.
מחוללי אתרים, מסגרות ומערכות ניהול תוכן
מגלים איך מערכות ניהול תוכן כמו WordPress וכלים אחרים ליצירת אתרים מקלים על השימוש בתמונות רספונסיביות.
רשתות להעברת תוכן של תמונות
נלמד כיצד CDN של תמונות יכול לבצע טרנספורמציה ולבצע אופטימיזציה של תוכן התמונה.
סיכום
כמה מקורות מידע נוספים.
מוכנים להתחיל ללמוד על Google Photos?