מייעל SVG

כווצו ונקו קבצי SVG עד 80% על ידי הסרת נפח עורך, עיגול קואורדינטות נקודה צפה וכיווץ רווחים — במלואו מקומית בדפדפן.

בלי העלאותבלי הרשמהעיבוד באצווה
עד 80% יותר קטןדיוק קואורדינטותלפני / אחריZIP לאצווה
הורדה
מנוע לא מקוון מוכןסביבת עבודה פרטית ב-100% בדפדפן • בלי העלאות לענן
100% פרטי • בלי העלאת קבצים לשרת

למה להשתמש במייעל הווקטורים SVGO של Utiliome?

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

עיגול דיוק עשרוני לקואורדינטות

עגלו קואורדינטות בזייה ארוכות (d="M12.345678...") ל-1–5 ספרות אחרי הנקודה, וחתכו 50%–75% מנפח הווקטור בלי עיוות נראה.

מסיר נפח של Figma, Illustrator ו-Inkscape

מנקה אוטומטית פרולוג XML, הערות, <metadata>, xmlns:inkscape, sodipodi:*, מאפייני data-name ומיכלים ריקים של <g> או <defs>.

השוואה חיה לפני/אחרי ותצוגת קוד

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

פרטיות מקומית וייצוא ZIP באצווה

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

Utiliome מול חלופות ענן מסורתיות

השוו את מנוע ה-WebAssembly המקומי שלנו לכלי ענן ישנים.

מאפיין Utiliome (דפדפן מקומי) ממירי ענן ישנים
שליטה בדיוק קואורדינטות הנתיב עיגול מתכוונן של 1 עד 5 ספרות ב-d, points, viewBox וטרנספורמים עיגול אגרסיבי קבוע ששובר אייקונים קטנים של 16×16
אימות חזותי והשוואת קוד מחוון לפני/אחרי + תצוגת קוד SVG להעתקה הורדה עיוורת בלי בדיקת נתיב זה לצד זה
פרטיות ואייקונים קנייניים הרצה מקומית בדפדפן (אפס העלאות לשרת) מעלים לוגואים וערכות ממשק לשרתי ענן
אצווה ועלות תור אצווה ללא הגבלה + ייצוא ZIP בלחיצה (בחינם) תקרת קבצים, חומת תשלום או התקנת CLI
איך זה עובד

איך למטב ולכווץ קבצי SVG אונליין ב-3 שלבים

בלי התקנת תוכנה. הכול רץ ישירות בדפדפן.

1

גררו קובץ SVG אחד או יותר

גררו אייקונים, לוגואים או איורים .svg לאזור הגרירה. Utiliome מנתחת וממטבת כל קובץ ברצף בדפדפן.

2

כוונו דיוק קואורדינטות ומעברי מיטוב

כוונו את מחוון דיוק הקואורדינטות (מומלץ 2 ספרות) והפעילו הסרת מטא-דאטה, כיווץ צבעי HEX וכיווץ רווחים תוך בדיקת לפני/אחרי.

3

העתיקו קוד SVG או הורידו ZIP

לחצו «העתק קוד SVG» להדבקה ב-HTML/JSX, או הורידו קבצי -optimized.svg וארכיוני ZIP.

למה קבצי SVG מיוצאים נפוחים

תשובה קצרה: כלים כמו Adobe Illustrator, Figma, Inkscape ו-Sketch מטמיעים מרחבי שמות XML, שמות שכבות, קבוצות מוסתרות וקואורדינטות של 6 ספרות כדי לאפשר עריכה חוזרת — ולעיתים מנפחים SVG ב-40% עד 80%.

