בית הספר לוורדפרס » ShortPixel – הגדרות אופטימיזציה לתמונות

ShortPixel – הגדרות אופטימיזציה לתמונות

נכתב ע"י יוחאי ירמיהו18 שאלות

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

אורך השיעור: 14:57 דקות

קורסים המכילים את השיעור וידאו:

תוכן השיעור:

תוכן ראשוני שיופיע בעמוד

כותרת ברמה 1

תוכן משני שיופיע בתוך העמוד

הצטרפו לקהילות המובילות של בוני האתרים בישראל

זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:

מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪

קורסים מקיפים ומומלצים ללימוד בניית אתרים

לבנות אתר ב-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 שנה. נינג’ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.

יעקב קרנץ
וורדפרס Next Level
בקשר ל Remuve EXIF שציינת שכדאי (פרטי תמונה היכן צולמה וכדומה).
שמעתי בהדרכה באנגלית איזה משפט שאם יש לנו תמונות עם רישיון (נגיד שרכשנו משאטר-סטוק, פריפיק וכדומה), אז יש צורך לשמור את המידע של פרטי התמונה. זה בצורה כלשהי שומר על הראשון.
זה נכון?
ידוע לך משהו על צורך כזה?
1. יוחאי ירמיהו
  הנהלת האתר
  לא סגור על זה ב-100%, זאת נקודה מעניינת. אני לא חושב שאמורה להיות עם זה בעיה אבל אם בא לך להיות יסודי תבדוק את זה מול התמיכה של האתר תמונות. ותעדכן גם (-:
  אני חושב שבהדרכה המשפט באנגלית התכוון לכך שברגע שאתה רוכש תמונה אתה מקבל ביחד עם התמונה רישיון ופשוט במידה ותהיה בעיה צריך שיהיה לך העתק של הרישיון. הרישיון אמור להישמר במשתמש שלך תחת האתר תמונות ובאמצעותו אם תהיה בעיה משפטית תוכל להוכיח שרכשת רישיון לתמונה.
  לא יצא לי להיתקל בבעיה מהסוג הזה ועיקר הבעיות עם התמונות וזכויות יוצרים הוא בארץ עם תמונות ישראליות.
יעקב קרנץ
וורדפרס Next Level
מבין את הצורך לשמור גיבוי לכל התמונות ולבקש בהגדרות שזה ישמור את גיבוי התמונות המקוריות.
שאלה על גבי זה.
במידה ושומר גיבוי,
לאחר מיכן עובר על כל התמונות שבוצע אופטימיזציה,
משחזר ידנית ל 8 תמונות שיחזרו לתמונה המקורית (כי יצא גרוע)
ואת כל השאר משאיר עם האופטימיזציה שנעשתה (רפרפתי על כל השאר ויצאו מעולה).
האם ניתן עכשיו למחוק את הגיבוי? דרך הדף הראשי, כמו שאתה מראה בהדרכה בסרטון הבא.
הםא אותו שחזור ששלפתי 8 תמונות, הוציא אותן מתוך תקיית ה Back-up וכעת מחיקת התקייה לא תפגע לי באותם 8 תמונות שבצורה ידנית שחזרתי כבר?
זה רעיון טוב וזה תקין לעשות ככה? או שעדיין יש איזה שהוא צורך שהתמונות המקוריות ישמרו?
(רלוונטי לי המיקום בגלל ששטח האחסון שלי שהוא דרך שרת-שותפים לדעתי – הוסטינגר – לא גדול וזה משהו שכן הייתי רוצה לחסוך בו אם לא מדובר בכאב ראש גדול מידי)
1. יוחאי ירמיהו
  הנהלת האתר
  גם כאן אני לא יודע, אלו שאלות נקודתיות שצריך לנסות כדי לראות אם זה פועל ולא ניסיתי. אם זה קריטי לך לבדוק אתה יכול לנסות ולפנות אל התמיכה של של התוסף ולבדוק את זה מולם.
  יכול להיות שיש לך אפשרות להוריד את התיקייה למחשב ולהחזיר אותה לשרת במידה ותצטרך להשתמש בה.
יעקב קרנץ
וורדפרס Next Level
בנוגע ל Recise large images,
1. במידה ואני כן רוצה להפעיל אפשרות זו (למשל שכל התמונות יהיו גודל 600 פיקסל. זה חוסך מלא מקום. בגלל שיש רק 8 תמונות באתר שבאמת משתמשים בתמונות גדולות יותר מיזה. אז אני רוצה להפעיל, אך לשמר לי את היכולת להעלות מידי פעם תמונת-ענק של רוחב מסך שלם)
האם גם בזה יש דרך להחריג תמונה בודדת באופן ידני?
אני יודע שדיברתי בהרחבה על החרגת תמונה מאופטימיזציית הורדת משקל.
אבל זה רלוונטי גם בקשר ל Recise? (אינטואטיבית זה עוד ברמת ההעלאה עצמה, אז נראה מסובך יותר..)
2. כמו כן, באופציה זו של Recise אוטומאטי,
תוכל לציין האם זה שומר עותק מקורי גדול יותר באחסון?
או שבזה, זה בצורה נקייה, מלכתחילה, מעלה מהמחשב רק מרף מסוים As it is בלי כל מיני חוכמות נוספות של גיבויים ושכפולי תמונות ברמת שרת האחסון ובגיבויים.
1. יוחאי ירמיהו
  הנהלת האתר
  1. אני לא יודע לגבי ההחרגה זה משהו שתצטרך לבדוק. שים לב גם שהצורה שבה הם משנים תמונה יכולה לשנות גם את התצוגה של התמונה לפי האפשרות שאתה בוחר (והדרך לראות איך זה עובד זה פשוט לבדוק את זה).
  2. לא השתמשתי באפשרות הזאת אבל אני מאמין שבכל מקרה זה אמור להשאיר גיבוי.
יעקב קרנץ
וורדפרס Next Level
האם ניתן לוותר לחלוטין על המרה ל Jpeg/PNG ושהתוסף ימיר ישירות ל Webp?
1.האם זה נצרך בשביל שלבי ההמרה
2. האם יהיה שלב בו כל המכשירים יתמכו בפורמט של WebP ללא יוצא מן הכלל? (כרגע מבין שצריך שיהיה את שתי הפורמטים כי הזכרת שלא כל הדפדפנים תומכים ולכן צריך שיהיה גם את הפורמט הישן ולא די בחדש WebP)
1. יוחאי ירמיהו
  הנהלת האתר
  לפחות ממה שאני רואה מבדיקה מהירה בהגדרות לא מצאתי אפשרות לבטל את ההמרה של JPEG/PNG אז כנראה שזה לא אפשרי.
  לגבי הנושא של התמיכה אז היום זה נתמך במרבית הדפדפנים החדשים אבל תמיד יהיו אנשים עם דפדפנים יותר ישנים שלא מעדכנים את הדפדפן.
  אתה יכול לראות מידע נוסף על התמיכה של הפורמט לפי גרסה של הדפדפן בעמוד הבא (צריך לרחף מעל הגרסה כדי לראות האם זה נתמך):
  https://caniuse.com/webp
קרן אביוף
וורדפרס Expert
היי יוחאי,
האם התוסף הזה משפיע על תמונות שכבר קיימות באתר או רק על תמונות שמועלות לאחר התקנת התוסף?
1. יוחאי ירמיהו
  הנהלת האתר
  היי קרן, הפעילות השוטפת של התוסף משפיעה רק על התמונות שאת מעלה לאתר.
  אבל יש גם את האפשרות לבצע אופטימיזציה לתמונות שהעלאת לאתר בעבר ובשיעור הזה יש הסבר איך לכווץ גם תמונות ישנות:
  https://wp-school.co.il/shortpixel-bulk-image-optimization/
שלום מושקוביץ
וורדפרס Rocket + וורדפרס Security
האם כדאי לסמן את זה ?
1. יוחאי ירמיהו
  הנהלת האתר
  היי שלום, האופציה הזאת עשויה לשנות לך את האופן שבו התמונה מוצגת (חיתוך בצדדים או בחלק העליון והתחתון).
  אני באופן אישי מעדיף לא לסמן את זה אבל אתה יכול לעשות על זה ניסויים אם בא לך ולראות איך התמונה מופיעה בעמוד בפועל.
שלום מושקוביץ
וורדפרס Rocket + וורדפרס Security
האם נכון להיום כדאי כבר להמיר לפורמט AVIF?
1. יוחאי ירמיהו
  הנהלת האתר
  בגדול אתה יכול וגוגל גם ממליצים על זה כי כל דפדפן חדש היום תומך בזה.
  אני מהמחמירים אז אני עדיין לא משתמש בפורמט הזה כדי להקטין את הסיכוי שיש מישהו שיכנס לאתר מדפדפן יותר ישן והתמונה לא תעבוד לא בצורה טובה.
  אני אולי אתחיל להשתמש בזה עוד חצי שנה או שנה. ודרך אגב כאן אתה יכול לראות מאיזה גרסה של הדפדפנים הפורמט כרגע נתמך:
  https://caniuse.com/avif
שלום מושקוביץ
וורדפרס Rocket + וורדפרס Security
מה עושים במקרה כזה?
1. יוחאי ירמיהו
  הנהלת האתר
  אני משתמש באפשרות של:
  Without altering the page code (via .htaccess)
  זה בעצם אומר שבמקום שהתוסף ישנה לך את הקוד שמופיע בעמוד הוא יבצע שינוי באמצעות קובץ שנקרא htaccess (שמאפשר לבצע שינויים באופן שהאתר עובד ולהגדרות השרת) ובזמן שקוד של האתר לא ישתנה התמונה שהולכת להיטען תהיה התמונה שעברה אופטימיזציה.
  1. שלום מושקוביץ
    וורדפרס Rocket + וורדפרס Security
    העניין הוא שהוא לא נותן לי לסמן את זה כי ה שרת שלי לא תומך בזה
    1. יוחאי ירמיהו
      הנהלת האתר
      נכון, סליחה פספסתי את ההודעה מתחת לאפשר. לא יצא לי להיתקל בהודעה מהסוג הזה.
      אבל כתוב בתמונה שיש שם קישור עם הוראות שיאפשר לך להבין איך לבצע את השינויים. אם תלחץ על הלחצן של הסימן שאלה אני מאמין שהקישור לעמוד הסברים יופיע שם.
      ובמקרה הכי גרוע אתה יכול לבחור באפשרות העליונה של Picture ולראות איך זה משפיע על האתר.