תמונות WebP בוורדפרס: איך ממירים, כמה זה חוסך ומה עם אלמנטור

עודכן לאחרונה: 07.11.2026 · מאת עשהאל דרייר

בקצרה: כדי להשתמש בתמונות WebP בוורדפרס, מתקינים תוסף שממיר את התמונות ומגיש WebP לדפדפנים שתומכים בו. וורדפרס מקבל העלאה של WebP מגרסה 5.8, אבל לא ממיר לבד. החיסכון אמיתי בתמונות גדולות, אבל לא בכל קובץ: באתר שלנו, ב-7.11.2026, ‏108 מתוך 476 קובצי WebP (23%) יצאו כבדים מהמקור. השבתנו אותם בשינוי שם הפיך, ועמוד הבית חזר להגיש את המקור הקל.

⏱ זמן ביצוע: 20–40 דקות · רמת קושי: קל · נבדק לאחרונה: 7.11.2026, על האתר שלנו (Imagify 2.3.4, וורדפרס 7.1.4)

מה מדדנו באתר שלנו?

כל המספרים כאן נמדדו ב-7.11.2026 על cw-servers.co.il: הגדרות התוסף, נתוני מסד הנתונים וגודל הקבצים בפועל עם curl. את הגדרות Imagify לא שינינו. השינוי היחיד היה השבתה של קובצי WebP כבדים, שמפורטת בסעיף על WebP שגדל.

מה בדקנו	התוצאה (נמדד ב-7.11.2026)
תמיכת השרת	PHP 8.4 עם ספריית GD שתומכת גם ב-WebP וגם ב-AVIF
התוסף	Imagify 2.3.4: דחיסה אוטומטית בהעלאה, גיבוי של המקור, הקטנת תמונות מעל 2560 פיקסלים
אופן ההצגה	WebP דרך תגית <picture>
חיסכון כולל לפי התוסף	207 תמונות: מ-56.0MB ל-21.8MB, כ-61% פחות
כל קובצי ה-WebP בתיקיית uploads	476 קבצים, מהם 108 (23%) גדולים מהמקור או שווים לו
עמוד הבית: 18 תמונות עם חלופת WebP (לפני התיקון)	מקור: 158KB. גרסאות WebP: ‏365KB. פי 2.3 יותר
עמוד הבית אחרי התיקון	תגיות <picture>: מ-19 ל-1. כל כתובות התמונות מחזירות 200
התמונה הראשית בעמוד הבית	PNG ‏72.9KB מול WebP ‏79.7KB, כ-9% יותר
תמונות של אלמנטור	6 תמונות מתיקיית elementor/thumbs הוגשו כ-JPG, בלי חלופת WebP

המסקנה: ההמרה חסכה הרבה בתמונות התוכן הגדולות, אבל בלוגואים ובאייקונים הקטנים היא הזיקה. בלוגו של DigitalOcean, למשל, ה-PNG שוקל 2.0KB וה-WebP שוקל 6.8KB. בדפדפן מודרני, הגולש קיבל את הגרסה הכבדה, עד שתיקנו את זה.

למה WebP יוצא לפעמים גדול מהמקור, ומה עשינו עם זה?

WebP לא תמיד קטן יותר. ב-7.11.2026 השווינו כל קובץ WebP באתר לקובץ המקורי שלו: 108 מתוך 476 (23%) יצאו גדולים יותר או שווים. רובם לוגואים קטנים בפורמט PNG עם מעט צבעים, ואיתם גם התמונה הראשית של עמוד הבית.

הסיבה: PNG עם פלטה מצומצמת כבר דחוס מאוד, ולקובץ WebP יש תקורה קבועה של מבנה הקובץ. בקובץ של פחות מקילובייט, התקורה הזאת מכריעה. הדוגמה הקיצונית אצלנו: לוגו PNG של 709 בייט הפך ל-WebP של 1,222 בייט, כמעט פי 1.7.

איך בודקים אילו קובצי WebP גדולים מהמקור?

