SVGtoPNG
Live

ממיר SVG ל-PNG מקצועי

המר SVG ל-PNG באופן מיידי ובחינם. תהנה מ-100% פרטיות: הקבצים שלך מעובדים באופן מקומי ולעולם לא עוזבים את המכשיר שלך. קח את העיצובים שלך לשלב הבא עם חמשת מכפילי ההמרות המותאמים אישית שלנו (1x, 2x, 3x, 4x ו-8x), שנועדו להרחיב, לייעל ולשפר את החדות של כל תמונה בהתאם לדרישות המדויקות שלך.

גרור ושחרר את קובץ ה-SVG שלך כאן או עיון

תומך בקוד SVG וקטור טהור (גרפיקה וקטורית ניתנת להרחבה)

מדריך מעשי להמרת SVG ל-PNG

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

1. התחילו מהיעד

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

2. הבינו את גורמי קנה המידה

האפשרויות הן 1x, 2x, 3x, 4x ו-8x. מכפיל משפיע גם על הרוחב וגם על הגובה: מקור בגודל 200 × 100 שמרנדר ב-2x הופך ל-400 × 200 פיקסלים. ספירת הפיקסלים גדלה בריבוע של המכפיל, כך ש-8x מייצר פי 64 יותר פיקסלים מאשר 1x. פלט גדול יותר עשוי לצרוך זיכרון רב בהרבה וייתכן שלא ייראה טוב יותר כאשר היצירה המקורית או תצוגת היעד אינן זקוקות לכך.

3. בחרו גורם לתצוגות

עבור גרפיקת ממשק רגילה, 1x או 2x הוא לעתים קרובות נקודת התחלה מעשית; 2x יכול לעזור בתצוגות צפופות כאשר פריסת היעד מקטינה את התמונה. בחרו 3x או 4x רק כאשר העיצוב זקוק למידות הפיקסלים הנוספות. השתמשו ב-8x באופן סלקטיבי מכיוון שקנווסים גדולים מאוד עשויים לקחת זמן רב יותר לרינדור או לחרוג ממגבלות הדפדפן.

4. החליטו האם הרקע צריך להיות שקוף

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

5. הכינו את ה-SVG לפני הייצוא

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

6. המרו ובדקו את התצוגה המקדימה

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

7. בדקו פיקסלים וגודל קובץ

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

8. שמרו על המקור כבר-עריכה

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

מתי כדאי להמיר SVG ל-PNG?

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

שירות מקבל PNG אך דוחה SVG

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

דוא"ל או מסמך משרדי מרנדרים SVG באופן לא עקבי

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

אתם זקוקים לתמונת מצב בקנה מידה ספציפי של פיקסלים

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

תהליך עבודה דורש העלאת רסטר

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

אתם זקוקים לשקיפות בגרפיקת רסטר

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

אתם מכינים נכס להדפסה

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

יסודות טכניים: מה קורה במהלך ההמרה

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

SVG מתאר צורות; PNG שומר פיקסלים

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

Viewbox ואזור התצוגה מגדירים את אזור הציור

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

קנה המידה מכפיל כל מימד

אם הדפדפן מרנדר מקור בגודל W על H פיקסלים והגורם הנבחר הוא S, יעד הקנווס הוא W × S על H × S. ספירת הפיקסלים המתקבלת היא W × H × S². זו הסיבה שמכפילים גבוהים עשויים לצרוך זיכרון רב בהרבה ומדוע יש לבחור 8x רק כאשר היעד זקוק לפיקסלים הנוספים.

רינדור הקנווס מתבצע על ידי הדפדפן

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

השקיפות נשמרת בערוץ האלפא של ה-PNG

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

דחיסת PNG היא ללא אובדן, אך הפלט עדיין עשוי להיות שונה

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

גופנים, מסננים ונכסים מקושרים משפיעים על הרינדור

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

מגבלות הדפדפן ואבטחת ה-SVG חשובות

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

שאלות נפוצות טכניות · 1–5

האם ממיר זה משנה את קובץ ה-SVG?

לא. הוא קורא את ה-SVG הנבחר בדפדפן ויוצר הורדת PNG נפרדת. הקובץ המקורי שלך נשאר במכשיר שלך; שמור אותו כפריט האב הניתן לעריכה.

כיצד מחשבים את מידות הפלט?

כפלו את הרוחב והגובה שרונדרו על ידי הדפדפן בגורם הנבחר. לדוגמה, 240 × 120 ב-2x הופך ל-480 × 240 פיקסלים. אם ל-SVG יש גודל יוצא דופן או viewBox, אומתו את התצוגה המקדימה ובדקו את מידות ה-PNG שהורד.

האם 8x תמיד מניב איכות טובה יותר?

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

למה ל-PNG יש שוליים ריקים או יצירה חתומה?

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

למה הטקסט שלי נראה שונה לאחר ההמרה?

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

שאלות נפוצות טכניות · 6–10

למה תמונה מקושרת או מסנן חסרים?

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

האם אני יכול להפוך את הרקע לשקוף?

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

האם אני יכול להזין רוחב, גובה או DPI מדויקים?

גרסה זו מציעה מכפילים של 1x, 2x, 3x, 4x ו-8x. היא אינה מציעה שדות רוחב וגובה עצמאיים או הגדרת DPI. אם אתם זקוקים למידות מדויקות, השתמשו במכפיל הקרוב ביותר ולאחר מכן שנו את גודל העותק בעורך גרפי.

האם אני יכול להמיר מספר קבצי SVG בבת אחת?

הממשק הנוכחי בוחר וממir קובץ SVG אחד לכל פעולה. המרו כל קובץ בנפרד ובדקו את הפלט שלו לפני שתעברו לבא בתור; עיבוד אבטי (batch) והורדות ZIP אינם מוצעים כאן.

אילו קבצים מתקבלים?

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

שאלות נפוצות טכניות · 11–15

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

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

למה ההמרה נכשלת עבור קובץ גדול מאוד?

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

האם ה-PNG ייראה חד בעת הדפסה?

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

למה צבעים או קצוות מששתנים בין דפדפנים?

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

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

ודאו שהקובץ מכיל יצירה גלויה, בעל תחביר SVG תקף ומשתמש ב-viewBox ובמידות המקיפים את הציור. הסירו תלויות חיצוניות שאינן נתמכות, בדקו את הקובץ בדפדפן ונסו שוב ב-1x לפני הגדלת קנה המידה.