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