ממיר חינם

SVG ל-PNG מֵמִיר

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

גרור ושחרר את SVG כאן

תומך עד 50MB

אוֹ

אודות כלי זה

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

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

ההחלטה החשובה ביותר בהמרת SVG ל-PNG היא גודל היעד. SVG אינו תלוי ברזולוציה, כך שבחירה בגודל PNG התואם את השימוש בפועל מונעת הקצאת יתר (קבצים ענקיים עבור סמלים בגודל תמונות ממוזערות) ומתת-קצאה (פלט מטושטש כאשר גדל מאוחר יותר). יעדים נפוצים: 32×32 או 64×64 עבור אייקונים, 256×256 או 512×512 עבור לוגו, 1024×1024 עבור גרפיקת גיבור, 2048×2048 עבור נכסים באיכות רשתית.

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

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

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

כיצד להשתמש

בחר את גודל היעד שלך, עבד. הדפדפן מבצע את הרסטריזציה.

  1. העלה את קובץ ה-SVG: גרור SVG לאזור ההעלאה או לחץ כדי לגלוש. קבצים של עד 50 מגה-בייט נתמכים, אם כי קבצי SVG טיפוסיים הם הרבה מתחת ל-1 מגה-בייט. SVGs עצמאיים עובדים הכי טוב; קובצי SVG שמפנים תמונות חיצוניות דרך xlink:href לכתובות URL מרוחקות עלולים להפוך ללא שלמים.
  2. בחר את גודל הפלט: ברירת המחדל היא ממדי ה-viewBox המקוריים של ה-SVG, אך ניתן לעקוף אותו לכל גודל פיקסל. בחר גודל שתואם את השימוש שלך בפועל - הימנע מיצירת PNGs 4K עבור סמלים שיוצגו ב-32×32.
  3. עיבוד: הדפדפן מנתח את ה-SVG, מצייר אותו על בד במידות המבוקשות, ומייצא את הקנבס כ-PNG. SVG מורכבים עם מסננים או ספירת נתיבים גדולה עשויים לקחת רגע; סמלים פשוטים מוצגים באופן מיידי.
  4. הורד את ה-PNG: שמור את הקובץ. השקיפות ב-SVG (כל דבר מחוץ לצורות מצוירות) נשמרת כערוץ אלפא ב-PNG.

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

פרטים טכניים

SVG (W3C Recommendation) הוא פורמט וקטור מבוסס XML עם אלמנטים עבור נתיבים, צורות בסיסיות (ישר, עיגול, אליפסה, קו, מצולע, פוליקו), טקסט, מעברי צבע (LinearGradient, radialGradient), מסננים, מסכות ונתיבי קליפ. הדפדפן מנתח את ה-XML, בונה DOM, מחיל CSS ומשרטט את התוצאה במהלך עיבוד העמודים.

ממיר זה טוען את ה-SVG לתוך HTMLImageElement (אשר מפעיל את נתיב העיבוד הרגיל של SVG-as-image של הדפדפן), ואז מצייר אותו אל בד באמצעות drawImage. הקנבס מיוצא כ-PNG באמצעות canvas.toBlob('image/png'). הפיקסלים המדויקים בפלט תואמים למה שה-SVG יציג באותו גודל בכרטיסיית דפדפן.

מקרי קצה: SVG באמצעות outsideObject לא תמיד נתמך בשימוש באמצעות אלמנט Image. SVG המפנה למשאבים חיצוניים (xlink:href לדומיין אחר) עלול להיכשל בטעינת עקב CORS. אנימציות SMIL ואנימציות מונעות JavaScript מוצגות כמסגרת הראשונית בלבד.

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

שאלות נפוצות

האם ה-SVG שלי יאבד את איכותו בעת ההמרה ל-PNG?
המרת וקטור לרסטר פירושה שהתמונה הופכת מבוססת פיקסלים ואינה יכולה עוד לשנות את קנה המידה אינסופי. בחר ברזולוציה גבוהה כדי להבטיח שה-PNG ייראה חד בגודל התצוגה המיועד שלך.
למה משמש פורמט PNG?
PNG (Portable Network Graphics) משמש בעיקר עבור גרפיקה עם שקיפות, צילומי מסך, לוגו, אייקונים.
האם יש מגבלות שכדאי להיות מודע להן?
קבצים עד 50MB נתמכים. עיבוד קבצים גדולים מאוד או מורכבים עשוי להימשך זמן רב יותר. כל ההמרה מתרחשת בדפדפן שלך, כך שמהירות העיבוד תלויה במכשיר שלך.
האם התמונות שלי נשמרות פרטיות במהלך ההמרה?
כן. קבצי ה-SVG שלך מעובדים במלואם בתוך הדפדפן שלך באמצעות Canvas API ו-JavaScript. שום דבר לא מועלה לאף שרת - הקובץ עובר ישירות מהמכשיר שלך לממיר וחוזר למכשיר שלך.
האם טקסט מוצג כטקסט או כנתיבים?
טקסט מסודר כפיקסלים בפלט PNG. הפלט כבר לא ניתן לחיפוש או לבחירה. אם ה-SVG שלך משתמש בגופנים שאינם זמינים בדפדפן, טקסט עשוי להופיע בגופן חלופי; המרת טקסט לנתיבים ב-SVG לפני העיבוד לקבלת מראה מובטח.
האם ה-SVG שלי מועלה לשרת?
לא. ניתוח ועיבוד SVG מתרחשים בדפדפן שלך; קידוד PNG מתרחש בדפדפן שלך. הקובץ לא עוזב את המכשיר שלך.
מדוע ה-PNG שהומר שלי ריק?
סיבות נפוצות: ה-SVG מתייחס לתמונות חיצוניות שלא הצליחו להיטען עקב CORS; ה-SVG משתמש בתכונות שאינן נתמכות על ידי נתיב העיבוד של רכיב Image (foreignObject, מסננים מסוימים); ל-SVG יש viewBox אפס מימדי. פתח את ה-SVG ישירות בדפדפן כדי לאשר שהוא מעבד לפני ההמרה.
האם אני יכול להמיר SVG ל-PNG בסקריפט?
כן - עבור עבודות אצווה, הגדרת Node.js באמצעות Sharp או puppeter מעבדת SVG ל-PNG בנאמנות דומה לדפדפן. כלי זה מיועד להמרות חד פעמיות בדפדפן מבלי להתקין דבר.