ShortPixel – הגדרות אופטימיזציה לתמונות
נכתב ע"י יוחאי ירמיהו18 שאלות
תיאור קצר לשיעור: בשיעור זה נלמד איך להגדיר את התוסף של ShortPixel באופן הטוב ביותר על מנת שהאתר שלנו יעבוד בצורה חלקה עם התמונות החדשות שאנחנו יוצרים.
אורך השיעור: 14:57 דקות
קורסים המכילים את השיעור וידאו:
איך לבנות אתר בחינם בשעה וחצי?
✓ על ידי מילוי הטופס אני מאשר/ת קבלת טיפים, מדריכים בחינם וחומר פרסומי למייל
תוכן השיעור:
תוכן ראשוני שיופיע בעמוד
כותרת ברמה 1
תוכן משני שיופיע בתוך העמוד
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪
-
קורס: וורדפרס Tool Kit
199.00 ₪69.00 ₪ -
20 אלף בחודש מבניית אתרים
138.00 ₪69.00 ₪ -
בניית אתרים + כתיבת קוד עם AI (בינה מלאכותית)
250.00 ₪199.00 ₪ -
זכויות יוצרים בדיגיטל
250.00 ₪69.00 ₪ -
יסודות העיצוב לבוני אתרים
138.00 ₪69.00 ₪ -
קורס קלאודוויז + קורס קלאודפלייר + פתיחת מייל עסקי בחינם
250.00 ₪29.00 ₪ -
אפיון ראשוני ומחקר מילות מפתח
250.00 ₪29.00 ₪ -
התקנת וורדפרס על המחשב
250.00 ₪29.00 ₪
עוד לא צפיתם בהדרכה? זה בחינם!
יש לי הצעה מעניינת יצרתי הדרכה מלאה של למעלה משעתיים שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.
✓ על ידי מילוי הטופס אני מאשר/ת קבלת טיפים, מדריכים בחינם וחומר פרסומי למייל
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- קורס לבנות אתר ב-10 ימים 52 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-30 ימים
מסלול וורדפרס Expert
למעלה מ-10 קורסים מלאים ומעל 600 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.
- קורס וורדפרס Beginner קורס בניית אתרים למתחילים – (2,250 ₪)
- קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
- קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
- קורס וורדפרס Next Level מחיר הקורס 2,500 ₪
- קורס וורדפרס SEO התאמת אתרים לגוגל – (750 ₪)
- קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור – (999 ₪)
- קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (550 ₪)
- קורס וורדפרס Rocket שיפור מהירות לאתר – (999 ₪)
- קורס וורדפרס Security חיזוק אבטחה לאתר – (750 ₪)
- קורס וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (750 ₪)
- בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
- בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
- בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
- בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
- בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
- בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
- בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
- בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
- בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
- 671 שיעורים למתחילים + למתקדמים
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-30 ימים
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג’ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שיעורים נוספים במודול: אופטימיזציה לתמונות
שאלות ותשובות לשיעור
18 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
בקשר ל Remuve EXIF שציינת שכדאי (פרטי תמונה היכן צולמה וכדומה).
שמעתי בהדרכה באנגלית איזה משפט שאם יש לנו תמונות עם רישיון (נגיד שרכשנו משאטר-סטוק, פריפיק וכדומה), אז יש צורך לשמור את המידע של פרטי התמונה. זה בצורה כלשהי שומר על הראשון.
זה נכון?
ידוע לך משהו על צורך כזה?
לא סגור על זה ב-100%, זאת נקודה מעניינת. אני לא חושב שאמורה להיות עם זה בעיה אבל אם בא לך להיות יסודי תבדוק את זה מול התמיכה של האתר תמונות. ותעדכן גם (-:
אני חושב שבהדרכה המשפט באנגלית התכוון לכך שברגע שאתה רוכש תמונה אתה מקבל ביחד עם התמונה רישיון ופשוט במידה ותהיה בעיה צריך שיהיה לך העתק של הרישיון. הרישיון אמור להישמר במשתמש שלך תחת האתר תמונות ובאמצעותו אם תהיה בעיה משפטית תוכל להוכיח שרכשת רישיון לתמונה.
לא יצא לי להיתקל בבעיה מהסוג הזה ועיקר הבעיות עם התמונות וזכויות יוצרים הוא בארץ עם תמונות ישראליות.
מבין את הצורך לשמור גיבוי לכל התמונות ולבקש בהגדרות שזה ישמור את גיבוי התמונות המקוריות.
שאלה על גבי זה.
במידה ושומר גיבוי,
לאחר מיכן עובר על כל התמונות שבוצע אופטימיזציה,
משחזר ידנית ל 8 תמונות שיחזרו לתמונה המקורית (כי יצא גרוע)
ואת כל השאר משאיר עם האופטימיזציה שנעשתה (רפרפתי על כל השאר ויצאו מעולה).
האם ניתן עכשיו למחוק את הגיבוי? דרך הדף הראשי, כמו שאתה מראה בהדרכה בסרטון הבא.
הםא אותו שחזור ששלפתי 8 תמונות, הוציא אותן מתוך תקיית ה Back-up וכעת מחיקת התקייה לא תפגע לי באותם 8 תמונות שבצורה ידנית שחזרתי כבר?
זה רעיון טוב וזה תקין לעשות ככה? או שעדיין יש איזה שהוא צורך שהתמונות המקוריות ישמרו?
(רלוונטי לי המיקום בגלל ששטח האחסון שלי שהוא דרך שרת-שותפים לדעתי – הוסטינגר – לא גדול וזה משהו שכן הייתי רוצה לחסוך בו אם לא מדובר בכאב ראש גדול מידי)
גם כאן אני לא יודע, אלו שאלות נקודתיות שצריך לנסות כדי לראות אם זה פועל ולא ניסיתי. אם זה קריטי לך לבדוק אתה יכול לנסות ולפנות אל התמיכה של של התוסף ולבדוק את זה מולם.
יכול להיות שיש לך אפשרות להוריד את התיקייה למחשב ולהחזיר אותה לשרת במידה ותצטרך להשתמש בה.
בנוגע ל Recise large images,
1. במידה ואני כן רוצה להפעיל אפשרות זו (למשל שכל התמונות יהיו גודל 600 פיקסל. זה חוסך מלא מקום. בגלל שיש רק 8 תמונות באתר שבאמת משתמשים בתמונות גדולות יותר מיזה. אז אני רוצה להפעיל, אך לשמר לי את היכולת להעלות מידי פעם תמונת-ענק של רוחב מסך שלם)
האם גם בזה יש דרך להחריג תמונה בודדת באופן ידני?
אני יודע שדיברתי בהרחבה על החרגת תמונה מאופטימיזציית הורדת משקל.
אבל זה רלוונטי גם בקשר ל Recise? (אינטואטיבית זה עוד ברמת ההעלאה עצמה, אז נראה מסובך יותר..)
2. כמו כן, באופציה זו של Recise אוטומאטי,
תוכל לציין האם זה שומר עותק מקורי גדול יותר באחסון?
או שבזה, זה בצורה נקייה, מלכתחילה, מעלה מהמחשב רק מרף מסוים As it is בלי כל מיני חוכמות נוספות של גיבויים ושכפולי תמונות ברמת שרת האחסון ובגיבויים.
1. אני לא יודע לגבי ההחרגה זה משהו שתצטרך לבדוק. שים לב גם שהצורה שבה הם משנים תמונה יכולה לשנות גם את התצוגה של התמונה לפי האפשרות שאתה בוחר (והדרך לראות איך זה עובד זה פשוט לבדוק את זה).
2. לא השתמשתי באפשרות הזאת אבל אני מאמין שבכל מקרה זה אמור להשאיר גיבוי.
האם ניתן לוותר לחלוטין על המרה ל Jpeg/PNG ושהתוסף ימיר ישירות ל Webp?
1.האם זה נצרך בשביל שלבי ההמרה
2. האם יהיה שלב בו כל המכשירים יתמכו בפורמט של WebP ללא יוצא מן הכלל? (כרגע מבין שצריך שיהיה את שתי הפורמטים כי הזכרת שלא כל הדפדפנים תומכים ולכן צריך שיהיה גם את הפורמט הישן ולא די בחדש WebP)
לפחות ממה שאני רואה מבדיקה מהירה בהגדרות לא מצאתי אפשרות לבטל את ההמרה של JPEG/PNG אז כנראה שזה לא אפשרי.
לגבי הנושא של התמיכה אז היום זה נתמך במרבית הדפדפנים החדשים אבל תמיד יהיו אנשים עם דפדפנים יותר ישנים שלא מעדכנים את הדפדפן.
אתה יכול לראות מידע נוסף על התמיכה של הפורמט לפי גרסה של הדפדפן בעמוד הבא (צריך לרחף מעל הגרסה כדי לראות האם זה נתמך):
https://caniuse.com/webp
היי יוחאי,
האם התוסף הזה משפיע על תמונות שכבר קיימות באתר או רק על תמונות שמועלות לאחר התקנת התוסף?
היי קרן, הפעילות השוטפת של התוסף משפיעה רק על התמונות שאת מעלה לאתר.
אבל יש גם את האפשרות לבצע אופטימיזציה לתמונות שהעלאת לאתר בעבר ובשיעור הזה יש הסבר איך לכווץ גם תמונות ישנות:
https://wp-school.co.il/shortpixel-bulk-image-optimization/
האם כדאי לסמן את זה ?
היי שלום, האופציה הזאת עשויה לשנות לך את האופן שבו התמונה מוצגת (חיתוך בצדדים או בחלק העליון והתחתון).
אני באופן אישי מעדיף לא לסמן את זה אבל אתה יכול לעשות על זה ניסויים אם בא לך ולראות איך התמונה מופיעה בעמוד בפועל.
האם נכון להיום כדאי כבר להמיר לפורמט AVIF?
בגדול אתה יכול וגוגל גם ממליצים על זה כי כל דפדפן חדש היום תומך בזה.
אני מהמחמירים אז אני עדיין לא משתמש בפורמט הזה כדי להקטין את הסיכוי שיש מישהו שיכנס לאתר מדפדפן יותר ישן והתמונה לא תעבוד לא בצורה טובה.
אני אולי אתחיל להשתמש בזה עוד חצי שנה או שנה. ודרך אגב כאן אתה יכול לראות מאיזה גרסה של הדפדפנים הפורמט כרגע נתמך:
https://caniuse.com/avif
מה עושים במקרה כזה?
אני משתמש באפשרות של:
Without altering the page code (via .htaccess)
זה בעצם אומר שבמקום שהתוסף ישנה לך את הקוד שמופיע בעמוד הוא יבצע שינוי באמצעות קובץ שנקרא htaccess (שמאפשר לבצע שינויים באופן שהאתר עובד ולהגדרות השרת) ובזמן שקוד של האתר לא ישתנה התמונה שהולכת להיטען תהיה התמונה שעברה אופטימיזציה.
העניין הוא שהוא לא נותן לי לסמן את זה כי ה שרת שלי לא תומך בזה
נכון, סליחה פספסתי את ההודעה מתחת לאפשר. לא יצא לי להיתקל בהודעה מהסוג הזה.
אבל כתוב בתמונה שיש שם קישור עם הוראות שיאפשר לך להבין איך לבצע את השינויים. אם תלחץ על הלחצן של הסימן שאלה אני מאמין שהקישור לעמוד הסברים יופיע שם.
ובמקרה הכי גרוע אתה יכול לבחור באפשרות העליונה של Picture ולראות איך זה משפיע על האתר.