המרת SVG ל-PNG
PNG הוא הדרך שבה אמנות וקטורית מגיעה למקומות ש-SVG לא יכול — מצגות, מסמכים, חנויות אפליקציות, טפסי העלאה. בוחר קנה המידה למטה הוא החלק שחשוב: רנדרו ב-2× או 4× וה-PNG נשאר חד עד הפיקסל גם בגדלים גדולים, עם שקיפות מלאה שעוברת מה-SVG.
שימושי גם: המרת SVG ל-JPG
איך זה עובד
גררו קובצי SVG אל הכלי — גם הדבקה של אייקונים עתירי-קוד ישירות מהלוח עובדת.
בחרו קנה מידה לייצוא מ-1× עד 4× (ברירת מחדל 2×): הוא מכפיל את הגודל המוצהר של ה-SVG, וכל קנה מידה יוצא חד כתער כי הפיקסלים מגיעים מווקטורים.
הורידו קובצי PNG חדים בנפרד או ארוזים, עם השקיפות בדיוק כפי שתוכננה.
SVG vs PNG
זה לא טוב-מול-רע — וקטורים ופיקסלים פותרים בעיות שונות. ה-SVG נשאר קובץ המאסטר: נמתח בלי סוף, ניתן לעריכה, זעיר. ה-PNG הוא הייצוא המתכלה למצגות, חנויות וטפסים שמסרבים לווקטורים. המירו עותקים; אל תחליפו את המקור לעולם.
| SVG | PNG | |
|---|---|---|
| דחיסה | וקטורי (טקסט XML) | ללא איבוד |
| שקיפות | כן (אלפא מלא) | כן (אלפא מלא) |
| אנימציה | כן (CSS/SMIL) | לא |
| תאימות | כל הדפדפנים; טפסי העלאה רבים דוחים אותו | אוניברסלית — כל דפדפן, תוכנה ומערכת |
| מתאים ל... | לוגואים, אייקונים ואיורים | לוגואים, צילומי מסך וגרפיקה עם שקיפות |
שאלות נפוצות
לא — וזו בדיוק הסיבה שהאתר הזה קיים. ההמרה מתבצעת כולה בדפדפן שלכם באמצעות WebAssembly, כך שהקבצים לא עוזבים את המכשיר ואף שרת לא מעורב בתהליך. הכלי ממשיך לעבוד גם בלי חיבור לאינטרנט אחרי שהעמוד נטען, ואין מגבלת גודל מלבד זיכרון המכשיר.
SVG הוא פורמט וקטורי בלי גודל פיקסלים קבוע, ולכן רזולוציית הפלט נקבעת על ידכם. קנה המידה מכפיל את הגודל המוצהר בקובץ: אייקון של 100×100 בייצוא ×3 יוצא כתמונה של 300×300. מכיוון שהציור נעשה ישירות מהווקטורים, הקצוות נשארים חדים לחלוטין בכל קנה מידה — עדיף לבחור מראש את הגודל שאתם צריכים במקום להגדיל אחר כך.
כן — כל אזור שה-SVG משאיר לא צבוע יוצא שקוף ב-PNG, בדיוק כפי שתוכנן. זה מה שהופך את הייצוא הזה לנכון ללוגואים ואייקונים שישבו על רקעים לא ידועים.
הכלי קורא את הרוחב/גובה שה-SVG מצהיר; קנה המידה מכפיל אותם. אם ל-SVG יש רק viewBox בלי גודל מפורש, דפדפנים מניחים ברירת מחדל — אם הפלט נראה קטן, פשוט העלו את קנה המידה ל-3× או 4×.
תוכן מוטמע (נתיבים בקוד, תמונות base64 מוטמעות) מרונדר מצוין. הפניות לקבצים חיצוניים או לפונטי רשת — לא בהכרח: הדפדפן חוסם טעינות חוצות-מקור בזמן הרסטור. ל-SVG עתיר טקסט, המירו קודם את הטקסט לקווי מתאר בכלי העיצוב.
כי חצי מעולם התוכנה לא מסוגל לצרוך וקטורים: מצגות, מרקטפלייסים, דפי חנויות אפליקציות, רוב טפסי ההעלאה וכל רשת חברתית רוצים פיקסלים. תהליך העבודה שעובד הוא לשמור את ה-SVG כמאסטר ולייצא עותקי PNG בגודל שכל יעד צריך — בוחר קנה המידה 1–4× קיים בדיוק כדי שהעותקים האלה ירונדרו חדים במקום להימתח אחרי מעשה.
בכל פעם שהיעד באמת תומך בווקטורים — האתר שלכם, מערכת אייקונים, העברה למעצב. לוגו מרוסטר ננעל על רזולוציה אחת; המקור נשאר חד בכל גודל ובדרך כלל שוקל פחות מ-PNG גדול אחד. רסטרו פר יעד, לעולם לא כדרך לאחסן את היצירה. להגשה ברשת שבה הגודל חשוב מכול, המרת SVG ל-WebP מייצרת עותקים קלים יותר מ-PNG.
כלים קשורים
המרת SVG ל-JPG
המרת SVG ל-JPG בדפדפן — בחינם, בפרטיות ובלי צורך בהעלאה. רסטור גרפיקה וקטורית על רקע לבן נקי בקנה המידה שתבחרו, 1–4×.
המרת SVG ל-WebP
המרת SVG ל-WebP בדפדפן — בחינם, בפרטיות ובלי העלאה. עותקי רסטר קטנים וחדים של אמנות וקטורית עם אלפא מלא, בגודל שקובע בוחר ה-1–4×.
המרת PNG ל-ICO (אייקון אתר)
ממירים PNG לקובץ ICO אמיתי עם שלושה גדלים — 16, 32 ו-48 פיקסלים — בדפדפן ובחינם. שקיפות מלאה נשמרת, והקובץ לא מועלה לשום שרת בדרך.
המרת SVG ל-ICO (אייקון אתר)
המקור הטוב ביותר ל-favicon: ה-SVG מצויר פי 4 מגודלו המוצהר ואז מוקטן לרשומות חדות של 16, 32 ו-48 פיקסלים — עם שקיפות מלאה, בדפדפן בלבד.