כיווץ תמונות לאתר — המדריך המקצועי
תמונות לא מכווצות הן הגורם הנפוץ ביותר לאטיות בדפי אינטרנט — ובישראל, שם מרבית הגלישה היא מסלולרי, כל שנייה נוספת בטעינה עולה בלקוחות. מחקרים של Google ו-Deloitte מראים כי כל עיכוב של שנייה אחת בטעינה מוריד את שיעור ההמרה ב-7%. תמונה לא מכווצת שמשקלה 3MB יכולה לשמש את אותו הצורך ב-180–300KB — ועדיין להיראות זהה בדפדפן. כיווץ תמונות לא אומר קורבן על איכות; הוא אומר הסרת מטה-דאטה מיותר, ייעול צבעים, ובחירת פורמט נכון.
פורמט WebP שפותח על ידי Google מציע כיווץ של 25–35% ביחס ל-JPEG ושל עד 50% ביחס ל-PNG, תוך שמירה על איכות ותמיכה בשקיפות. נכון ל-2025, כל הדפדפנים הראשיים (Chrome, Safari, Firefox, Edge) תומכים ב-WebP. אם האתר שלכם עדיין מגיש JPEG ו-PNG בלבד — אתם משלמים מחיר מיותר בביצועים. כלי הכיווץ שלנו ממיר תמונות ל-WebP ישירות בדפדפן, בלי העלאה לשרת חיצוני — פרטיות מלאה.
עבור אתרים עם תמונות רבות (גלריות, חנויות, בלוגים), Lazy Loading הוא כלי חובה נוסף. טכניקה זו גורמת לדפדפן לטעון תמונה רק כשהמשתמש מגיע לאזור שלה בדף — חוסכת טעינה ראשונית כבדה. ב-WordPress ניתן להפעיל Lazy Loading אוטומטית; ב-HTML5 פשוט מוסיפים את המאפיין loading="lazy" לכל תג img. שילוב כיווץ + WebP + Lazy Loading יכול לשפר את ציון ה-LCP (Largest Contentful Paint) של האתר שלכם בעשרות אחוזים.
WebP vs JPEG vs PNG
JPEG — מצוין לתצלומים, אין שקיפות. PNG — שקיפות כן, אבל כבד. WebP — הטוב מכולם: קל כמו JPEG (או יותר), תומך בשקיפות כמו PNG. לאתר מודרני: WebP לכל התמונות, PNG רק לאיקונים עם שקיפות שלא הומרו, SVG לוגואים ואיורים.
תמונות ו-Core Web Vitals
Google מדרג אתרים לפי Core Web Vitals. LCP (הטעינה של הרכיב הגדול ביותר) מושפע ישירות מגודל תמונת הגיבור. LCP טוב = מתחת ל-2.5 שניות. CLS (קפיצות פריסה) מושפע מתמונות ללא מימדים מוגדרים. תמיד הוסיפו width ו-height לתגי img.
Lazy Loading — טעינה חכמה
תמונות מחוץ לאזור הנראה לעין (below the fold) לא צריכות להיטען מיד. הוסיפו loading="lazy" לכל תמונה שלא בהירו. ב-WordPress, גרסה 5.5 ומעלה מפעילה זאת אוטומטית. שימו לב: אל תוסיפו lazy לתמונת הגיבור — היא חייבת להיטען מיד.
Alt Text — נגישות ו-SEO
Alt text הוא טקסט חלופי לתמונה שגוגל ו-screen readers קוראים. תמונה ללא alt text "אינה קיימת" בעיני גוגל. כתבו alt text תיאורי וטבעי: "תמונת לוגו של חברת X" לא "logo". תמונות דקורטיביות בלבד — השאירו alt="" (ריק, לא מחוסר). זוהי גם דרישת חוק הנגישות בישראל.
שאלות נפוצות
לרוב הצרכים, איכות של 75–85% בכיווץ JPEG/WebP היא "נקודת המתיקה" — חיסכון משמעותי במשקל (40–60%) בלי פגיעה נראית לעין. מתחת ל-70% מתחילות להיראות "ארטיפקטים" (pixels מרובעים, ערפול). מעל 90% — קובץ כבד כמעט כמו המקור. בכלי שלנו, ברירת המחדל 82% מספקת איזון מצוין. לתמונות גיבור (hero images) שיוצגו בגדול — שווה לשמור על 85%+.
כן, ישירות ועקיפות. Google משתמש במהירות הדף כגורם דירוג מאז 2010, ובניידים מאז 2018. Core Web Vitals (שהפכו לגורם דירוג רשמי ב-2021) מושפעים ישירות מגודל תמונות — בעיקר ה-LCP. בנוסף, alt text תורם ל-SEO תמונות: גוגל יכול לדרג תמונות ב-Google Images ולהפנות תנועה. אתר עם תמונות מכווצות כהלכה ייטען מהר יותר, ידורג גבוה יותר, ויניב פחות נטישות.
כיווץ ללא אובדן (Lossless) — מוחק מטה-דאטה ומייעל את מבנה הקובץ בלי לגעת בפיקסלים. הקובץ קטן ב-10–20%, האיכות זהה למקור. מתאים ללוגואים, גרפיקה, PNG. כיווץ עם אובדן (Lossy) — מורד מידע שהעין האנושית לא מבחינה בו. הקובץ קטן ב-40–80%, ייתכן פגיעה זניחה בחדות. מתאים לתצלומים. הכלי שלנו מיישם כיווץ עם אובדן בעם שמירה על האיכות הנבחרת.
תלוי בשימוש: תמונת גיבור (Hero) — מקסימום 1920px רוחב, מתחת ל-300KB. תמונת מוצר בגלריה — 800–1200px, מתחת ל-150KB. תמונת תוצאה/כרטיס (card) — 600px, מתחת ל-80KB. תמונת תמונת פרופיל/אווטאר — 200–400px, מתחת ל-40KB. ב-Retina (2x), הכפילו את גודל הפיקסלים אך שמרו על משקל זהה בקובץ WebP מכווץ.
כן. תוספים כמו ShortPixel, Smush ו-Imagify מכווצים תמונות אוטומטית בהעלאה ויכולים לעבד את הספרייה הקיימת. Imagify ו-ShortPixel גם ממירים ל-WebP. ל-WordPress מ-5.8 ומעלה יש תמיכה ב-WebP מובנית. אפשרות נוספת: Cloudflare שמציע המרת תמונות ל-WebP אוטומטית בתוכנית Pro. לאתרים קטנים — כיווץ ידני בכלי שלנו לפני ההעלאה הוא אפשרות פשוטה וחינמית.
רוצה לדעת ראשון כשיוצאים כלים חדשים?
ניוזלטר שבועי · כלים חינמיים חדשים, עדכוני AI שמשנים את המשחק, וטיפים שמניעים עסקים קדימה — ישירות לתיבה שלך.
בחרו מה אתם צריכים ונתחיל מיד
מגיע לכם ייעוץ דיגיטלי חינמי
30 דקות עם ג'וני — נגלה ביחד מה יביא לכם יותר לקוחות מהאינטרנט.
ההצעה מוגבלת לפגישות הפנויות השבוע