רקע וידאו לאתר: אתר שזז כמו פרסומת, בלי צלם

למה רקע שזז לאט נראה יקר?

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

פעם זה דרש יום צילום. היום זה ארבעה שלבים, וכל שלב הוא משפט או שניים, וגם לא צריך להיות טכנולוגי בשביל זה. הנה התהליך המלא, עם הפרומפטים.

1. תמונת פתיחה ב-Nano Banana Pro
2. תנועה איטית ב-Seedance 2.0
3. דף נחיתה סביב הווידאו בקלוד דיזיין
4. העברה לקלוד קוד, שבונה את האתר

שלב 1: איך מייצרים את תמונת הפתיחה?

Nano Banana Pro הוא מודל התמונות של גוגל, שהושק ב-20 בנובמבר 2025. לפי הבלוג של גוגל, הוא מייצר תמונות עד רזולוציית 4K, וזמין באפליקציית Gemini כשבוחרים "Create images" עם מודל ה-Thinking.

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

Wide cinematic sky at golden hour, soft layered clouds, warm light from the left,
calm and premium mood, empty lower third for a headline,
no text, no people, photorealistic, 16:9

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

שלב 2: איך גורמים לתמונה לזוז?

Seedance 2.0 הוא מודל הווידאו של ByteDance Seed. לפי העמוד הרשמי, הוא מקבל טקסט, תמונות, אודיו ווידאו כקלט, ויש לו מצב של תמונה לווידאו. זה המצב שאתם צריכים: מעלים את תמונת הפתיחה, וכותבים כמה היא זזה.

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

Extremely slow motion. The clouds barely move, drifting gently to the right.
Static camera, no zoom, no cuts, no new objects.
Keep the light and colors exactly as in the image. Seamless, calm, 10 seconds.

אם התוצאה זזה יותר מדי, מייצרים שוב עם "even slower, almost still". שווה לייצר שתיים או שלוש גרסאות ולבחור. Seedance זמין דרך כפתורי Try now ו-Get API בעמוד הרשמי, ובפלטפורמות יצירה כמו Higgsfield, שעליה כתבתי במדריך Higgsfield MCP.

שלב 3: איך בונים סביב הווידאו דף נחיתה?

Claude Design הוא כלי העיצוב של אנתרופיק, שהושק ב-17 באפריל 2026. לפי ההודעה הרשמית, הוא זמין בגרסת מחקר למנויי Pro, Max, Team ו-Enterprise, והשימוש בו יורד מהמכסה של המנוי.

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

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

אחרי הטיוטה הראשונה, משחקים עם הפאנל של ה-Tweaks: צבעים, גודל כותרת, ריווח. זה מהיר יותר מלתאר במילים כל שינוי קטן. על הכלי עצמו כתבתי במדריך Claude Design.

שלב 4: איך זה הופך לאתר אמיתי?

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

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

ffmpeg -i hero.mp4 -an -vf "scale=1920:-2,fps=24" -c:v libx264 -crf 28 \
  -preset slow -movflags +faststart hero-web.mp4
ffmpeg -i hero.mp4 -frames:v 1 -q:v 3 hero-poster.jpg

השני: תמונת פוסטר, שמופיעה עד שהווידאו נטען, ותגית וידאו שמתנגנת לבד בכל דפדפן. בדפדפנים ניגון אוטומטי עובד רק כשהווידאו מושתק, וב-iPhone צריך גם playsinline:

<video autoplay muted loop playsinline preload="metadata"
       poster="hero-poster.jpg" aria-hidden="true">
  <source src="hero-web.mp4" type="video/mp4">
</video>

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

חשוב לדעת

• זה עולה כסף. Seedance ו-Nano Banana Pro מחויבים לפי יצירה ברוב הפלטפורמות. לפי גוגל, משתמשי Gemini בחינם מקבלים מכסה מוגבלת של Nano Banana Pro, ואחריה חוזרים למודל הרגיל.
• סימן מים. לפי הבלוג של גוגל, בתמונות של משתמשי Gemini בחינם ו-Google AI Pro נשאר סימן מים גלוי. ב-Google AI Studio ובמנוי Ultra הוא לא מופיע. בכל מקרה יש בתמונות גם סימן מים בלתי נראה (SynthID).
• קלוד דיזיין רק במנוי בתשלום, בגרסת מחקר. אין מנוי? אפשר לדלג על שלב 3 ולבקש את הדף ישר מקלוד קוד.
• מהירות טעינה. וידאו לא דחוס יכול להאט את האתר מאוד בטלפון, ולפגוע גם בגוגל. תבדקו את הדף בטלפון על רשת סלולרית לפני שמעלים.
• זכויות. אל תעלו ל-Seedance תמונה של אדם אמיתי או לוגו שאינו שלכם בלי רשות.