ממיר תמונת PNG לגרפיקת וקטור SVG
עטיפת תמונות ראסטר מסוג PNG בתוך מיכל וקטורי מסוג SVG XML עבור קנה מידה רספונסיבי לאינטרנט ושילוב בפריסות התואמות לווקטור.
השוואת פורמטים ומפרטים טכניים
| מפרט | PNG | SVG |
|---|---|---|
| סוג MIME | image/png | image/svg+xml |
| סוג | raster | vector |
| דחיסה | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .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 מורכב ברזולוציה גבוהה יכול להגיע בקלות ל-2 מגה-בייט, ולדרוש כ-3.2 שניות להורדה מעל חיבור סלולרי 4G תקני. קובץ ה-SVG המומר המקביל מצטמצם לרוב לכ-40 קילובייט בלבד, ונטען בפחות מ-0.1 שניות ב-4G וברגע אחד ברשתות 5G וסיבים אופטיים.
שאלות נפוצות
כיצד ממירים תמונת PNG לווקטור SVG ללא אובדן איכות?
הממיר עוטף את מפת הסיביות המלאה של ה-PNG ישירות בתוך מעטפת XML של SVG כזרם נתונים מוטמע מסוג Base64. פעולה זו שומרת על 100% מצבעי הפיקסלים המקוריים ומהשקיפות ללא אובדן דור כלשהו.
מה ההבדל בין תמונת PNG לווקטור SVG?
PNG הוא פורמט תמונת ראסטר המאחסן נתונים ויזואליים כרשת קבועה של פיקסלים צבעוניים הדחוסים באמצעות DEFLATE, מה שהופך את גודל הקובץ לתלוי בממדי הפיקסלים. SVG הוא פורמט תמונה וקטורי המאחסן נתונים ויזואליים כהוראות מתמטיות ניתנות לשינוי קנה מידה הכתובות בטקסט XML, המאפשרות לתמונה לשנות את גודלה אינסופית ללא טשטוש פיקסלים.