המרת PNG ל-SVG
הטמעת תמונות רסטר מסוג PNG בתוך מכולת SVG XML וקטורית מאפשרת שינוי גודל רספונסיבי באינטרנט ושילוב בפריסות התואמות לגרפיקה וקטורית.
השוואת פורמטים ומפרטים טכניים
| מפרט | PNG | SVG |
|---|---|---|
| סוג MIME | image/ | image/ |
| סוג | רסטר | וקטור |
| דחיסה | ללא אובדן נתונים (DEFLATE / LZ77 + Huffman) | טקסט XML ללא אובדן נתונים (ניתן לדחיסת GZIP באמצעות .svgz) |
| מפרט תקני | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| כותרת ביתים קסומים (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
סקירת פורמטים ושימושים
המרה של קבצי PNG לפורמט SVG עוטפת את מפת הסיביות (ראסטר) בתוך מיכל וקטורי מסוג XML, ומאפשרת למפתחי אתרים ומעצבים גרפיים להטמיע גרפיקה של ראסטר ישירות בתוך זרימות עבודה וקטוריות הניתנות לשינוי גודל. תמונת PNG ראסטרית משתמשת ברשת קבועה של פיקסלים צבעוניים. עטיפת גרפיקה זו לקובץ SVG שומרת על ממדי הפיקסלים המקוריים ועל השקיפות, תוך שהיא הופכת את התמונה לניתנת להטמעה ישירה בתוך פריסות אינטרנט המונעות על ידי SVG ובאזורי תצוגה (viewports) רספונסיביים. מעצבי אתרים מבצעים המרה זו לעיתים קרובות כדי לשלב יצירות אמנות ראסטריות בתוך גיליונות ספרטים (sprite sheets) של SVG, זרימות עבודה של איור וקטורי, ואתרי אינטרנט רספונסיביים מבלי לנהל קבצי תמונה חיצוניים נפרדים. קובץ ה-SVG התוצאה אורז את הגרפיקה כולה באופן עצמאי בתוך תחביר XML תקני.
מפרטים טכניים וסקירת מקודדים
קובץ PNG הוא תמונת ראסטר עם סוג ה-MIME image/png. הוא מתחיל בכותרת magic byte בגודל 89 50 4E 47 0D 0A 1A 0A, שלאחריה נתונים הדחוסים באמצעות אלגוריתם DEFLATE, המשלב מילונים נעים מסוג LZ77 וקידוד האפמן. בניגוד לכך, קובץ SVG משתמש בסוג ה-MIME image/svg+xml והוא מנוסח כמסמך XML. במהלך ההמרה, מנוע ההמרה ממיר את התמונה לראסטר בזיכרון הלקוח, ממיר את מפת הסיביות ל-PNG, ומטמיע את התמונה כ-Base64 data URI בתוך אלמנט מיכל מסוג <image> ב-SVG. פעולה זו אורזת את הגרפיקה לקובץ SVG תקין ועצמאי עם ממדי viewBox מוגדרים.
תאימות למערכות הפעלה ודפדפנים
קובצי SVG נתמכים בהרחבה בדפדפנים מודרניים, ובהם Chrome, Firefox, Safari ו-Edge, במערכות הפעלה למחשבים ולמכשירים ניידים כגון Windows, macOS, Android ו-iOS. מציגי תמונות וחבילות עיצוב כמו Adobe Illustrator, Inkscape ו-CorelDRAW תומכים בעריכת SVG באופן מובנה. גם PNG נתמך בהרחבה בדפדפנים ובמערכות הפעלה, אך כדי לצפות בסימון SVG גולמי דרוש עורך טקסט רגיל.
מידע שימושי
מכיוון שהמרה זו מטמיעה את מפת הסיביות הראסטרית בתוך מיכל XML במקום לעקוב אחר נתיבים וקטוריים (tracing), הגרפיקה שומרת על פירוט פיקסלים מדויק ושקיפות אלפא תוך שמירה על תאימות מלאה עם מציגי (renderers) SVG.
שאלות נפוצות
כיצד ממירים תמונת PNG לווקטור SVG ללא אובדן איכות?
הממיר עוטף את מפת הסיביות (bitmap) ברזולוציה מלאה של ה-PNG ישירות בתוך מעטפת XML של SVG כזרם נתונים מסוג Base64 מוטמע. פעולה זו שומרת על צבעי הפיקסלים והשקיפות ללא דחיסה אובדנית.
מה ההבדל בין תמונת PNG לווקטור SVG?
PNG הוא פורמט תמונת ראסטר המאחסן נתונים ויזואליים כרשת קבועה של פיקסלים צבעוניים הדחוסים באמצעות DEFLATE, מה שהופך את גודל הקובץ לתלוי בממדי הפיקסלים. SVG הוא פורמט תמונה וקטורי המאחסן נתונים ויזואליים כהוראות מתמטיות ניתנות לשינוי קנה מידה הכתובות בטקסט XML, המאפשרות לתמונה לשנות את גודלה אינסופית ללא טשטוש פיקסלים.