משווים גודל, קובץ מול קובץ. Imagify שומר את ה-WebP באותה תיקייה עם סיומת נוספת: ‏logo.png מקבל את logo.png.webp. כך זה נראה גם ב-HTML של עמוד הבית שלנו. לכן קל לבדוק כל זוג.

1. בדיקה מהירה בדפדפן: ב-F12, לשונית Network, סננו ל-Img ופתחו את כתובת המקור ואת כתובת ה-webp. השוו את עמודת Size.
2. בדיקה מלאה בשרת: התחברו ב-SSH (בקלאודוויז, משתמש SFTP/SSH מהפאנל), עברו לתיקיית wp-content/uploads והריצו את הסקריפט שלמטה. הוא רק קורא ומדפיס, ולא משנה כלום.
3. שמרו את הרשימה לקובץ, ועברו עליה בעין לפני שמחליטים משהו.

find . -name '*.webp' | while read -r w; do
  o="${w%.webp}"
  [ -f "$o" ] || continue
  ws=$(stat -c %s "$w"); os=$(stat -c %s "$o")
  [ "$ws" -ge "$os" ] && echo "$ws $os $w"
done > ~/webp-bigger.txt
wc -l ~/webp-bigger.txt

איך גרמנו לאתר להגיש את המקור הקל?

בשיטת <picture>, ‏Imagify מוסיף את מקור ה-WebP רק כשקובץ ה-WebP קיים על הדיסק. אז לא מחקנו כלום: שינינו את שם 108 הקבצים הכבדים ל-*.webp.bak-cw. מבחינת התוסף הם כבר לא קיימים, והדפדפן מקבל את ה-PNG או ה-JPG המקורי.

1. גבו קודם. בקלאודוויז: גיבוי אפליקציה מהפאנל. שמרו גם עותק של רשימת הקבצים.
2. שנו שם רק לקבצים שברשימה, למשל: mv logo.png.webp logo.png.webp.bak-cw.
3. נקו קאש: Breeze, ‏Varnish ו-Cloudflare, כדי שה-HTML החדש יוגש.
4. בדקו שכל התמונות בעמוד מחזירות 200, ושאין תמונה שבורה.
5. כדי לבטל: מחזירים את השם המקורי (מורידים את .bak-cw) ומנקים קאש שוב.

מה מדדנו	לפני (7.11.2026)	אחרי (7.11.2026)
עמוד הבית: תגיות <picture> עם WebP	19	1
כל האתר: גרסאות WebP כבדות מהמקור	108 קבצים, כ-1.36MB	0 מוגשות, במקומן מוגש המקור
עמוד הבית: כתובות תמונה שבורות	0	0, כולן מחזירות 200

תגית ה-picture היחידה שנשארה היא לוגו שבו ה-WebP באמת קטן יותר: ‏4.4KB מול 6.3KB ל-PNG, לפי בדיקת curl ב-7.11.2026. זו בדיוק ההתנהגות שרצינו: WebP רק איפה שהוא חוסך.

אזהרה: אל תעשו את זה בעיוורון. גבו לפני, שנו שם רק לקבצים שבדקתם, והשאירו את הרשימה כדי שתוכלו לבטל. לא בדקנו מה קורה אם מריצים שוב דחיסה גורפת או "יצירת WebP חסרים" בתוסף. ייתכן שהקבצים ייווצרו מחדש, אז הריצו את הבדיקה שוב אחרי כל דחיסה כזאת. ללוגו, SVG הוא לרוב פתרון טוב יותר.

מה זה WebP, וכמה הוא חוסך?

WebP הוא פורמט תמונה של גוגל שדוחס טוב יותר מ-JPEG ומ-PNG. לפי עמוד הפורמט של Google, WebP בלי איבוד איכות קטן בכ-26% מ-PNG, ו-WebP עם איבוד איכות קטן ב-25%–34% מ-JPEG באותה איכות נראית.

