نحوه استفاده
- یک فایل .svg (حداکثر ۵ مگابایت) انتخاب کنید یا کد SVG را در کادر قرار دهید.
- یک ضریب مقیاس مانند ۲× برای نمایشگرهای با تراکم بالا انتخاب کنید یا عرض دقیق را به پیکسل وارد کنید.
- پس‌زمینه را شفاف نگه دارید یا یک رنگ انتخاب کنید.
- پیش‌نمایش را بررسی و PNG را دانلود کنید؛ اگر مرورگرتان پشتیبانی می‌کند، WebP را دانلود کنید.
نحوه کار
SVG یک قالب برداری است: شکل‌ها به‌صورت ریاضی توصیف می‌شوند، بنابراین می‌توان آن‌ها را در هر اندازه‌ای با وضوح بالا رسم کرد. PNG شبکه‌ای از پیکسل است که بسیاری از برنامه‌ها، سندها، سرویس‌های ایمیل و شبکه‌های اجتماعی به آن نیاز دارند. این ابزار SVG را با موتور رندر مرورگر خودتان در اندازه‌ای که انتخاب می‌کنید رسم می‌کند و پیکسل‌ها را به‌صورت PNG ذخیره می‌کند.
اندازه اولیه از ویژگی‌های width و height در SVG گرفته می‌شود. واحدهای مطلق به پیکسل تبدیل می‌شوند (1 in = 96 px، 1 pt = 1.33 px). اگر فقط یک بُعد یا هیچ‌کدام داده نشده باشد، viewBox نسبت و اندازه را مشخص می‌کند؛ بدون هیچ‌کدام، مرورگرها از 300 × 150 استفاده می‌کنند. مقادیر نسبی مانند 100% برای یک فایل مستقل قابل حل نیستند، بنابراین به‌جای آن از viewBox استفاده می‌شود.
SVG به‌صورت تصویر بارگذاری می‌شود که راهی امن برای رندر فایل‌های غیرقابل اعتماد است: اسکریپت‌ها اجرا نمی‌شوند و منابع خارجی مانند تصاویر پیوندشده، فونت‌های وب و فایل‌های CSS دریافت نمی‌شوند. متنی که به فونتی که نصب نکرده‌اید وابسته باشد، با فونت جایگزین رسم می‌شود. ابتدا XML بررسی می‌شود، بنابراین اشتباه تایپی به‌جای تصویر خالی خطایی واضح نشان می‌دهد.
نمونه‌ها
آیکون برنامه از لوگوی SVG
لوگویی با viewBox="0 0 64 64" که با عرض 1024 خروجی گرفته شود، یک PNG با ابعاد 1024 × 1024 با لبه‌های واضح می‌دهد؛ آماده برای فروشگاه برنامه یا تولیدکننده favicon.
تصویر Retina برای وب‌سایت
یک تصویرسازی 400 × 300 در مقیاس 1× که با مقیاس 2 خروجی گرفته شود، یک PNG 800 × 600 می‌دهد که در نمایشگرهای با تراکم بالا واضح میماند.
اسلاید یا سند
خروجی گرفتن از یک نمودار SVG با مقیاس ۳ و پس‌زمینه سفید، یک PNG تولید می‌کند که می‌توان آن را در نرم‌افزار ارائه که SVG را نمی‌پذیرد جای‌گذاری کرد.
پرسش‌های متداول
چرا متن من با فونت اشتباه نمایش داده می‌شود؟
هنگامی که یک SVG به‌عنوان تصویر رسم می‌شود، فونت‌های پیوندشده از وب بارگذاری نمی‌شوند. اگر فونت‌های نصب‌شده روی دستگاه شما با آن مطابقت داشته باشند، استفاده می‌شوند. برای اطمینان، متن را در برنامه طراحی خود به outline تبدیل کنید یا فونت را به‌صورت data URL در SVG جاسازی کنید.
چرا تصاویر پیوندی نمایش داده نمی‌شوند؟
هنگام رندر کردن SVG به‌عنوان تصویر، تصاویری که با URL درون SVG به آن‌ها ارجاع داده شده‌اند به دلایل امنیتی مسدود می‌شوند. تصاویر جاسازی‌شده (data: URL) کار می‌کنند.
حداکثر اندازه خروجی چقدر است؟
تا ۱۶٬۳۸۴ px در هر ضلع و در مجموع ۵۰ مگاپیکسل. خروجی‌های بسیار بزرگ از SVGهای پیچیده ممکن است چند ثانیه طول بکشند و روی گوشی‌های با حافظه کم ممکن است با خطا مواجه شوند.
آیا تبدیل SVG از یک منبع ناشناخته امن است؟
رندر کردن آن در اینجا امن است: SVGای که به‌صورت تصویر رسم می‌شود نمی‌تواند اسکریپت اجرا کند یا منابع خارجی بارگذاری کند. PNG تبدیل‌شده فقط شامل پیکسل‌هاست.
حریم خصوصی
SVG شما توسط مرورگرتان تجزیه و رسم می‌شود. آپلود نمی‌شود، ذخیره نمی‌شود و در تحلیل‌های آماری گنجانده نمی‌شود.