ממיר חינם

PNG ל SVG Vectorizer

המר תמונות Raster PNG/JPG לגרפיקת SVG וקטורית ניתנת להרחבה. מאובטח, מהיר ומעובד כולו בתוך הדפדפן שלך.

גרור ושחרר כאן PNG/JPG

תומך עד 50MB

אוֹ

אודות כלי זה

המרת PNG ל-SVG היא בעצם פעולת מעקב, לא שינוי פורמט. PNG מאחסן פיקסלים; SVG מאחסן פרימיטיבים גיאומטריים. מעבר מרשת פיקסלים לנתיבים וקטוריים ניתנים להרחבה מצריך פירוש של מפת הסיביות וציור צורות משוערות סביב אזורים בעלי צבע דומה. התוצאה ניתנת להרחבה באמת - אתה יכול לשנות את הגודל בחופשיות ללא פיקסלציה - אבל זה לא שחזור מושלם של המקור. תוכן צילום מתאר בצורה גרועה מכיוון שכל וריאציה של צבע ברמת הפיקסלים הופכת לצורה, ומייצר SVG ענק שמביס את המטרה. סמלי לוגו, אייקונים, אמנות קו וגרפיקה בעלת ניגודיות גבוהה מתקבצים בצורה נקייה מכיוון שיש להם מספר קטן של אזורי צבע עם גבולות מוגדרים היטב.

ממיר זה משתמש בספריית imagetracerjs, יציאת JavaScript של אלגוריתמים של מעקב וקטור בדומה ל-potrace. ה-PNG מפוענח למפת סיביות RGBA, מפת הסיביות מפולחת לאזורי צבע באמצעות פלטה הניתנת להגדרה, הגבול של כל אזור נמשך לנתיב, נתיבים מפושטים באמצעות קירוב Bezier, והנתיבים המתקבלים נפלטים כרכיבי נתיב SVG. כל הצינור פועל בדפדפן שלך ללא העלאת שרת.

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

למה להמיר PNG ל-SVG

הוקטוריזציה של PNG היא שימושית ביותר כאשר אתה צריך לשנות את קנה המידה של התמונה מעבר לרזולוציה המקורית שלה. לוגו במיוחד מגיעים לעתים קרובות כ-PNG בגודל צנוע וצריכים להיראות חדים על שלטי חוצות, תצוגות רשתית והדפסים בפורמט גדול. עקבות וקטורית מייצרת SVG שמתרחב ללא אובדן איכות; הפשרה היא נאמנות לפיקסלים המקוריים.

SVG הוא גם קומפקטי משמעותית מ-PNG עבור גרפיקה עם מעט צבעים ואזורים שטוחים גדולים. סמל PNG בגודל 256×256 עשוי להיות 8 KB; ה-SVG המקביל עם שניים או שלושה צבעים הוא לרוב מתחת ל-1 KB. עבור ספריות אייקונים של ממשק משתמש המועברות לחזית אינטרנט, גרסאות וקטור מפחיתות את גודל החבילה ומשפרות את החדות בכל צפיפות התצוגה.

כיצד להשתמש

שחרר PNG, בחר הגדרות מעקב, צור SVG.

  1. העלה את ה-PNG שלך: גרור את הקובץ לאזור ההעלאה או לחץ כדי לדפדף. התוצאות הטובות ביותר מגיעות מ-PNG עם קצוות חדים ומספר קטן של צבעים ברורים - לוגואים, אייקונים, אמנות קו, איורים פשוטים. התמונות מתחקות בצורה גרועה ומייצרות SVG ענק.
  2. התאם אפשרויות מעקב במידת הצורך: ספירת צבעים שולטת בכמה צבעים שונים יופיעו בפלט. פישוט נתיב (נקרא גם ltres או qtres) שולט באיזו אגרסיביות האלגוריתם מחליק פינות. דיוק גבוה יותר מייצר SVG קרוב יותר למקור אך עם יותר נתוני נתיב.
  3. מעקב ותצוגה מקדימה: אלגוריתם ה-imagetracerjs פועל באמצעות קוונטיזציה של צבע, זיהוי קצוות, מעקב אחר קווי מתאר והתאמת Bezier. מעקב אחר סולמות זמן עם גודל תמונה ומספר הצבעים. לוגו בגודל 256×256 עם 4 צבעים עקבות תוך פחות משנייה; תמונה בגודל 1024×1024 עם 16 צבעים עשויה להימשך מספר שניות.
  4. הורד את ה-SVG: שמור את ה-SVG במכשיר שלך. הקובץ מכיל סימון XML עם רכיבי נתיב; אתה יכול לפתוח אותו בכל עורך טקסט כדי לבדוק או לכוונן את התוצאה.