שימו לב למילה "בממוצע". PNG קטן עם מעט צבעים, כמו לוגו או אייקון, כבר דחוס מאוד. ההמרה שלו יכולה להוסיף משקל, כמו שראינו אצלנו. AVIF הוא פורמט חדש יותר שדוחס עוד יותר, ולפי Can I use, כ-97% מהגולשים בעולם משתמשים בדפדפן שתומך ב-WebP. בספארי התמיכה המלאה היא מגרסה 16.

פורמט	מתי להשתמש	הערה
JPEG	צילומים, כגיבוי לדפדפנים ישנים	ההמרה ל-WebP חוסכת כאן הכי הרבה
PNG	צילומי מסך, גרפיקה עם שקיפות	בקבצים קטנים בדקו אם WebP באמת קטן יותר
WebP	ברירת המחדל לרוב התמונות באתר	וורדפרס מקבל העלאה מגרסה 5.8
AVIF	כשרוצים לסחוט עוד משקל	וורדפרס תומך מגרסה 6.5, אם השרת תומך
SVG	לוגואים ואייקונים	וקטורי, קטן וחד. עדיף על PNG ועל WebP ללוגו

האם וורדפרס ממיר ל-WebP לבד?

לא. לפי הודעת צוות וורדפרס על גרסה 5.8, אפשר להעלות קובצי WebP, והגדלים הקטנים נוצרים באותו פורמט. אבל JPEG שהעליתם נשאר JPEG. תמיכה ב-AVIF נוספה בגרסה 6.5, ותלויה בספריית התמונות בשרת.

כדי לבדוק מה השרת שלכם תומך, היכנסו ל-Tools > Site Health > Info > Media Handling. בשרת קלאודוויז (Cloudways) שלנו, עם PHP 8.4, גם WebP וגם AVIF נתמכים.

איך ממירים תמונות ל-WebP בוורדפרס, שלב אחר שלב?

אנחנו משתמשים ב-Imagify, ולכן השלבים כאן מבוססים עליו. לא בדקנו תוספים אחרים, אז לא נמליץ עליהם. לפי עמוד התוסף, ההמרה ל-WebP ול-AVIF כלולה גם בתוכנית החינמית, עד 20MB של תמונות בחודש.

1. גבו את האתר לפני שמתחילים. בקלאודוויז זה גיבוי אפליקציה מהפאנל, בדקה.
2. התקינו את Imagify מ-Plugins > Add New והזינו מפתח API (נרשמים בחינם).
3. בהגדרות התוסף בחרו את פורמט היעד: WebP, AVIF או שניהם. אנחנו בחרנו WebP.
4. הפעילו את ההצגה של פורמטים חדשים ובחרו שיטה: תגית <picture> או כללי שכתוב (rewrite rules). פירוט בסעיף הבא.
5. בדקו אילו גדלי תמונה מסומנים לדחיסה. אצלנו התברר שהגדלים thumbnail, ‏medium, ‏medium_large ו-large לא מסומנים. התוסף רשם מאות שגיאות "not authorized" עליהם.
6. הריצו דחיסה גורפת (Bulk Optimization) לתמונות הקיימות.
7. נקו קאש: Breeze, ‏Varnish ו-Cloudflare אם יש לכם.
8. בדקו בפועל: פתחו את כלי המפתחים בדפדפן (F12), לשונית Network, סננו ל-Img, וראו בעמודת Type אם מגיע webp. השוו גם את הגודל מול המקור.

picture או rewrite rules: איזו שיטת הצגה לבחור?

בשיטת <picture>, התוסף עוטף כל תמונה ב-HTML עם שתי גרסאות, והדפדפן בוחר. זה עובד טוב מאחורי Cloudflare, כי ה-HTML זהה לכולם. החיסרון: תמונות רקע שמוגדרות ב-CSS לא מוחלפות.

בשיטת rewrite rules, השרת מחליט איזה קובץ להחזיר לפי מה שהדפדפן מבקש. לפי יומן השינויים בעמוד התוסף, Imagify ממליצה עליה לאתרים בלי CDN, ומציינת שתגיות picture עלולות לשבור עיצוב. אתר מאחורי Cloudflare או CDN אחר? התחילו ב-picture.

