אופטימיזציית SVG
בחר קובץ SVG סטטי או הדבק קוד כדי לאופטמיז אותו. השווה בין התצוגה, הקוד וגודל הקובץ לפני ואחרי האופטימיזציה, ואז העתק את התוצאה או שמור אותה כ-SVG.
מה ניתן לעשות
אופטימיזציה של גודל קובץ SVG
נקו הערות, נתוני עריכה מתוכנות עריכה, ייצוגים מספריים ותוכן אחר.
בדיקה לפני ואחרי, ולאחר מכן שמירה
השוו בין התצוגה, הקוד וגודל הקובץ, ולאחר מכן העתיקו או שמרו את ה־SVG המותאם.
כיצד להשתמש
הזנת SVG
בחרו קובץ SVG אחד או הדביקו קוד.
התאמת ההגדרות אם נדרש
בדקו את הדיוק העשרוני ואת המידע שיוסר בהגדרות המתקדמות. בדרך כלל אפשר להתחיל מברירות המחדל.
השוואת התצוגה וגודל הקובץ
הריצו אופטימיזציה ובדקו את השינויים במראה, בקוד ובגודל הקובץ.
שמירת ה־SVG המותאם
העתיקו את הקוד שהתקבל או הורידו אותו כקובץ SVG.
שימושי כאשר
הקטנת גודל קבצי לוגו ואייקונים
נקו SVG לפני פרסומו באינטרנט ובדקו את האיזון בין המראה לגודל הקובץ.
ניקוי מידע העריכה
הסירו מידע עריכה והערות של תוכנות עריכה לפי הצורך, ולאחר מכן שמרו.
מה לבדוק בעת אופטימיזציה של SVG
המטא־נתונים והתצוגה הם נפרדים
ניתן להסיר מידע על תוכנות עריכה והערות. כותרות, תיאורים ותוכן דומה נשמרים לפי ההגדרות.
מתי דיוק עשרוני משנה צורות
עיגול ערכים עשרוניים בקואורדינטות ובערכים אחרים עשוי לשנות קווי מתאר עדינים או מיקומים. השוו לפני ואחרי העיבוד.
בדקו גם CSS והפניות ביעד
מזהים ו־viewBox נשמרים, אך הקוד מנוקה. אם אתם משתמשים ב־CSS חיצוני או בהפניות דומות, בדקו את המראה במקום שבו ה־SVG מפורסם בפועל.
נתמכים SVG סטטיים
SVG הכולל סקריפטים, הפניות חיצוניות, תמונות מוטמעות או אנימציה אינם נכללים. הפניות הכלולות בתוך ה־SVG נתמכות.
שאלות נפוצות
האם גודל הקובץ תמיד יקטן?
עבור קובצי SVG שכבר מותאמים, גודל הקובץ עשוי להישאר זהה או לגדול. החליטו לפי גודל הקובץ שהתקבל.
האם המראה יישאר זהה?
הוא עשוי להשתנות בהתאם להגדרות כגון דיוק עשרוני. בדקו את תצוגות המראה לפני ואחרי העיבוד ואת התצוגה שבה הוא יפורסם.
האם ניתן לבדוק גם את הקוד המקורי?
פתחו את «קוד לפני האופטימיזציה» בתוצאות כדי לבדוק את התוכן לפני הרצת עיבוד זו.
עיבוד קבצים
- קלט
- השתמשו ב־SVG סטטי בקידוד UTF-8. הקובץ המקורי אינו נדרס.
- פלט
- קוד SVG מותאם וקובץ .min.svg.