שורט פיקסל / ShortPixel – תוסף לכיווץ תמונות

WebP – הינו פורמט תמונות מודרני שנוצר על ידי גוגל אי שם בשנת 2010 (מוזמנים לקרוא כאן עוד).

לפי גוגל – בהשוואה לPNG/JPEG, תמונות WebP מונגשות בצורה מהירה, חלקה איכותית וטובה יותר.

שורט פיקסל, מבצע כיווץ משקל לתמונות בצורה יוצאת דופן,

שמאפשרת לתמונות להיטען במהירות גבוהה יותר וכך עוזרת משמעותית לספק חווית משתמש טובה ומהירה יותר.

מאז מאי 2020, (בנינו? גם הרבה לפני…) מדד המהירות הוא חלק בלתי מקידום האתר וחווית הגולש.

מומחה לשיפור מהירות אתר וורדפרס ממתין לך:

כדי שאוכל להאיץ לך את האתר ולהביאו לציונים ירוקים,

ניתן לחייג למספר 052-8211117 או למלא את הטופס:

אופטימיזציית תמונות בעזרת שורט פיקסל

אופטימיזציה לתמונות זהו חלק חשוב בתהליך שיפור מהירות אתר

ובעזרת התוסף תוכלו לבצע זאת בכמה קליקים!

התוסף זמין ב2 גרסאות

* התוסף מעניק גישה מלאה לכיווץ התמונות בכל סוגי הפורמטים (JPEG, PNG, PDF ועוד.)

חשוב לציין שהתוסף עובד בשיטה של קרדיטים וכאשר נגמר לכם הקרדיטים בAPI אתם יכולים לרכוש קרדיטים בהתאם לכמות התמונות שנשאר לכם לטפל (טיפ קטן ממני: עדיף לרכוש תמיד יותר מהסיבה שתמיד אנו מעלים תמונות ויש תמונות שמונגשות בכמה רזולוציות)
בנוסף לכך, שורט פיקסל מספקת שירותי CDN, אך אני נמנע מלהמליץ מהסיבה שCloudFlare מספקת גם ועליהם אני ממליץ מניסיון אישי.

אז לאחר שחיברתם את הAPI ייפתח לכם המסך הבא:

(יש לפעול כמו בתמונה ואף ניתן לסמן גם את AVIF)

חשוב לציין כי תמונות WEBP נוצרות רק לאחר שהתמונות עוברות אופטימיזציה ולא עם סימון האפשרות שבתמונה.
במילים אחרות – לא מספיק להפעיל את הסימון הנ"ל בשביל שהתמונות יונגשו בפורמט WebP

הזינו את כתובת האתר ולחצו "בדוק את האתר שלי".

עם הלחיצה, נעביר אתכם אל PageSpeed Insights של גוגל.

בסיום הסריקה תוכלו לראות חלק מהבעיות הקיימות.

קודם כל, וודאו שאתם אכן בגרסא העדכנית ביותר של התוסף מכיוון שאך ורק בגרסא 5.0+ ניתן לייצר פורמט WebP לתמונות שעברו אופטימיזציה.

משתמשים בגרסא ישנה יותר?

תצטרכו לשחזר את התמונות ולבצע את זה שוב.

(כבר דברנו על בזבוז קרדיטים שלא לצורך?)

לאחר עדכון התוסף, בצעו את השלבים הבאים:

יצירת תמונות WebP זהו רק הצעד הראשון!

נדרש גם להפוך אותם לזמינים לכל המשתמשים!

למרבה המזל, שורט פיקסל מספקת 2 שיטות לעשות זאת.

הפעל את האפשרות כמו בתמונה (שלח את גרסאות הדור הבא בחזית)

הראשונה: שימוש בתחביר התג ששיטה זו משנה את הקוד בעמוד.
השניה (המומלצת לדעתי) : מבלי לשנות את הקוד (דרך htacess) גוש קוד מוזרק לקובץ, שיטה זו פחות מומלצת ותואמת לאתרים אשר משתמשים בCDN או NGNIX.

הדרך הקלה והמהירה: ללחוץ קליק ימני על התמונה ואז: פתח תמונה בכרטיסייה חדשה או באנגלית Open image in new tab ואז בשורת URL תוכלו לראות את סיומת התמונה (avif/webp/png/jpeg/jpg/pdf ו ועוד…)
בכלי המפתחים של הדפדפן, יש ללחוץ על F12, ולעקוב אחר הפעולות בתמונה:
לבדוק פורמט WEBP