בחירת התוצאה ובקרות בניית הנתיבים
השימושים אתר, לוגו וייצור משווים שיטות בניית נתיבים שנבדקו. אם נשארות כמה פלטות רלוונטיות, בוחרים פלטה ולאחר מכן SVG; שלבים שאין בהם צורך נעקפים. התוויות סופרות צבעים גלויים בתוצאה המוגמרת, כולל לבן אך ללא שקיפות. שינוי בחירה פותח שוב את ההשוואה. צילום ואיור מורכב שומרים על הממטב הקיים שלהם.
גרפיקה בצבע יחיד משווה שש שיטות. גרפיקה צבעונית בודקת עד ארבעה פרופילים נתמכים עם 10, 8, 6 או 5 תוצאות לכל פרופיל ככל שמספר הפרופילים גדל מאחד לארבעה. מדריך הבחירה האוטומטית מסביר את ההשוואה ואת כללי הדילוג.
הגדרות המוצגות כברירת מחדל
VectorizeThis מציג רק בקרות המתאימות לתמונה ולשימוש הנוכחיים. בקרה חסרה פירושה בדרך כלל שניתוח המקור לא מצא בחירה רלוונטית. שינוי הגדרת בניית נתיבים מחשב מחדש את ה-SVG; בקרות תצוגה בלבד אינן עושות זאת.
פישוט
פישוט קובע עד כמה הנתיבים נצמדים לשינויים קטנים בתמונת הרסטר. מעלים אותו כדי ליצור צורות חלקות יותר עם פחות נקודות ולעיתים קרובות SVG קטן יותר. מורידים אותו כאשר פינות, פרטים צרים או קווי מתאר עדינים עוגלו ונעלמו. ערך נמוך מאוד עשוי לשמור רעש רסטר כגאומטריה, וערך גבוה מאוד עשוי לשנות את הצללית המיועדת.
רקע
רקע קובע כיצד מטפלים ברקע חיצוני שטוח שזוהה:
- אוטומטי משתמש בניתוח המקור ובשימוש שנבחר כדי להחליט אם הרקע שייך לפלט.
- הסרה משמיטה את הרקע החיצוני שזוהה כדי שיהיה אפשר להציג את ה-SVG על צבעים אחרים.
- שמירה ממירה את הרקע כחלק מהגרפיקה.
הבקרה עשויה לא להופיע בתמונה שכבר מכילה שקיפות או כאשר אי אפשר לזהות רקע חיצוני באופן אמין.
שימוש ב-currentColor
בתוצאות אתר או לוגו מתאימות בצבע יחיד, שימוש ב-currentColor מחליף את צבע הפלט הקבוע במילת המפתח currentColor של SVG. ה-SVG יורש אז את צבע הטקסט של CSS מהדף שבו הוא מוטמע. מכבים את האפשרות כדי לבחור צבע קבוע באמצעות הדוגמית. האפשרות אינה מוצגת כאשר צבע בירושה אינו מתאים, כולל בפלט לשימושי ייצור.
חיתוך SVG לתוכן המשמעותי
הבקרה זמינה לכל תוצאה ומופעלת כברירת מחדל לשימושים אתר ולוגו. היא מתאימה את חלון התצוגה לגאומטריה הגלויה שנותרה בלי למתוח אותה. הסרת צבע פלט מחשבת מחדש את הגבולות האלה כאשר החיתוך מופעל. משאירים את החיתוך כבוי כאשר השטח הריק המקורי הוא חלק מהקומפוזיציה.
הצלע הארוכה ויחידות
שימושי ייצור יכולים להציג ערך פיזי של הצלע הארוכה במילימטרים או באינצ’ים. הוא מקצה לפלט גודל מיועד בעולם האמיתי תוך שמירה על יחס הממדים המקורי. הוא אינו מוכיח שפרטים דקים, רוחב חיתוך, מרווחים או דרישות ייחודיות למכונה בטוחים.
מספר צבעים מרבי
הבקרה חלה רק על תוצאות המשתמשות בהגדרות VTracer המקוריות; שיטות הפלטה שנבדקו משתמשות בבקרות תוצאות משלהן.
מספר צבעים מרבי מגביל את הפלטה הזמינה להמרה צבעונית. מזינים מספר שלם מ-2 עד 64. ערכים נמוכים יכולים לאחד גוונים דומים ולצמצם נתיבים; ערכים גבוהים יכולים לשמור מעברי צבע ופרטים עדינים במחיר של יותר שכבות וקבצים גדולים יותר. המספר הוא מגבלת המרה, ולא הבטחה שכל צבע יופיע. הבקרה מוסתרת במקורות בצבע יחיד או כאשר המרה צבעונית אינה מתאימה. ערך מחוץ לטווח נדחה לפני ההמרה.
דיוק SVG
ההגדרה הבסיסית הזאת נמצאת מחוץ להגדרות המתקדמות ומופיעה רק בתוצאות שאינן מיועדות לייצור. ערכים מ-0 עד 3 קובעים את הדיוק העשרוני בקואורדינטות הממוטבות. כל אפשרות מוכנה מתחילה בדיוק שנבדק עבורה; שינויים ידניים נשארים הקובעים. דיוק גבוה יותר יכול לשמור פרטי מיקום אך בדרך כלל מוסיף בתים.
הגדרות מתקדמות
פותחים את הגדרות מתקדמות כאשר תוצאת ברירת המחדל דורשת שינוי מסוים בבניית הנתיבים או בפלט. הזמינות עדיין תלויה בתמונה ובשימוש.
מצב צבע
בוחרים אוטומטי, צבע יחיד, 3 צבעים או 4 צבעים בגרפיקה נתמכת שאינה בצבע יחיד. אוטומטי משחזר את המתכון המוכן שנבחר. צבע יחיד מתחיל בשחור; אתר ולוגו יכולים להציג currentColor כאשר נשאר צבע אחד הניתן לעריכה. שימושי ייצור התומכים בצבע משתמשים באותן אפשרויות בניית נתיבים ללא עריכת פלטה. מקורות בצבע יחיד ומצבי ייצור הדורשים צבע יחיד אינם מציגים מצב צבע.
קיבוץ
הבקרה חלה רק על תוצאות המשתמשות בהגדרות VTracer המקוריות; שיטות הפלטה שנבדקו משתמשות בבקרות תוצאות משלהן.
הקיבוץ קובע כיצד פיקסלי רסטר מקובצים לאזורים לפני בניית קווי המתאר שלהם:
- בינארי מפריד את קדמת התמונה מהרקע ומתאים במיוחד לגרפיקה בצבע יחיד ובניגודיות גבוהה.
- קיבוץ צבעים מקבץ צבעים דומים לאזורים בשכבות והוא הבחירה הכללית לגרפיקה שטוחה רב-צבעית.
- קו פרשת מים מפריד אזורים לפי המבנה המקומי של התמונה ויכול לעזור כאשר אזורים נוגעים דורשים גבולות שונים.
הבחירה המתאימה תלויה בקצוות ובפיזור הצבעים. שיטה שמוסיפה פרטים יכולה להוסיף גם נתיבים או איים קטנים.
מיזוג נתיבים
אינו זמין לשימושי ייצור משום ש-SVGO מושבת.
מיזוג נתיבים מאפשר לאופטימיזציית SVG לשלב גאומטריה תואמת. הוא יכול לצמצם קוד ומספר נתיבים בלי לשנות את התוצאה באופן נראה לעין. מכבים אותו כאשר עורך המשך זקוק לנתיבים נפרדים או כשבודקים מיזוג לא צפוי.
הסרת רוחב וגובה (שימוש ב-viewBox במקומם)
האפשרות מסירה מאפייני width ו-height קבועים ושומרת את ה-viewBox. ה-SVG שנוצר משנה את גודלו באופן גמיש באמצעות CSS או המכל שלו. תהליכי ייצור עשויים לשמור מידות מפורשות משום שהגודל הפיזי חשוב.
שיפור קלט ההמרה
האפשרות המותנית הזאת מעבדת את הרסטר לפני בניית הנתיבים באמצעות הגדלה והחלקה של קלט ההמרה. היא יכולה לעזור לגרפיקה מפורטת שיש לה פלטה התחלתית מצומצמת. במהלך הבחירה האוטומטית, VectorizeThis בודק תמונה מתאימה עם האפשרות מופעלת וכבויה ושומר את תוצאת ההתחלה הטובה יותר. היא אינה מוצעת לקלט רב-צבעי מאוד ואינה משנה את הקובץ שהוספתם.
סיבוב
בוחרים 0°, 90°, 180° או 270° כדי לסובב את הרסטר עם כיוון השעון לפני בניית הנתיבים. משום שהסיבוב מתבצע לפני ההמרה לווקטור, ה-SVG שנוצר מכיל קואורדינטות שנבנו מחדש ולא התמרת סיבוב. כך אפשר לתקן כיוון ולשמור על גאומטריה עצמאית.
עיצוב הקוד
עיצוב הקוד מוסיף מעברי שורה והזחה לקוד SVG שמועתק או מורד. הוא מקל על בדיקה ידנית אך בדרך כלל מגדיל את הקובץ. הוא אינו משנה את הגרפיקה המוצגת.
אופטימיזציה בכמה מעברים
אינה זמינה לשימושי ייצור משום ש-SVGO מושבת.
האפשרות מריצה מעברי אופטימיזציה נוספים על ה-SVG לאחר בניית הנתיבים. היא עשויה להקטין עוד את הפלט, במיוחד כאשר הקוד שנוצר מכיל מבנים חוזרים או מבנים שאפשר לשלב. מעברים נוספים עשויים להימשך זמן רב יותר, וחלק מהקבצים לא יצטמצמו.
סף וסף בינארי אוטומטי
כל תוצאה בצבע יחיד מציעה סף בינארי אוטומטי ומחוון סף מ-0 עד 255 בבקרה מתקדמת אחת. הזזת המחוון מכבה את אוטומטי ומשתמשת בסף בהירות מפורש; ערכים גבוהים יותר כוללים בדרך כלל פיקסלים בהירים יותר. מפעילים שוב אוטומטי כדי לחזור לטיפול בכיסוי של המתכון שנבחר. בודקים רווחים צרים וחורים לאחר שינוי הסף.
החלקת קלט, פינות וכיוון עקומה
מופיעות רק בקרות שהשיטה שנבחרה משתמשת בהן. החלקת קלט (sigma) משנה את החלקת הכיסוי לפני חילוץ קווי המתאר. שיטות צבע יחיד מקוריות מציעות רגישות לפינות (corner); קווי גובה ושיטות צבע נתמכות מציעים רדיוס כיוון עקומה (tangentRadius). אלה משנים את גאומטריית הנתיבים ולא רק את עיצוב קוד ה-SVG. ברירות המחדל שייכות לתוצאה שנבחרה; ביטול משחזר שינויים ידניים.
עיגול נקודות מבודדות
שיטות צבע יחיד מקוריות ושיטות צבע נתמכות מציעות התאמת עיגולים במצבים כבוי, מחמיר וגמיש. מחמיר מקבל התאמות קרובות יותר לעיגול; גמיש מאפשר יותר שונות ברסטר ונקודות נתמכות גדולות יותר. נקודות מלאות תואמות משתמשות ברכיבי SVG מסוג <circle>; גבולות צבע משותפים שומרים גאומטריה תואמת. הגלאי שומר על אותיות וחורים ועשוי להשאיר צורות לא ודאיות ללא שינוי. הבקרה וההתאמה מושבתות בחיתוך ויניל, ב-Tinkercad וב-CNC.
מדיניות פלט לייצור
חיתוך בלייזר, Tinkercad ו-CNC משתמשים כברירת מחדל בהמרה בצבע יחיד. Cricut, חיתוך ויניל וחריטה בלייזר מקבלים פלטות צבע כאשר המקור תומך בהן. כולם שומרים על מידות פיזיות ובדיקות ייצור. SVGO מושבת לכל יעד ייצור, ולכן דיוק SVG, מיזוג נתיבים, מידות גמישות ואופטימיזציה בכמה מעברים אינם מוצעים שם. עיצוב הקוד עדיין מעצב את הקוד בלי לשנות את הגאומטריה.
בקרות תוצאה וכלים מותנים
דוגמיות צבע
הדוגמיות מציגות את הצבעים שנמצאו ב-SVG המוגמר, כולל מילוי שחור משתמע של נתיב. לוחצים על דוגמית כדי להחליף את הצבע בכל הפלט. הבורר מעדכן את תצוגת ה-SVG בזמן הזזת הסמן; אישור או לחיצה מחוץ לבורר סוגרים אותו. בדפדפנים נתמכים, הטפטפת שלו יכולה לדגום צבע מהמסך בלי לסגור את הבורר. כאשר יש יותר משמונה צבעים, לוחצים על הערימה הקומפקטית כדי להרחיב אותה לפני העריכה. בחירות אישיות נשמרות בהרצה מחדש של ההגדרות כאשר ב-SVG החדש עדיין יש אותו מספר צבעים.
בפלטה מורחבת עם לפחות שני צבעים, מרחפים מעל דוגמית ומשתמשים בכפתור × שלה כדי להסיר, לאחר אישור, כל נתיב הצבוע בצבע הזה. האפשרות אינה זמינה כאשר currentColor מופעל ובתוצאות לשימושי ייצור. צבעים שהוסרו נשארים מוסרים בהרצות הגדרות מחדש עד איפוס לברירות המחדל. בודקים את התצוגה המקדימה לפני ההורדה: מחיקת צבע מסירה את הגאומטריה שלו, כולל פרטים מכוונים בצבע הזה.
משתני CSS ומחלקות
גלגל השיניים לצד הפלטה פותח הגדרת שמות לייצוא CSS כאשר ב-SVG המוגמר יש לכל היותר שמונה צבעים ושימוש ב-currentColor כבוי. בוחרים משתנים כדי להחליף מילוי צבע במאפיין CSS מותאם אישית, או מחלקות כדי לזהות את הנתיבים האלה באמצעות מחלקת CSS. שמות שהוזנו לצבע או לכרטיס אחר מופיעים כהצעות. השמות משפיעים על העתקת קוד, על הורדות SVG נפרדות ועל תוכן ZIP של הורדת הכול; הם אינם משנים את התצוגה המקדימה. הדף המקבל חייב להגדיר את המשתנים או המחלקות כדי שה-SVG שיוצא יוצג בצבעים המיועדים. ניקוי הכול מבקש אישור ומנקה רק את לשונית המשתנים או המחלקות שנבחרה כרגע.
ביטול וביצוע חוזר
משתמשים ב-Ctrl+Z (או Cmd+Z ב-Mac) כדי לבטל הגדרות כרטיס ושינויי צבע בפלטה. משתמשים ב-Ctrl+Shift+Z (או Cmd+Shift+Z ב-Mac) כדי לבצע אותם שוב. גרירת מחוון או בורר צבע נספרת כצעד אחד; גם עריכה מרוכזת בכמה כרטיסים נספרת כצעד אחד. רקע התצוגה המקדימה ושמות משתני CSS או מחלקות אינם נכללים. איפוס לברירות המחדל מחזיר כרטיס להגדרות האוטומטיות שלו ומשחזר נתיבים שהוסרו לפי צבע.
רקע התצוגה המקדימה
בקרת רקע שמעל תצוגה מקדימה עוברת בין שקוף, לבן ושחור. היא משנה רק את משטח התצוגה כדי שאפשר יהיה לבדוק קצוות בהירים, כהים ושקופים. היא לעולם אינה משנה קוד SVG שמועתק או מורד.
ניקוי איים זעירים
אם בדיקת פלט מוצאת אזורים מבודדים קטנים מאוד, ניקוי איים זעירים מסיר רק אזורים שאפשר לסווג בבטחה כנקודות מקריות. חלק מהאיים עשויים להישאר לאחר הניקוי. בתוצאות שאינן מיועדות לייצור אפשר לסגור בדיקה שנותרה באמצעות ×; בדיקות ייצור נשארות גלויות. יש לבדוק את התצוגה המקדימה משום שסימנים זעירים מכוונים יכולים להידמות לרעש.
פרטי פלט ואבחון SSIM
כל כרטיס מציג את רזולוציית תמונת המקור לצד גודל הקובץ. סיכום הפלט הרגיל מציג מספר נתיבים וגודל קובץ SVG. במחשב, לחיצה על פרטי פלט מציגה את רזולוציית הרסטר שעובדה ואת האבחון הטכני הזמין: SSIM מעריך דמיון חזותי, ואילו פער SSIM הוא ההפרש המדוד בין התוצאה המאוזנת לתוצאה בעלת ה-SSIM הגבוה ביותר. שימוש בתוצאת SSIM המובילה מחיל את התוצאה המדודה הדומה ביותר חזותית בלי להעדיף SVG קטן יותר. האבחון מיועד לבדיקה; ציון גבוה יותר עשוי לבוא עם גאומטריה כבדה בהרבה.
עריכה מרוכזת
כשיש יותר מכרטיס תוצאה אחד, עריכה מרוכזת אוספת את הבקרות הייחודיות הזמינות באצווה. מכינים שינויים ואז מחילים אותם יחד. כרטיסים שכבר משתמשים בערך המבוקש אינם מחושבים מחדש. ראו איך פועלת הבחירה האוטומטית כדי להבין מדוע שתי תמונות באצווה אחת עשויות להתחיל בהגדרות שונות, או בדקו את כל השימושים כדי לבחור את סדר העדיפויות המתאים.
גרפיקה בצבע יחיד וגרפיקה שטוחה מומרות לנתיבים ברזולוציית המקור המלאה המותרת, עם הגדלה למקורות קטנים. רק תמונות שזוהו כמורכבות או כצילומים מוגבלות ל-2000 פיקסלים בצלע הארוכה. תקריב בריחוף ותקריב גלגלת מסנכרנים את התצוגות בקואורדינטות המקור, גם לאחר חיתוך או הסרת רקע. פרטי הפלט במחשב מציגים את מידות הרסטר שעובדו; אבחון SSIM מופיע רק כאשר קיימות מדידות תקפות. העתקת קוד והורדות ממתינות בזמן עדכון.
עריכה מרוכזת מציעה שימוש בקובצי ה-SVG הקטנים ביותר כאשר בכרטיס כלשהו עדיין ממתינות בחירות תוצאה. היא בוחרת את התוצאה המוגמרת הקטנה ביותר המוצעת בכל הפלטות לכרטיסים האלה ומשאירה כרטיסים שכבר נבחרו ללא שינוי.
אטימות, מוכנות אצווה והתראות ייצור
רמות אטימות או גווני אפור רחבות בתוך התמונה משתמשות בתוצאות צבע במקום להתפרש בטעות כהחלקת קצוות בינארית. צבעי הפלט יכולים לשמור ערכי אלפא; השקיפות עצמה אינה נספרת כצבע. התאמת עיגולים דורשת גבול הנתמך במקור סביב הדיסק, כך ששבר קטן מפילוח התמונה אינו יכול להפוך לנקודה מומצאת.
שימוש בקובצי ה-SVG הקטנים ביותר מופיע רק לאחר שכל תמונה סיימה עיבוד או שיש לה תוצאות מוכנות לבחירה, ולפחות בחירה אחת ממתינה. אזהרות רזולוציה נמוכה מופיעות בכל שימוש כאשר שתי מידות המקור קטנות מ-256 פיקסלים.
התראות ייצור נשארות גלויות. הורדה בכל זאת דורשת אישור לפלט הנוכחי; האישור אינו מסיר את הממצאים או מעניק אישור התאמה לקובץ. שינוי הגדרות מבטל את ההרשאה הזאת, ולכן התראות שנותרו דורשות אישור נוסף. הורדת אצווה מאשרת גם התראות ייצור שטרם אושרו.
עדכון אחרון: