כלים95

צור משהו נהדר

דוחס SVG.

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

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

הפוך יצירות SVG לקלות יותר תוך סקירת כל שינוי

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

תצוגה ברורה של לפני ואחרי מקלה על הערכת אופטימיזציה וקטורית.
מדריך וידאו מהיר How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. קריינות באנגלית צפה בסרטון

How to compress an SVG with a preview

תכונות ובקרות

העלה קבצי SVG או הדבק קוד

השתמש בטופס ההעלאה או בלשונית הדבקת SVG.

קלט SVG מקובל

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

השווה בין המקור המנוקה לבין הפלט שעבר אופטימיזציה

שני לוחות מציגים את אותה יצירה לפני ואחרי אופטימיזציה.

מה המשמעות של התצוגה המקדימה המקורית

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

בחר רמת דיוק מעשית

דיוק עשרוני נע בין 1 ל-5, ומתחיל ב-3.

מספרים, עקומות ופרטים קטנים

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

שמור תיאורים נגישים ומזהים שימושיים

כותרות ותיאורים נגישים נשמרים כברירת מחדל.

נגישות והפניות חיצוניות

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

הכן קבצים וקטוריים רספונסיביים

ממדים רספונסיביים מסירים גודל קבוע כאשר viewBox זמין.

בדיקת גודל וקוד

viewBox מגדיר את מערכת הקואורדינטות הוקטורית. ממדים רספונסיביים מאפשרים ל-CSS ולהקשר ההטמעה להגדיר את גודל התצוגה ללא רוחב וגובה קבועים ב-SVG. זה לא משנה את יחס הגובה-רוחב של התמונה. פתח את קוד ה-SVG המותאם כדי לבדוק את הטקסט המדויק שיוורד.

שמור קובץ אחד או את כל האצווה

שמות הבסיס המקוריים נשמרים וקבצים מרובים יורדים כ-ZIP אחד.

עיבוד מקומי וניקוי

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

קבצים ועיבוד

קלט
קבצי SVG או קוד SVG מודבק
פלט
SVG מותאם, או ZIP אחד עבור קבצי SVG מרובים

2 MB מקסימום לכל קובץ. עד 20 קבצי קלט לכל הרצה.

עד 20 קבצים בגודל 2 MB כל אחד. כל SVG עשוי להכיל עד 20,000 אלמנטים; קבצים מורכבים יכולים להגיע למגבלת האופטימיזציה של 15 שניות.

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

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

עבור תוצאת תמונה, השתמש ב'המשך' מתחת לתוצאות ההורדה כדי לבחור צעד הבא תואם. באפשרותך לבחור אילו תמונות להעביר; הכלי הבא מתחיל עם הגדרות משלו.

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

שאלות נפוצות

טוב לדעת.

כמה תשובות לפני שמתחילים.

במכשיר שלך
האם ה-SVG המותאם ייראה בדיוק אותו דבר?

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

מה משנה דיוק עשרוני?

הוא שולט בדיוק המשמש לנתוני גיאומטריה ונתיבים מספריים. ערכים נמוכים יכולים להקטין את הגודל אך עלולים להזיז פרטים עדינים. ברירת המחדל היא 3.

האם זה שומר על הכותרת והתיאור?

כן, כברירת מחדל. השאר את 'שמור כותרות ותיאורים נגישים' מופעל כדי לשמר את האלמנטים האלה SVG.

מדוע סקריפטים או תמונות רסטר חסרים?

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

האם אוכל לשמור מזהים שאליהם מתייחס CSS?

כבה את 'קצר מזהים פנימיים' כאשר קוד חיצוני תלוי במזהים ספציפיים. אמת את הקובץ המותאם בדף היעד לפני החלפת המקור.

האם קבצי SVG מועלים לצורך אופטימיזציה?

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

האם אוכל להעלות SVG עם DOCTYPE?

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

פרסומות

שפה38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

בחר את השפה שלך. מדריכי הווידאו משתמשים כרגע בקריינות באנגלית.