סוגי פורמטים לתמונות ומתי להשתמש בהם?
נכתב ע"י יוחאי ירמיהו7 שאלות
תיאור קצר לשיעור: בשיעור הזה נדבר על הפורמטים השונים של התמונות ועל סוגי הפורמטים שבהם אנחנו רוצים להשתמש כרגע. בנוסף נדבר על החסרונות של שימוש בפורמט חדש של נתמך בדפדפנים ישנים.
אורך השיעור: 5:14 דקות
קורסים המכילים את השיעור וידאו:
איך לבנות אתר בחינם בשעה וחצי?
תוכן השיעור:
תוכן ראשוני שיופיע בעמוד
כותרת ברמה 1
תוכן משני שיופיע בתוך העמוד
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪
-
קורס: וורדפרס Tool Kit
69.00 ₪ -
20 אלף בחודש מבניית אתרים
69.00 ₪ -
בניית אתרים על AI – בינה מלאכותית – (הקורס עדיין לא מוכן)
99.00 ₪ -
זכויות יוצרים בדיגיטל
69.00 ₪ -
יסודות העיצוב לבוני אתרים
69.00 ₪ -
קורס קלאודוויז + קורס קלאודפלייר + פתיחת מייל עסקי בחינם
29.00 ₪ -
אפיון ראשוני ומחקר מילות מפתח
29.00 ₪ -
התקנת וורדפרס על המחשב
29.00 ₪
עוד לא צפיתם בהדרכה? זה בחינם!
יש לי הצעה מעניינת יצרתי הדרכה מלאה של למעלה משעתיים שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- קורס לבנות אתר ב-10 ימים 52 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-30 ימים
רכשו את הקורס 522 סטודנטים לפניך (-:
מסלול וורדפרס Expert
למעלה מ-10 קורסים מלאים ומעל 600 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.
- קורס וורדפרס Beginner קורס בניית אתרים למתחילים
- קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
- קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
- קורס וורדפרס Next Level בניית אתרים למתקדמים
- קורס וורדפרס SEO התאמת אתרים לגוגל
- קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור
- קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה
- קורס וורדפרס Rocket שיפור מהירות לאתר
- קורס וורדפרס Security חיזוק אבטחה לאתר
- קורס וורדפרס Global בניית אתר דו לשוניים בכל השפות
- בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
- בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
- בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
- בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
- בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
- בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
- בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
- בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
- 666 שיעורים למתחילים + למתקדמים
- תמיכה לשאלות בעמודי השיעורים לשנה
- גישה לקבוצת הפייסבוק
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-30 ימים
רכשו את הקורס 456 סטודנטים לפניך (-:
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג’ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שאלות ותשובות לשיעור
7 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
איך שאני מבין, פורמט PNG הוא פורמט יותר איכות מצד עצמו (הזכרת משהו דומה). שומר במלואו גם התמונה וגם על הנראות בצורה המעולה ביותר.
בתמונות מורכבות וגדולות, אז PNG הוא זה שדווקא ישקול יותר, בדיוק בגלל המאפיין הזה. נכון? (ככה יצא לי הרבה פעמים מנסיון)
עכשיו, ההנחיה שלך להמיר תמונות פשוטות אל פנגי,
זה כי עצם השימוש ב JPEG ‘עולה’ כמה מגה-בייטים בגלל הטכנולוגיה של ההמרה לגייפג. ואז בתמונה שהיא כבר שוקלת מעט, המרה לגייפג רק יוסיף משקל מיותר?
בעצם, בתמונות שהם מאוד פשוטות, רק בהם תהיה העדפה ל PNG מכיווןשבתכלס זה המצב היחידי שפורמט כזה כן יחסוך מקום
נכון בתמונות מורכבות שמכילות הרבה צבעים עדיף לשמור בפורמט JPGE ותמונות פשוטות עם מעט צבעים שומרים בפורמט PNG.
אני עובד בעיקר עם פוטושופ אז לפעמים אני שומר את 2 הפורמטים ורואה את ההבדלים במשקל אם אני לא יודע להחליט את זה לפי העין.
הזכרת (נכון לסוף 2022) שבעתיד תהיה התקדמות ויתכן וכבר תהיה תמיכה רחבה בפורמט AVIF.
אך בינתיים להתרכז ב WebP שנתמך ברוב המקרים בוודאי.
אוקי,
במידה וארצה להכיל בעתיד, רטרואקטיבית עיבוד של כל התמונות באתר אל פורמט AVIF (דרך תוספים כמו Short-pixel ועוד אחרים),
האם אני חייב שיישמר לי בקבוצת-התמונות גם את התמונה המקורית שלא עברה שום עיבוד?
או שהעיבוד לקובץ AVIF יוכל להתבצע על גבי תמונה בפורמט JPEG שכבר עברה עיבוד?
(לצורך העניין, בבחירת ‘הסרת גיבוי’ בשורט-פיקסל, אחרי העלאת תמונה בודדת אשאר עם שתי העתקים של התמונה אחרי אופטימיזציה. פורמט JPEG שעבר עיבוד. ופורמט WEBP שעבר עיבוד. הקובץ המקורי הוסר מטעמי ייעול וחיסכון במקום. האם בחירה באופציה זו תמנע יכולת אפשרית בעתיד לבצע אוטומציה של המרת כל התמונות באתר רטרואקטיבית גם לפורמט AVIF?
או שעיבוד לקובץ AVIF לא חייב להתבצע על התמונה המקורית אלא יוצא אחלה גם בעיבוד של תמונת ה JPEG שכבר עברה מניפוציה ועיבוד?
זו שאלה חשובה בתכנון צעדים שיחסכו כאב ראש לתווך הרחוק, יש לזה השפעה גדולה על הבחירה הנכונה עכשיו).
לצערי אני לא יודע, אני לא נכנס לרזולוציות כאלו.
מדובר בשאלות מורכבות שמצריכות לנסות את זה בעצמך או להיכנס לרמת הקוד ולהבין איך התוסף עובד. כמו שציינתי באחת התשובות האחרות ההמלצה שלי היא להשאיר את תיקיית הגיבויים המקוריים כל עוד זה אפשרי.
נכון להיום שנת 2024
האם כבר מומלץ להשתמש בפורמט avif?
היי חוה,
בגדול אפשר וגוגל גם ממליצים על שימוש בפורמט avif זה כי כל דפדפן חדש היום תומך בזה.
אני מהמחמירים אז אני עדיין לא משתמש בפורמט הזה כדי להקטין את הסיכוי שיש מישהו שיכנס לאתר מדפדפן יותר ישן והתמונה לא תעבוד לא בצורה טובה.
אני אולי אתחיל להשתמש בזה עוד חצי שנה או שנה אבל אפשר להתחיל ולהשתמש בפורמט הזה גם עכשיו. ודרך אגב כאן אפשר לראות מאיזה גרסה של הדפדפנים הפורמט כרגע נתמך ולבצע את ההחלטה לפי השיקול שלך:
https://caniuse.com/avif
תודה, עזרת לי.
נראה לי שאלך בגישה שלך…