מקרי שימוש נפוצים

פרטים טכניים

imagetracerjs מיישמת צינור רב-שלבי: קוונטיזציה של צבע מפחיתה את מפת הסיביות למספר קבוע של צבעים באמצעות clustering k-means או חיתוך חציוני; זיהוי קצה מזהה גבולות פיקסלים בין אזורים; מעקב אחר קווי מתאר עוקב אחר גבולות כדי לייצר מצולעים סגורים; התאמת קו ועקומה מקרוב מצולעים עם עקומות בזייר כדי לצמצם נתוני נתיב.

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

הפלט הוא SVG 1.1 סטנדרטי עם רכיבי נתיב. כל אזור צבע הופך לנתיב אחד עם תכונת מילוי. הקובץ המתקבל נפתח בכל דפדפן, עורך וקטור או כלי עיצוב מודע ל-SVG. גודל הקובץ תלוי בעיקר בספירת הנתיבים ובצפיפות הצמתים; לוגו אופייני למעקב הוא 1-10 KB.

שיטות עבודה מומלצות

שאלות נפוצות

האם פלט ה-SVG יהיה קובץ וקטור אמיתי?
הכלי עוקב אחר תמונת הרסטר כדי ליצור נתיבים וקטוריים. התוצאות עובדות בצורה הטובה ביותר עם גרפיקה פשוטה, סמלי לוגו ואמנות קו. תמונות ייצרו נתיבים מורכבים וייתכן שלא ייראו כמצופה.
מה מייחד את SVG מפורמטים אחרים של תמונה?
SVG הוא פורמט וקטור - תמונות מתוארות כצורות מתמטיות ולא כפיקסלים. משמעות הדבר היא שקובצי SVG מותאמים לכל גודל מבלי לאבד איכות, והם בדרך כלל קטנים בהרבה מתמונות רסטר עבור גרפיקה כמו לוגו ואייקונים.
האם יש מגבלות שכדאי להיות מודע להן?
קבצים עד 50MB נתמכים. עיבוד קבצים גדולים מאוד או מורכבים עשוי להימשך זמן רב יותר. כל ההמרה מתרחשת בדפדפן שלך, כך שמהירות העיבוד תלויה במכשיר שלך.
האם התמונות שלי נשמרות פרטיות במהלך ההמרה?
כן. קבצי ה-PNG שלך מעובדים במלואם בתוך הדפדפן שלך באמצעות Canvas API ו-JavaScript. שום דבר לא מועלה לאף שרת - הקובץ עובר ישירות מהמכשיר שלך לממיר וחוזר למכשיר שלך.
האם ניתן לערוך את המעקב ב-Illustrator או Inkscape?
כן. הפלט הוא SVG סטנדרטי עם רכיבי נתיב. גם Illustrator וגם Inkscape פותחים אותו באופן מקורי ומאפשרים לך לערוך את הנתיבים, לשנות צבעים ולחדד את התוצאה.
האם ה-PNG שלי מועלה לשרת?
לא. המעקב מתרחש בדפדפן שלך באמצעות imagetracerjs. הקובץ לא עוזב את המכשיר שלך.
למה קובץ ה-SVG שלי ענק?
בדרך כלל בגלל שבתמונת המקור יש יותר מדי צבעים או יותר מדי פרטים עדינים. נסה להפחית את ספירת הצבעים, להגדיל את פישוט הנתיבים או להשתמש בתמונת מקור אחרת עם גיאומטריה נקייה יותר.
האם אני יכול לאתר PNG עם שקיפות?
כן. פיקסלים שקופים הופכים לאזורים ללא נתיבים ב-SVG. הרקע השקוף נשמר כאשר ה-SVG מוצג על כל צבע רקע.