מפיקסלים של רסטר לנתיבים וקטוריים
קובצי PNG, JPEG, JPG, WebP, AVIF ו-BMP שומרים רשת של פיקסלים. SVG שומר צורות, מילויים וקואורדינטות שתוכנות תואמות יכולות לצייר מחדש בגדלים שונים. המרה לווקטור מנתחת פיקסלים שכנים, מקבצת אזורים חזותיים, מתחקה אחר גבולותיהם ומייצגת את הגבולות בקירוב באמצעות נתיבים וקטוריים.
שינוי שם הקובץ או הכנסת מפת סיביות למעטפת SVG אינם מבצעים את השחזור הזה. VectorizeThis יוצר גאומטריית SVG ממשית מתוך תוכן המקור הגלוי.
העיבוד נשאר בדפדפן
תמונות נתמכות מפוענחות, מומרות לנתיבים, מוערכות ומוכנות במכשיר המשתמש. בתהליך ההמרה הרגיל, תוכן תמונת המקור אינו מועלה לשרת המרה. התכנון המבוסס על עיבוד מקומי מאפשר גם להשוות כמה תוצאות אפשריות בלי להמתין לתקשורת עם שרת בכל שינוי.
משווים תוצאות המרה
אין תצורת המרה אחת שמנצחת בכל תמונה. אייקון שטוח וצילום מכילים מידע שונה, וקובץ לחיתוך מציב דרישות שונות מאיור לאתר.
בגרפיקה מושוות שש שיטות לצבע יחיד, או 10, 16, 18 או 20 תוצאות צבעוניות על פני עד ארבעה פרופילי פלטה נתמכים. כאשר נשארות כמה תוצאות שימושיות, בוחרים פלטה ולאחר מכן SVG. צילום ואיור מורכב ממשיכים להשתמש בממטב הייעודי שלהם. שימושי ייצור שומרים על מידות פיזיות ובדיקות גאומטריה, ו-SVGO מושבת בהם. תיעוד הבחירה האוטומטית מסביר את התהליך.
לכן “התוצאה הטובה ביותר” היא זו שמציעה את האיזון הכולל הטוב ביותר עבור התמונה והשימוש המיועד. היא אינה בהכרח התוצאה עם ציון דמיון הפיקסלים הגבוה ביותר או הקובץ הקטן ביותר.
השימוש המיועד משנה את סדר העדיפויות
- אתרים, לוגואים ואייקונים נותנים עדיפות למראה מסודר, לצבעים הניתנים לעריכה ולקוד יעיל.
- צילומים ואיורים מורכבים שומרים יותר צבע ופרטים, ולכן עשויים לדרוש יותר נתיבים.
- תהליכי Cricut, ויניל, לייזר ו-CNC נותנים משקל רב יותר לגאומטריה שימושית, לאזורים סגורים, למידות פיזיות משמעותיות ולאזהרות על צורות שעלולות להיות קשות לייצור.
- שימוש אוטומטי מאזן בין נאמנות חזותית כללית לפלט שניתן לעבוד איתו כאשר היעד עדיין אינו ידוע.
בדיקות ייצור יכולות לזהות בעיות אפשריות, אך אינן יכולות להתחשב בכל מכונה, חומר, להב, רוחב חיתוך, הגדרת ייבוא או כלל ייחודי ליישום.
הפלט עובר הכנה ובדיקה
לאחר בניית הנתיבים, VectorizeThis מכין את ה-SVG לתאימות עם דפדפנים ועורכים, מסיר קוד מיותר ומחיל את אפשרויות הפלט שנבחרו. הוא יכול להציג פלטה קטנה לשינוי צבעים, להשתמש ב-currentColor, להסיר רקע שזוהה, לחתוך לתוכן המשמעותי ולעצב את הקוד לפי בקשה.
אפשר גם לבדוק בתוצאה מורכבות עודפת, איים זעירים, נתיבים פתוחים ותנאים נוספים הרלוונטיים לתהליך העבודה שנבחר. אזהרה היא מידע לבדיקה; היא אינה הוכחה שהקובץ ייכשל.
להמרה אוטומטית לנתיבים יש מגבלות
גרפיקה ברורה, בגודל מספק ועם קצוות מובחנים יוצרת בדרך כלל נתיבים פשוטים ונאמנים יותר למקור. רעש, פגמי JPEG, טשטוש, מעברי צבע, שקיפות, מרקם עדין וצבעים חופפים עשויים לדרוש פרשנות. SVG שנוצר מהתמונה אינו יכול לשחזר פרטים שחסרו במקור, וייתכן שלא ישחזר את בחירות המבנה של המעצב המקורי.
התצוגה זו לצד זו והבקרות הידניות קיימות משום ששיקול הדעת החזותי של המשתמש עדיין חשוב. יש לבדוק קובצי ייצור בתוכנה ובחומר המיועדים לפני שמתחייבים לייצור.
איך נבדקים שינויים
שינויים בלוגיקת בניית הנתיבים והדירוג נבדקים מול תמונות מייצגות הכוללות אייקונים, לוגואים, רישומי קו, צבעים מרובים, מקורות ברזולוציה נמוכה, צילומים ודוגמאות המיועדות לייצור. בדיקות אוטומטיות מגינות על התנהגות חשובה בדפדפן ועל כללי הפלט, והשוואות ביצועים ואיכות עוזרות לזהות פגיעה באיכות לפני הפריסה.
איך נוצר התוכן הטכני שלנו
ההסברים הטכניים ב-VectorizeThis מבוססים על ההתנהגות בפועל של הממיר, על בדיקות מול תמונות מקור מייצגות ועל מפרטים ראשוניים כגון מפרט SVG של W3C. הדפים נבדקים כאשר התנהגות הממיר משתנה באופן מהותי.
את VectorizeThis פיתח Maxime Desrosiers. לדיווח על פלט שאינו מתנהג כמצופה, אפשר להשתמש באפשרות שליחת חוות דעת בממיר או לבקר בדף יצירת קשר.