تبدیل SVG به PNG
PNG راهی است که گرافیک برداری به جاهایی میرسد که SVG را نمیپذیرند: ارائهها، اسناد، فروشگاههای اپلیکیشن و فرمهای آپلود. مهمترین بخش، کلید مقیاس پایین صفحه است: در 2× یا 4× رندر کنید تا PNG حتی در اندازههای بزرگ تا پیکسل آخر واضح بماند و شفافیت SVG هم دستنخورده منتقل شود.
این هم به کار میآید: تبدیل SVG به JPG
چطور کار میکند
فایلهای SVG را روی ابزار رها کنید — چسباندن آیکون همراه با کد آن مستقیم از کلیپبورد هم کار میکند.
مقیاس خروجی را از 1× تا 4× انتخاب کنید (پیشفرض 2×): اندازهٔ اعلامشدهٔ SVG را ضرب میکند و هر مقیاسی تیز درمیآید، چون پیکسلها از بردار زاده میشوند.
PNGهای واضح را تکبهتک یا در یک فایل ZIP دانلود کنید — با شفافیتی دقیقاً مثل نسخهٔ اصلی.
SVG vs PNG
اینجا «بهتر» و «بدتر» معنا ندارد — بردار و پیکسل دو مسئلهٔ متفاوت را حل میکنند. SVG منبع اصلی شما میماند: بینهایت مقیاسپذیر، قابلویرایش و بسیار کوچک. PNG یک خروجی مصرفی برای ارائهها، فروشگاهها و فرمهایی است که بردار را نمیپذیرند. کپی بگیرید و هرگز نسخهٔ اصلی را جایگزین نکنید.
| SVG | PNG | |
|---|---|---|
| فشردهسازی | برداری (متن XML) | بدون اتلاف |
| شفافیت | دارد (آلفای کامل) | دارد (آلفای کامل) |
| انیمیشن | دارد (CSS/SMIL) | ندارد |
| پشتیبانی | همهٔ مرورگرها؛ بسیاری از فرمهای آپلود ردش میکنند | همگانی — مرورگرها، ویرایشگرها و سیستمعاملها |
| بهترین برای | لوگو، آیکون، تصویرسازی | لوگو، اسکرینشات، گرافیک شفاف |
پرسشهای پرتکرار
نه — این سایت دقیقاً برای همین ساخته شده. تبدیل بهطور کامل داخل مرورگر شما و با WebAssembly انجام میشود؛ فایلها دستگاه شما را ترک نمیکنند و هیچ سروری در این میان دخالتی ندارد. بعد از باز شدن صفحه، ابزار حتی بدون اتصال به اینترنت هم کار میکند، و تنها محدودیت اندازهٔ فایلها حافظهٔ دستگاه شماست.
قالب SVG برداری است و اندازهٔ ثابتی بر حسب پیکسل ندارد، پس وضوح خروجی را شما تعیین میکنید. مقیاس، ابعاد اعلامشدهٔ SVG را چند برابر میکند: یک آیکون 100×100 که با مقیاس 3× خروجی بگیرید، به تصویری 300×300 تبدیل میشود. چون ترسیم مستقیماً از بردارها انجام میشود، هر مقیاسی کاملاً واضح درمیآید — از همان ابتدا اندازهٔ متناسب با کارتان را انتخاب کنید، بهجای اینکه بعداً تصویر را بزرگ کنید.
بله — هر ناحیهای که SVG رنگنشده رها میکند، در PNG دقیقاً همانطور که طراحی شده شفاف بیرون میآید. به همین دلیل این خروجی درست برای لوگوها و آیکونهایی است که قرار است روی پسزمینهای ناشناخته بنشینند.
ابزار عرض و ارتفاعی را که خود فایل اعلام کرده میخواند و مقیاس آن را ضرب میکند. اگر فایل فقط viewBox داشته باشد و اندازهٔ صریح نداشته باشد، مرورگر یک مقدار پیشفرض میگذارد — اگر نتیجه ریز درآمد، مقیاس را به 3× یا 4× ببرید.
محتوای جاسازیشده — مسیرهای داخل فایل و تصاویر base64 — درست رندر میشود. ارجاع به فایلهای بیرونی یا وبفونتها ممکن است کار نکند، چون مرورگر هنگام رستر کردن بارگذاری از منبع دیگر را مسدود میکند. برای SVGهای پرمتن، متن را از پیش در ویرایشگر خود به مسیر تبدیل کنید.
چون نیمی از دنیای نرمافزار بردار را نمیفهمد: ارائهها، بازارها، فهرست فروشگاههای اپلیکیشن، بیشتر فرمهای آپلود و همهٔ شبکههای اجتماعی پیکسل میخواهند. روش درست این است که SVG را منبع نگه دارید و برای هر مقصد یک کپی PNG در اندازهٔ دلخواه بگیرید؛ کلید 1 تا 4× دقیقاً برای همین است که این کپیها واضح دربیایند نه کشآمده. برای وب که وزن مهم است، تبدیل SVG به WebP نسخهای سبکتر میسازد.
هر جا که مقصد بردار واقعی را میپذیرد — سایت خودتان، سیستم آیکون، تحویل طرح به طراح. لوگوی رسترشده به یک وضوح میخکوب میشود؛ نسخهٔ اصلی در هر اندازه واضح میماند و معمولاً از یک PNG بزرگ هم سبکتر است. برای مقصدی مشخص رستر کنید، نه برای نگهداری گرافیک.
ابزارهای مرتبط
تبدیل SVG به JPG
SVG را داخل مرورگر به JPG تبدیل کنید — رایگان، خصوصی و بدون آپلود. بردار روی پسزمینهٔ سفید تمیز و در مقیاس دلخواه از 1 تا 4× رستر میشود.
تبدیل SVG به WebP
SVG را داخل مرورگر به WebP تبدیل کنید — رایگان، خصوصی و بدون آپلود. کپیهای رستری کوچک و واضح از بردار، با آلفا و مقیاس دلخواه 1 تا 4×.
تبدیل PNG به ICO (فاوآیکون)
PNG را داخل مرورگر به ICO تبدیل کنید — رایگان و بدون آپلود. یک فایل با آیکونهای 16، 32 و 48 پیکسل و کانال آلفای کامل، یک فاوآیکون واقعی چنداندازه.
تبدیل SVG به ICO (فاوآیکون)
SVG را داخل مرورگر به ICO تبدیل کنید — رایگان و بدون آپلود روی سرور. بهترین منبع فاوآیکون: بردارها در 48، 32 و حتی 16 پیکسل واضح درمیآیند.