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