Scalable Vector Graphics (.svg) הם מסמכי XML בטקסט רגיל שמתארים צורות בנתיבים מתמטיים (<path>, <circle>, <rect>, <polygon>). בייצוא אייקון או איור מעורך וקטור שולחני, הייצוא מעדיף ייבוא חוזר של הפרויקט על פני ביצועי אתר:

  • דיוק יתר של 6 ספרות: פקודה כמו M 14.892341,28.104923 C 19.000124,31.999871... מבזבזת עשרות בתים לכל קודקוד על שברי פיקסל בלתי נראים.
  • מרחבי שמות ומטא-דאטה RDF: Inkscape ו-Illustrator מזריקים <metadata>, <sodipodi:namedview>, xmlns:inkscape, data-name ו-enable-background שהדפדפן מתעלם מהם.
  • מיכלים ריקים וקודי HEX ארוכים: קבוצות <g></g> שנשארו אחרי פירוק שכבות ומחרוזות הקס של 6 תווים (#ffffff במקום #fff) מוסיפות צמתי DOM ובתים מיותרים.

איך עיגול דיוק מקטין נתיב בלי לעוות

תשובה קצרה: עיגול קואורדינטות נתיב SVG (מאפייני d ו-points) ל-2 ספרות אחרי הנקודה מקצר את מחרוזת הנתיב ב-45%–70%, ושומר דיוק של מאית פיקסל ב-viewBox רגיל.

באייקונים ובאיורים לפרודקשן, המאפיין <path d="..." /> אחראי בדרך כלל ל-70% עד 90% מגודל הקובץ. בחירת הדיוק העשרוני מאזנת דחיסה מול נאמנות גיאומטרית:

הגדרת דיוק דוגמת קואורדינטה קנה מידה אידיאלי של viewBox חיסכון טיפוסי והשפעה חזותית
ספרה 1 (0.1) M14.9 28.1 איורים גדולים (500×500+) קטן ב-65%–80%; עלול להזיז מעט נקודות בקרה באייקוני 16×16
2 ספרות (0.01) — ברירת מחדל M14.89 28.1 אייקוני ממשק (24×24 עד 512×512) קטן ב-50%–70%; בלתי ניתן להבחנה מהמקור במסכי Retina
3 ספרות (0.001) M14.892 28.105 CAD / מפות בצפיפות גבוהה קטן ב-35%–50%; שומר מיקרו-עקומות בזום קיצוני
4–5 ספרות M14.8923 28.1049 viewBox="0 0 1 1" מנורמל קטן ב-20%–35%; מסיר רעש אפסים ושומר דיוק CAD

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

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

תשובה קצרה: השתמשו במייעל SVG כשרוצים לשמור גרפיקה כקובץ .svg ניתן להגדלה או כקוד <svg> מוטמע בנפח קטן יותר. השתמשו בממיר SVG ל-PNG כשצריך מפת סיביות .png לפלטפורמות שחוסמות העלאת SVG.

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

מטרת התהליך כלי Utiliome מומלץ פורמט פלט ושימוש עיקרי
הקטנת נפח .svg לאתר ולקוד מוטמע מייעל SVG (הכלי הזה) קובץ .svg נקי ומכווץ או קוד <svg> להעתקה ל-HTML, React, Vue ו-Core Web Vitals
המרת .svg למפת סיביות (1x–8x) ממיר SVG ל-PNG .png ברזולוציה גבוהה וללא אובדן, עם שקיפות אלפא לרשתות, CMS ונכסי חנות אפליקציות
קידוד SVG ממוטב כ-Data URI ב-CSS ממיר תמונה ל-Base64 מחרוזת data:image/svg+xml;base64,... להטמעת רקע CSS בלי בקשת רשת
אריזת לוגו SVG ל-favicon מחולל Favicon חבילת favicon.ico, apple-touch-icon.png ו-site.webmanifest
שאלות נפוצות

שאלות נפוצות על מייעל SVG וכיווץ נתיבים

כל מה שצריך לדעת על מייעל SVG החינמי של Utiliome.

האם מיטוב SVG מוריד איכות חזותית או רזולוציה?

לא. קבצי SVG נשארים וקטורים ניתנים להגדלה אינסופית אחרי המיטוב. הסרת הערות XML, מטא-דאטה של עורך ורווחים לא משפיעה חזותית, ועיגול קואורדינטות ל-2–3 ספרות שומר דיוק עקומה תת-פיקסלי.

איזו הגדרת דיוק קואורדינטות מתאימה לאייקוני ממשק 24×24?

לאייקונים סטנדרטיים של 16×16, 20×20 או 24×24 (כמו Lucide, Heroicons או Feather), 2 ספרות אחרי הנקודה הן נקודת האיזון. אם לאייקון viewBox קטן מאוד (כמו 0 0 8 8) ורואים סטיית עקומה במחוון לפני/אחרי, העלו ל-3 ספרות.

האם מייעל ה-SVG מסיר מאפייני <script> או אירועים זדוניים?

אפשר לבדוק את הסימון המנוקה בלשונית «קוד SVG» לפני העתקה או הורדה. המייעל מסיר פרולוג XML לא סטנדרטי, הצהרות DOCTYPE, הערות ומרחבי שמות של עורך, ושומר גיאומטריה וקטורית נקייה.

אפשר למטב כמה קבצי SVG בבת אחת ולהוריד ZIP?

כן. גררו ערכת אייקונים שלמה למרחב העבודה — Utiliome מעבדת כל לשונית SVG ברצף בזיכרון הדפדפן, מאפשרת להחיל את הדיוק על כל הקבצים ולייצא ארכיון ZIP אחד.

מתי להשתמש במייעל SVG ומתי בממיר SVG ל-PNG?

השתמשו במייעל SVG כשמפרסמים אייקונים וקטוריים באתר, באפליקציות React/Vue או ב-CSS ורוצים קובץ .svg קטן ככל האפשר. השתמשו בממיר SVG ל-PNG כשפלטפורמה (כמו Twitter/X, חתימת מייל או Google Docs) לא מקבלת .svg ודורשת מפת סיביות .png בצפיפות גבוהה.

האם קבצי ה-SVG עולים לשרת מרוחק במהלך המיטוב?

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