مبدل تصویر 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 |
| هدر بایتهای جادویی | 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 و ویوپورتهای رابط کاربری واکنشگرا میسازد. طراحان وب مکرراً این تبدیل را برای ادغام آثار هنری رستر در فایلهای اسپریت SVG، جریانهای کاری تصویرسازی برداری و وبسایتهای واکنشگرا بدون مدیریت فایلهای تصویری خارجی جداگانه انجام میدهند. SVG حاصل، کل گرافیک را به صورت خودکفا در قالب نشانهگذاری استاندارد XML بستهبندی میکند.
مشخصات فنی و تحلیل کدک
یک فایل PNG یک تصویر رستر با نوع MIME image/png است. این فایل با هدر بایت جادویی 89 50 4E 47 0D 0A 1A 0A شروع میشود و به دنبال آن قطعه دادههای فشردهشده با استفاده از الگوریتم DEFLATE که ترکیبی از دیکشنریهای لغزشی LZ77 و کدگذاری هافمن است، قرار میگیرد. در مقابل، یک فایل SVG از نوع MIME image/svg+xml استفاده میکند و به عنوان یک سند XML ساختاریافته است. در طول تبدیل، موتور تصویر را در حافظه کلاینت رستر میکند، بیتمپ را به PNG سریالسازی میکند و تصویر را به عنوان یک دیتای URI با کدگذاری Base64 درون یک عنصر ظرف <image> در SVG تعبیه میکند. این کار گرافیک را در یک فایل SVG معتبر و خودکفا با ابعاد تعریفشده viewBox بستهبندی میکند.
سازگاری با سیستمعامل و مرورگر
فایلهای SVG از پشتیبانی جهانی در تمام مرورگرهای مدرن وب از جمله کروم، سافاری، فایرفاکس و اج در ویندوز، مکاواس، لینوکس، iOS و اندروید برخوردارند. تصاویر PNG نیز این پشتیبانی جهانی مرورگر را به اشتراک میگذارند، اما موتورهای رندرینگ رستر با آنها به شدت به عنوان نقشههای پیکسلی و نه اسناد وکتور مقیاسپذیر رفتار میکنند.
اطلاعات مفید
از آنجایی که این تبدیل، بیتمپ رستر را به جای ردیابی مسیرهای برداری، در یک ظرف XML تعبیه میکند، گرافیک جزئیات دقیق پیکسل و شفافیت آلفا را حفظ میکند و در عین حال سازگاری کامل با رندرهای SVG را حفظ مینماید.
مقایسه فرمتها و مشخصات فنی
یک گرافیک رستر PNG پیچیده ۲ مگابایتی و یک فایل وکتور SVG تبدیل شده ۵۰ کیلوبایتی کاهش چشمگیر حجم را نشان میدهند. روی اتصال موبایل 4G استاندارد با سرعت ۱۵ مگابیت بر ثانیه، SVG تقریباً به طور آنی در کمتر از ۳۰ میلیثانیه بارگیری میشود، در حالی که PNG بزرگتر بیش از یک ثانیه کامل برای بارگیری و رمزگشایی زمان میبرد.
پرسشهای متداول
چگونه تصویر PNG را بدون افت کیفیت به بردار SVG تبدیل کنیم؟
مبدل، بیتمپ PNG با وضوح کامل را مستقیماً در داخل یک پوشش SVG XML به صورت یک جریان داده Base64 تعبیهشده کپسوله میکند. این کار ۱۰۰٪ رنگهای پیکسلی اصلی و شفافیت را بدون هیچگونه افت تولید حفظ میکند.
تفاوت بین تصویر PNG و بردار SVG چیست؟
PNG یک فرمت تصویر رستر است که دادههای بصری را به صورت یک شبکه ثابت از پیکسلهای رنگی فشردهشده با DEFLATE ذخیره میکند و اندازه فایل را به ابعاد پیکسل وابسته میسازد. SVG یک فرمت تصویر برداری است که دادههای بصری را به عنوان دستورالعملهای ریاضی مقیاسپذیر نوشته شده در متن XML ذخیره میکند و به تصویر اجازه میدهد بدون افت کیفیت (پیکسلی شدن) به طور نامحدود تغییر اندازه دهد.