מציג SVG
הדביקו סימון SVG גולמי וקבלו מיד תצוגה של התוצאה המעובדת.
התצוגה מבטלת סקריפטים והפניות חיצוניות, ועדיין מאפשרת לבדוק viewBox ופרטי גודל.
SVG preview: paste raw code and check the result instantly
viewBox and size checks: review transparency and potentially unsafe content
איך להשתמש
- הדביקו קוד SVG או טעינו קובץ `.svg`.
- עברו בין הרקע ורמת הזום כדי לבדוק את התצוגה.
- בדקו viewBox, פרטי גודל ואזהרות, ואז שמרו את ה-SVG אם צריך.
דוגמה
SVG של אייקון פשוט
קלט
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
פלט
אייקון כחול עגול מוצג, וה־`viewBox` מופיע כ־`0 0 120 120` בלוח המידע.
שאלות נפוצות
האם ה-SVG שלי מועלה לאנשהו?
לא. SVGים שהודבקו וקבצים שנטענו נשארים בדפדפן שלכם ואינם נשלחים לשרת.
מה קורה ל-SVG עם script או foreignObject?
התצוגה הבטוחה מסירה את הרכיבים האלה לפני העיבוד ומציגה אזהרה בלוח המידע.
האם SVGים עם תמונות או גופנים חיצוניים יוצגו בדיוק אותו דבר?
לא תמיד. הפניות חיצוניות מושבתות, ולכן המראה עשוי להיות שונה מהסביבה המקורית. הכלי הזה נותן עדיפות לבדיקה מקומית בטוחה.
למה ה-SVG שלי לא מוצג?
סיבות נפוצות הן XML לא תקין, ערכי מאפיינים שגויים, או רכיב עליון שאינו `svg`. בדקו את הודעת השגיאה שהכלי מציג.
Why would I switch the background?
Transparent areas and light-colored icons can look very different depending on the background, so the tool lets you test checker, white, and dark backgrounds quickly.
הערות
- מטעמי בטיחות, הפניות URL חיצוניות ורכיבים מסוכנים מושבתים לפני העיבוד.
- SVGים שתלויים בגופנים או בתמונות חיצוניות עשויים להיראות אחרת מאשר בסביבה המקורית.
- קבצי SVG גדולים מאוד עוברים אוטומטית מחוץ למצב תצוגה חיה ומבקשים עיבוד ידני.