מה עם תמונות באלמנטור?

אלמנטור יוצר לפעמים עותקים מוקטנים משלו בתיקייה uploads/elementor/thumbs, מחוץ לספריית המדיה. בעמוד הבית שלנו, שבנוי באלמנטור, שש תמונות כאלה הוגשו כ-JPG רגיל, בלי גרסת WebP. תמונות רקע של סקשנים מוגדרות ב-CSS, ושיטת picture לא נוגעת בהן.

מה עושים: העלו את התמונה מראש בגודל הנכון ובפורמט WebP, ובחרו בווידג'ט גודל מספריית המדיה במקום גודל מותאם. עוד טיפים במדריך לאתר אלמנטור מהיר.

האם WebP משפר את ה-LCP?

רק אם התמונה הראשית יורדת במשקל. LCP הוא הזמן עד שהאלמנט הגדול בתצוגה הראשונה מופיע, ולפי web.dev היעד הוא 2.5 שניות או פחות. אצלנו התמונה הראשית בעמוד הבית מסומנת fetchpriority="high", וזה נכון, אבל גרסת ה-WebP שלה הייתה כבדה ב-9% מה-PNG. במקרה כזה ההמרה לא משפרת את ה-LCP, ולכן השבתנו את ה-WebP שלה ועכשיו מוגש ה-PNG.

מה לא מדדנו: LCP לפני ואחרי. זה דורש לשנות הגדרות באתר החי, ובדיקת PageSpeed חינמית חרגה ממכסת הבקשות היומית ב-7.11.2026. מדידה של LCP מוסבר במדריך ל-Core Web Vitals.

טעויות נפוצות בהמרה ל-WebP

להמיר הכול בלי לבדוק: לוגואים ואייקונים קטנים עלולים לגדול. אצלנו זה קרה ב-23% מהקבצים. השוו גדלים כמו בבדיקה שלמעלה, ואז החליפו ב-SVG או השביתו את ה-WebP הכבד.

לדחוס רק את התמונה המקורית: הדפדפן מקבל לרוב גודל מוקטן מתוך srcset. אם הגדלים האלה לא מסומנים לדחיסה, רוב הגולשים לא מרוויחים כלום.

לשכוח את הקאש: אחרי ההמרה, נקו את הקאש של Breeze, ‏Varnish ו-Cloudflare, אחרת יוגש ה-HTML הישן. על הקאש של Breeze במדריך ההגדרות המתקדמות.

לסמוך על Cloudflare שימיר: לפי התיעוד של Cloudflare, ‏Polish זמין רק בתוכניות Pro ומעלה, לא בחינמית.

לשכוח פונטים: תמונות הן רק חלק מהמשקל. באתר בעברית, פונטים כבדים הם חשוד נפוץ. ראו פונטים בעברית ומהירות.

שאלות נפוצות

מדריכים קשורים

• המדריך המלא להאצת אתר וורדפרס
• Core Web Vitals: מה זה LCP ואיך משפרים
• הגדרות מתקדמות ב-Breeze
• איך בונים אתר אלמנטור מהיר
• פונטים בעברית בלי להאט את האתר
• לפני שבוחרים שרת: הסקירה המלאה על קלאודוויז
• כל המדריכים בתחום: מהירות וביצועים

מקורות: Google: An image format for the Web, WordPress 5.8 adds WebP support, WordPress 6.5 adds AVIF support, Can I use: WebP, Imagify ב-WordPress.org, web.dev: Optimize LCP, Cloudflare Polish. המדידות באתר שלנו נמדדו ב-7.11.2026. המדריך נכתב ונבדק על ידי עשהאל דרייר · עודכן: 7.11.2026

גילוי נאות: זהו אתר עצמאי ואינו האתר הרשמי של Cloudways. חלק מהקישורים באתר הם קישורי שותפים – אם תירשמו דרכם נקבל עמלה, בלי עלות נוספת לכם. לפרטים המלאים