בגלריה שלפניכם מוצגים 48 קובצי SVG משלושה מודלים: Fable 5, Opus 5 ו-ox-alpha, על פני 16 משימות. אפשר להשוות את היצירות ולהצביע לכל משימה. ההצבעה מבטאת את העדפת המבקרים, ולא ציון כללי לאיכות המודל.
הקבצים נשמרו מסבב אוגוסט 2026 ומוצגים כחומר חזותי לעיון. הגלריה אינה טבלת בנצ׳מרק ממקור חיצוני, ולכן אין כאן דירוג איכות כמותי של המודלים.
איך לקרוא את הגלריה
SVG הוא פורמט מבוסס XML לתיאור גרפיקה דו־ממדית, כפי שמוסבר בתיעוד MDN ובמפרט SVG של W3C. מכיוון שהתמונה מתוארת בקוד, אפשר לבדוק גם את המבנה ואת משקל הקובץ, לצד המראה.
הבדיקות עונות על שאלות שונות. קובץ יכול להיות תקין מבחינת XML אך להציג שעון בשעה שגויה. קובץ קטן יותר יכול לאבד פרט חשוב. תמונה שהקהל מעדיף אינה בהכרח זו שעומדת טוב יותר באילוץ המקורי.
גלריית דוגמאות SVG
הקבצים מוצגים לצפייה. ההצבעות בכל דוגמה מבטאות העדפה חזותית של המבקרים; הן אינן ציון בנצ׳מרק של מודל.
1שעון אנלוגי 10:10
—
—
—2ספירה מדויקת
—
—
—3חסימה ועומק
—
—
—4היגיון פיזיקלי
—
—
—5תרשים נתונים
—
—
—6גלגלי שיניים
—
—
—7איזומטרי
—
—
—8טיפוגרפיה ולוגו
—
—
—9אנימציה SMIL
—
—
—10אילוץ מינימליסטי
—
—
—11תיקון SVG שבור
—
—
—12אופטימיזציה
—
—
—13תרשים טכני
—
—
—14ידע עולם
—
—
—15קומפוזיציה יצירתית
—
—
—16חומריות ופילטרים
—
—
—מה אפשר ללמוד מהדוגמאות
אפשר לבחון את המראה של כל קובץ, את מבנה הקוד ואת התאמתו לצורך עיצובי. אי אפשר להסיק מקובץ בודד או מבחירה חזותית על שיעור הצלחה כללי של מודל.
הגלריה אינה מספקת מערך הערכה חיצוני אחיד עם כל הפרומפטים והתצורות. לכן היא משמשת להמחשה, ולא לדירוג בין גרסאות המודלים.
מה לבדוק בכל אחת מ-16 המשימות
הטבלה הבאה מציעה דרך לקרוא את היצירות לפי שמות המשימות שנשמרו. היא אינה שחזור של הוראות ההרצה המקוריות:
| משימה | בדיקה שימושית לצופה |
|---|---|
| 1. שעון אנלוגי | מיקום המחוגים ויחסם לסימונים |
| 2. ספירה מדויקת | מספר העצמים והבחנה ביניהם |
| 3. חסימה ועומק | סדר שכבות והמשכיות עצם מוסתר |
| 4. היגיון פיזיקלי | קשר בין צורה, תמיכה וכיוון תנועה |
| 5. תרשים נתונים | תוויות, יחידות ויחסים בין ערכים |
| 6. גלגלי שיניים | התאמת המבנה והתנועה המוצגת |
| 7. איזומטרי | עקביות זוויות ומפגש קווים |
| 8. טיפוגרפיה ולוגו | קריאות, מרווחים ופרופורציות |
| 9. אנימציה SMIL | רצף תנועה ולולאה בדפדפן |
| 10. אילוץ מינימליסטי | בהירות עם מספר מצומצם של רכיבים |
| 11. תיקון SVG שבור | קריאות הקובץ והמראה לאחר התיקון |
| 12. אופטימיזציה | שינוי משקל לצד שמירה על התמונה |
| 13. תרשים טכני | חיבורים, תוויות והבנת המבנה |
| 14. ידע עולם | התאמת פרטים לעצם המתואר |
| 15. קומפוזיציה יצירתית | היררכיה, איזון וקריאות המסר |
| 16. חומריות ופילטרים | השפעת התאורה והאפקטים על המראה |
בלי הפרומפט המקורי, חלק מהבדיקות הן התרשמות או שאלה פתוחה. אל תסמנו עמידה באילוץ שאין לכם את נוסחו.
תקינות הקובץ אינה כל האיכות
קובץ שנפתח בדפדפן יכול עדיין להכיל טקסט לא קריא, מספר עצמים שגוי או חיבור מבלבל בתרשים. בדקו גם את המראה בגודל שבו התמונה תוצג בפועל, במיוחד בתצוגה קטנה.
מפרט הפורמט והדרישות של הפרויקט הם הבסיס לבדיקת הקובץ. הם אינם מעניקים למודל ציון בנצ׳מרק.
אופטימיזציה בלי לאבד את התמונה
צמצום קוד מיותר יכול להקל על טעינת SVG, אבל קובץ קטן יותר אינו בהכרח תוצאה טובה יותר. יש לבדוק שטקסט, קווי מתאר, מסכות ואנימציות נשמרו אחרי השינוי.
מומלץ לשמור עותק מקור ולהשוות אליו את התוצאה במידות התצוגה הנדרשות. נתוני גודל יכולים לעזור בבדיקת קובץ מסוים; הם אינם דירוג איכות של המודל שיצר אותו.
מדריכים ועדכונים לעבודה עם AI
מדריכים בעברית, עדכוני כלים ודוגמאות לעבודה עם בינה מלאכותית.
מה אומרת הצבעת הקהל
ההצבעה פתוחה למבקרים שבוחרים להשתתף. אין כאן מדגם מייצג, מבחן עיוור מלא או משקל זהה לכל משימה. שמות המודלים גלויים, ומבקר יכול להצביע במספר משימות.
לכן ״קולות״ אינם ״אנשים״, ואחוז הקולות אינו שיעור הצלחה במשימות. מספר קטן של הצבעות גם אינו מספיק כדי להסיק העדפה יציבה. השתמשו בתוצאה כדי לראות מה הקהל מעדיף, לצד בחינת הקובץ והאילוצים.
השם ox-alpha נשמר כתווית הסבב. לפי OpenRouter הוא נחשף בהמשך כGLM-5.3-Flash. אין להסיק מכך שכל גרסה וספק של GLM כיום יפיקו את אותה תוצאה.
איך לבחור דוגמה לשימוש בפרויקט
בחרו יצירה שמתאימה למסר ולמקום שבו תופיע. בדקו ניגודיות, קריאות, גודל ומשמעות של כל רכיב. תרשים צריך להסביר את התהליך גם בלי לדעת כיצד נוצר.
מדריך בחירת המודלים מציג שיקולים לעבודה עם Claude. לתמונות רסטר אפשר לעיין במדריך כלי התמונות.
איך בוחנים יצירה לעומק
דוגמה לקריאה ביקורתית: תרשים תהליך
בחרו בגלריה תרשים שמחבר בין כמה שלבים. לפני שמתרשמים מהצבעים, נסו לתאר במילים מאיפה מתחילים, לאן ממשיכים ואיך יודעים שהתהליך הסתיים. אם נדרשת השערה כדי להבין לאיזה רכיב מגיע חץ, יש בעיית בהירות שצריך לבדוק. אפשר לבחון אותה גם בלי הפרומפט המקורי, אך אי אפשר לטעון שהמודל הפר דרישה מסוימת אם אינכם יודעים מה נכתב בה.
להבחין בין חיבור חזותי לחיבור בעל משמעות
חץ יכול להיראות מדויק ועדיין לקשר בין השלבים הלא נכונים. למשל, בתהליך קליטת פנייה, בדיקת המידע אמורה להוביל למסלול מתאים לפי התוצאה. אם שני הענפים מחוברים לאותו יעד בלי הסבר, הקורא אינו מבין את ההבדל. התחילו ממשמעות התרשים, ורק אחר כך בדקו אם הקווים ישרים והמרווחים שווים. ליטוש הצורות לבדו לא יתקן תהליך שאינו מוסבר.
לבדוק תוויות ורכיבים בגודל השימוש
תווית שנראית נוחה בחלון גדול יכולה להיות זעירה בתוך כרטיס או שקופית. הציגו את התרשים במידה הדרושה ושאלו אם אפשר לקרוא בלי להתאמץ. בדקו גם חפיפה בין טקסט לחצים, במיוחד בשמות ארוכים בעברית. אם צריך להגדיל את הקובץ כדי להבין כל שלב, ייתכן שכדאי לצמצם תוויות או לפצל את התרשים, במקום לדחוס אליו עוד פירוט.
להציע תיקון מוגדר לקובץ
נוסח תיקון מועיל יכול להיות: ״העבר את התווית מעל החץ, הגדל את המרווח בין שני השלבים ושמור על סדרם״. לאחר השינוי, בדקו גם שהחץ עדיין מגיע ליעד הנכון ושהטקסט לא נחתך. שמרו עותק לפני העריכה כדי להשוות. זו דרך לעבוד עם התוצר עצמו, בלי לייחס למודל יכולת כללית מתוך הצלחה או טעות בקובץ יחיד.
להבין את מסגרת התצוגה
לפי תיעוד viewBox ב־MDN, המאפיין מגדיר את אזור מערכת הקואורדינטות שמוצג. הוא חשוב כאשר רוצים להתאים את הגרפיקה למידות שונות. קובץ יכול להכיל צורות שנראות נכונות בנפרד, אך מסגרת שאינה מתאימה להן תשאיר שטח ריק גדול או תוציא פרטים מהאזור הנראה. לכן כדאי לבדוק את גבולות התמונה לצד גבולות העצמים.
בדוגמה של סמל עגול, חפשו אם העיגול ממורכז ואם הקו החיצוני נשאר שלם בכל גודל. בתרשים רחב, בדקו שהחץ האחרון והתווית שלו נכללים בתצוגה. אל תתקנו כל חיתוך באמצעות הגדלת רוחב העמוד: לפעמים מקור הבעיה הוא במסמך ה־SVG. מצד שני, קובץ תקין יכול להיחתך בגלל הגדרת התיבה שמציגה אותו באתר. צריך לזהות באיזה צד נמצא הפער.
צבע ותנועה צריכים להסביר משהו
צבע יכול לעזור להבחין בין מצבים, אך כדאי שההבדל יהיה מובן גם דרך תווית או צורה. אם כל הענפים נבדלים רק בגוון עדין, חלק מהקוראים יתקשו לפרש את התרשים. בחרו צבע להדגשה לפי המשמעות, ושמרו את אותו שימוש לאורך היצירה. הוספת צבעים רבים אינה מבטיחה קריאות, ולעיתים היא גורמת לרכיב משני להתחרות בנקודת ההתחלה.
באנימציה, שימו לב אם התנועה תורמת להבנת הרעיון או מפריעה לקרוא. אפשר לבדוק איך נראית היצירה ברגע ההתחלה, במהלך הלולאה ובמצב ללא תנועה. שעון או גלגלי שיניים דורשים גם קשר הגיוני בין רכיבים: תנועה חלקה אינה מוכיחה שהיחסים ביניהם נכונים. אם משתמשים ביצירה באתר, בדקו כיצד סביבת ההטמעה מתייחסת לאנימציה ולהעדפות המשתמש, ולא רק כיצד היא נראית בקובץ שנפתח ישירות.
משקל הקובץ בהקשר של השימוש
לוגו קטן שחוזר בכל עמוד ותרשים מפורט שמופיע פעם אחת מציבים צרכים שונים. בדקו מה תורם למשקל: מספר רב של צורות, פילטרים או מידע שאינו משפיע על התוצאה. צמצום צריך להתחיל בהבנת הקובץ. אם כלי אופטימיזציה מסיר רכיב שנראה מיותר, השוו גם מצבים שונים באנימציה וחלקים שמופיעים רק בחיתוך או במסכה, כדי שלא תאשרו בטעות תוצאה חלקית.
שמרו קובץ מקור שנוח לערוך לצד גרסה המיועדת לפרסום. כשמגיעה בקשה לשנות תווית, העבודה קלה יותר אם המבנה והשמות נשמרו. גרסה קטנה מאוד עם קוד דחוס יכולה להתאים למסירה, אך להיות פחות נוחה לתחזוקה. ההחלטה תלויה במי שיצטרך לשנות את הקובץ בעתיד ובתדירות השינויים, ולא רק במספר הבתים שהצלחתם לחסוך.
להפוך התרשמות למשוב שימושי
אם מפרסמים את היצירה לצד הסבר, ודאו שהכיתוב מתאר את הקובץ שנבחר ולא את מה שרציתם שיופיע בו. בתרשים שאין בו תוויות, למשל, אל תכתבו שהשלבים מפורטים במלואם. הפער בין תיאור היצירה לתוכן הנראה חשוב לא פחות משגיאה בצבע או בגודל, משום שהוא משנה את הציפייה של הקורא.
במקום לכתוב שהיצירה ״טובה יותר״, ציינו מה הצליח: קל לקרוא את המספרים, סדר השלבים ברור או התנועה ממחישה את הפעולה. אם יש פער, תארו אותו באותה רמת דיוק. משוב כזה מאפשר לבחור יצירה לפרויקט ולשפר אותה. הוא אינו דורש המצאת ציון, ואינו הופך את אוסף הדוגמאות למבחן השוואתי שהמתודולוגיה שלו לא תועדה.
אפשר לבחור שתי יצירות שמצליחות בהיבטים שונים וללמוד מכל אחת. אחת עשויה להציג קומפוזיציה ברורה, והשנייה טיפול טוב יותר בתוויות. לפני שימוש, חזרו לדרישות הפרויקט שלכם ובדקו אם הרכיבים האלה מתאימים לו. הדוגמה בגלריה היא נקודת פתיחה לעבודה: המסירה הסופית צריכה להיבדק במידות, בצבעים ובסביבת התצוגה שבהם הקהל יפגוש אותה.
שאלות נפוצות
האם זה מבחן של מודלים ליצירת תמונות?
אלה דוגמאות ליצירת קוד SVG בידי מודלים. זהו תוצר שונה מתמונת רסטר שנוצרת באמצעות כלי כמו אלו שבמדריך התמונות.
האם הגלריה מוכיחה עמידה בכל הדרישות?
לא. חלק מפרטי ההוראות והתצורות אינם זמינים כחבילת הערכה מלאה. הדוגמאות מאפשרות צפייה והשוואת מראה, ולא קביעה של שיעור הצלחה.
האם הקבצים הורצו מחדש בספטמבר?
לא. מוצגים הקבצים הקיימים. אין כאן הרצת מודלים חדשה או ציון שנוצר מטעמנו.
איך לקרוא דירוגי SVG ברשת?
חפשו מקור ראשוני שמפרסם את המשימות, התצורה ושיטת הניקוד. אל תחליפו נתונים חסרים בהצבעות גלריה או בגודל הקובץ. המפרט של W3C מתאר את SVG עצמו ואינו מדרג מודלים.