תמונות בדף נחיתה: למה AVIF גורם לגוגל לאהוב אתכם

מה זה AVIF, ולמה כולם מדברים עליו?

AVIF (AV1 Image File Format) הוא פורמט תמונה חדש שיצא ב-2019 וקיבל תמיכה גורפת ב-2022. הוא מבוסס על הקודק AV1, אותו קודק שמשמש את Netflix ו-YouTube לדחיסת וידאו. התוצאה: דחיסה טובה פי 2 מ-JPEG וב-30% מ-WebP, באיכות זהה.

דוגמה ממשית מהשטח: תמונת hero של דף נחיתה ב-Wisepage, ברוחב 1920px, באיכות גבוהה. ב-JPEG: 280KB. ב-WebP: 145KB. ב-AVIF: 72KB. אותה תמונה, אותו הגולש, פחות מ-25% מהמשקל המקורי.

ההבדל במספרים

• JPEG (1992) — תקן ותיק, נתמך בכל מקום. אבל לא יעיל בקנה מידה מודרני. אובדן איכות בדחיסה גבוהה (פיקסל'יזציה בקצוות).
• WebP (2010) — של גוגל. דחוס ב-30-40% יותר מ-JPEG. נתמך בכל הדפדפנים המודרניים (95%+).
• AVIF (2019) — הסטנדרט החדש. דחוס ב-50-70% יותר מ-JPEG, ב-30% יותר מ-WebP. תמיכה: Chrome/Edge/Firefox/Safari 16+. מעל 95% מהגולשים בישראל.

למה גוגל אוהב AVIF

גוגל לא רק "אוהב" — הוא ממש מדבר על AVIF במסמכי ה-Web.dev שלהם כפורמט המומלץ ל-2026. הסיבה: Core Web Vitals. תמונה ב-AVIF נטענת ב-50% פחות זמן, מה שמשפר ישירות את ה-LCP (Largest Contentful Paint). LCP טוב = ציון Lighthouse גבוה = דירוג טוב יותר ב-SEO ועלות נמוכה יותר על קליק.

בנוסף, AVIF תומך ב-HDR ובשקיפות (alpha channel) — שני דברים שהם רלוונטיים לעיצוב מודרני. לוגואים שקופים, רקעים גרדיאנט — הכל בקובץ אחד קטן.

איך לעבור בלי כאב ראש

דרך 1: שירות אוטומטי (המומלץ)

שירותים כמו Cloudinary, ImageKit, או Bunny.net עושים את העבודה אוטומטית. אתם מעלים JPEG/PNG כרגיל, והם מגישים אוטומטית AVIF לגולשים שתומכים בזה, ו-WebP לאלה שלא, ו-JPEG לאלה הוותיקים. זה נקרא "Format Negotiation" — הדפדפן אומר מה הוא יודע, השרת מחזיר את הפורמט הכי טוב.

ב-Wisepage, כל תמונה שאתם מעלים עוברת אוטומטית דרך Cloudinary. אתם מקבלים JPEG/PNG, הגולש מקבל AVIF. אפס הגדרות, אפס תקלות.

דרך 2: ידנית עם squoosh.app

אם אין לכם שירות, יש כלי חינמי מצוין: squoosh.app (של גוגל). גוררים תמונה, בוחרים AVIF, ומקבלים תמונה דחוסה להורדה. עובד מצוין לפרויקטים קטנים. החיסרון: כל תמונה ידנית, ועליכם להתאים את האיכות לכל אחת.

איזה איכות לבחור?

AVIF, כמו JPEG, תומך באיכות 1-100. אבל בניגוד ל-JPEG, איכות 70 ב-AVIF נראה כמו JPEG 90 — אין הבדל ויזואלי. ההמלצה לדפי נחיתה: איכות 60-75 לתמונות תוכן, איכות 80-90 לתמונות הירו. בכל מקרה, להריץ דרך squoosh ולראות בעין.

בעיות תאימות?

הדאגה היחידה: ספארי לפני iOS 16 (כ-1.5% מהגולשים בישראל ב-2026). אם משתמשים בשירות אוטומטי כמו Cloudinary, הוא נופל אוטומטית ל-WebP או JPEG עבור דפדפנים ישנים. בעבודה ידנית, צריך להגדיר fallback בקוד עם `<picture>`:

במקום `<img src="hero.avif">`, השתמשו ב-`<picture>` עם 3 sources: AVIF ראשון, WebP שני, JPEG fallback. הדפדפן יקבל את הראשון שהוא תומך בו. ב-Next.js עם `next/image`, זה קורה אוטומטית — אין צורך לכתוב את זה ידנית.

שורה תחתונה

ב-2026, JPEG בדף נחיתה זה כמו לשלם דמי משלוח על מכתב במקום לשלוח באימייל. עוד עובד, אבל אבסורד. AVIF הוא ברירת המחדל החדשה, כל הדפדפנים המודרניים תומכים, וכל שירות תמונות אוטומטי עובד אתו. הסיבה היחידה לא לעבור — חוסר ידע. עכשיו יש לכם.