تبدیل WebP به SVG
WebP از پیکسل ساخته شده و SVG از شکل‌ها، پس هیچ تبدیل بدون افتی میان این دو وجود ندارد. این صفحه فایل WebP شما را به مسیرهای وکتور واقعی ردیابی می‌کند که می‌توانید آنها را بزرگ کنید، رنگشان را تغییر دهید و برش بزنید. این روش روی لوگوها، آیکون‌ها و تصویرسازی‌های تخت بهترین نتیجه را می‌دهد.
تبدیل عکس به SVG
یا فایلهای JPG, JPEG, JFIF … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش میشوند و پس از 30 دقیقه حذف میشوند.
مقدار بیشتر لکه‌های ریز و بافت ظریف را نگه میدارد؛ مقدار کمتر شکل‌های کوچک‌تر از چند پیکسل را حذف و نویز را پاک می‌کند.
مقدار بیشتر لبههای دندانهدار ورودی کموضوح یا JPG را گرد می‌کند؛ مقدار کمتر گوشههای تیز را نگه میدارد.
منحنی نرم برای بیشتر تصاویر، پارهخط مستقیم برای لوگوهای هندسی، لبه پیکسلی برای حفظ حالت بلوکی پیکسلآرت.
فقط برای ورودی PDF: کدام صفحهها تبدیل شوند، مثلاً 1 یا 1-3, 5. هر صفحه فایل جداگانهای میشود.
نحوه استفاده از این ابزار
- 1
فایل WebP را بارگذاری کنید
یک لوگو، آیکون یا استیکر ذخیره‌شده از یک وب‌سایت را اضافه کنید؛ تا ۲۰ فایل و هر کدام حداکثر 95 MB. تصاویر مبدأ بزرگتر و تمیزتر، نتیجهٔ بهتری در ترسیم میدهند.
- 2
تعداد رنگ‌ها را تعیین کنید
تعداد رنگ‌ها از 12 شروع میشود که برای بیشتر لوگوها کافی است. برای نشانی دورنگ آن را کمتر کنید، یا برای فایل برش تک‌رنگ حالت رنگ را روی سیاه‌وسفید بگذارید.
- 3
به SVG وکتور کنید
روی وکتورسازی به SVG بزنید و فایل‌ها را دانلود کنید. برای بررسی شکل‌ها آنها را در Inkscape، Illustrator، Figma یا Cricut Design Space باز کنید.
آیا واقعاً میشود WebP را به SVG تبدیل کرد؟
فقط با ترسیم وکتوری. WebP پیکسل ذخیره می‌کند و SVG شکل. این ابزار رنگهای WebP شما را بهصورت مسیرهای وکتور دوباره می‌کشد؛ هر ابزاری که فقط پسوند را عوض کند یا تصویر پیکسلی را جاسازی کند، SVGای می‌دهد که با بزرگنمایی همچنان تار میشود.
تبدیل WebP به SVG: ردیابی در برابر جاسازی
WebP را گوگل در سال 2010 عرضه کرد؛ قالبی شطرنجی است، یعنی شبکه‌ای از پیکسلهای رنگی که برای انتقال سریع در وب فشرده شده‌اند. SVG که از سال 2001 استاندارد W3C است، خطوط، منحنیها و رنگ‌ها را بهصورت متن توصیف می‌کند. تبدیل اولی به دومی به دو روش بسیار متفاوت ممکن است و بیشتر مبدلهای رایگان روشی را برمی‌گزینند که به کار شما نمی‌آید.
در روش جاسازی، SVGای ساخته میشود که WebP را بهصورت متن base64 در خود دارد. base64 حجم تصویر را حدود یک‌سوم افزایش می‌دهد و نتیجه همچنان تصویر پیکسلی با برچسب وکتور است. ترسیم وکتوری، روشی که اینجا و در قابلیت Trace Bitmap نرم‌افزار Inkscape (بر پایهٔ الگوریتم Potrace) به کار می‌رود، نواحی رنگی را می‌خواند و بهصورت مسیر می‌نویسد. نتیجه واقعاً مقیاس‌پذیر و قابل‌ویرایش است، به بهای از دست رفتن جزئیات ریز. راهنمای تبدیل تصویر به SVG همهٔ تنظیمات ترسیم را توضیح می‌دهد.
SVG ردیابی‌شده در برابر WebP جاسازیشده: هر فایل چه کاری می‌کند
| SVG ترسیمشده | SVG حاوی WebP | WebP اصلی | |
|---|---|---|---|
| واضح در هر بزرگنمایی | yes | no | no |
| شکل‌های قابل‌ویرایش در Illustrator یا Inkscape | yes | no | no |
| قابل‌استفاده به‌عنوان مسیر برش Cricut یا لیزر | yes | no | no |
| حفظ جزئیات عکاسی | no | yes | yes |
| حجم معمول فایل | با جزئیات بیشتر میشود | حدود ⅓ بزرگتر از WebP | کمترین |
خواندن WebP
پیکسل‌ها و کانال آلفا خوانده میشوند؛ نواحی شفاف کنار گذاشته میشوند.
گروه‌بندی رنگ‌ها
پیکسلهای مشابه در تعداد رنگهای انتخابی شما ادغام میشوند.
کشیدن مسیرها
هر ناحیهٔ رنگی به منحنی‌های هموار تبدیل و در یک SVG بهینه نوشته میشود.
WEBP
تصویر WebP
WebP فرمت تصویری است که Google در 2010 برای سریع‌تر شدن بارگذاری صفحات وب منتشر کرد. هم فشرده‌سازی با اتلاف و بدون اتلاف، هم شفافیت آلفا و هم انیمیشن را در یک فرمت پشتیبانی می‌کند. فایلهای WebP با اتلاف معمولاً 25–35% کوچک‌تر از JPEG با کیفیت بصری مشابه‌اند و WebP بدون اتلاف معمولاً از PNG کوچک‌تر است. همه مرورگرهای فعلی از آن پشتیبانی میکنند، اما برخی نرم‌افزارهای دسکتاپ قدیمی، خدمات چاپ و فرم‌های بارگذاری هنوز آن را نمی‌پذیرند. Windows، macOS و بیشتر ویرایشگرهای تصویر امروزی فایلهای WebP را باز میکنند.
- فشرده‌سازی
- با اتلاف یا بدون اتلاف
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2010 · Google
SVG
گرافیک برداری مقیاس‌پذیر
SVG یک فرمت برداری مبتنی بر XML است که W3C در سال 2001 استانداردسازی کرد. به‌جای پیکسل، شکل‌ها، مسیرها و متن را توصیف می‌کند؛ بنابراین در هر اندازه‌ای شفاف میماند و برای لوگو و آیکن معمولاً بسیار کم‌حجم است. از شفافیت، استایل CSS، اسکریپت و انیمیشن پشتیبانی می‌کند و همه مرورگرها آن را بهصورت بومی نمایش میدهند. SVG برای عکس مناسب نیست و تصاویر پیچیده ممکن است کند رندر شوند. Illustrator، Inkscape، Figma و مرورگرها می‌توانند آن را باز و ویرایش کنند.
- فشرده‌سازی
- –
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2001 · W3C
کاربران وقتی تبدیل WebP به SVG را جست‌وجو میکنند که لوگو یا آیکونی را که از وب‌سایت ذخیره کرده‌اند باید مقیاس‌پذیر، قابل‌ویرایش یا قابل‌برش کنند، که فقط ترسیم وکتوری از پس آن برمی‌آید؛ جهت عکس آن، فقط یک تبدیل ساده به تصویر پیکسلی برای وب است.
دریافت SVG تمیز از WebP ذخیره‌شده از یک وب‌سایت
بیشتر فایلهای WebP که کاربران بهصورت وکتور می‌خواهند از یک سایت دانلود شده‌اند، یعنی برای یک صفحه کوچک شده و با فشرده‌سازی lossy ذخیره شده‌اند. نویز فشرده‌سازی دور لبهها به شکل‌های ریز و پراکنده تبدیل میشود و تصاویر کوچک پیکسل کافی برای پیدا کردن منحنی هموار به ابزار نمی‌دهند. از بزرگ‌ترین نسخه‌ای که پیدا می‌کنید شروع کنید؛ صفحهٔ مطبوعاتی یا برند سایت اغلب نسخهٔ بزرگتر یا SVG اصلی را ارائه می‌کند.
برای لوگوهای دارای منحنی هموارسازی را روی مقدار پیش‌فرض نگه دارید و برای نشان‌های هندسی با لبهٔ مستقیم، منحنیها را روی خطوط مستقیم بگذارید. پس از ترسیم، لکه‌های باقی‌مانده را در ویرایشگر خود پاک کنید. اگر فقط می‌خواستید تصویر جایی باز شود و نیازی به تغییر مقیاس نبود، تبدیل WebP به PNG راه سریع‌تر و دقیق است.
پرسش‌های تبدیل WebP به SVG
چرا مبدلهای دیگر WebP به SVG فایلی تار به من میدهند؟
بسیاری از آنها فایل WebP را بهصورت تصویر جاسازیشده داخل SVG میگذارند و فقط پسوند را عوض میکنند. فایل بهصورت SVG باز میشود، اما هنوز پیکسلی است؛ با بزرگنمایی تار میشود و شکل قابلویرایشی ندارد. فایل را در یک ویرایشگر متن باز کنید: اگر رشتهای طولانی با data:image دیدید، یعنی چیزی ترسیم نشده است.
آیا میتوانم عکس WebP را به SVG تبدیل کنم؟
میشود، اما نتیجه شبیه پوستر است: گرادیانهای نرم و رنگ پوست به نوارهای رنگی تخت تبدیل میشوند. عکس را باید در قالبهای شطرنجی نگه داشت. عکس را بهصورت WebP، JPG یا PNG نگه دارید و فقط لوگو، طرح خطی یا تصویرسازی موردنیاز را بهصورت وکتور ترسیم کنید.
آیا پسزمینهٔ شفاف WebP من شفاف میماند؟
بله. پیکسلهای شفاف شکلی ایجاد نمیکنند، پس پشت طرح ترسیمشده در SVG چیزی نیست. معمولاً برای استیکر یا لوگویی که روی پسزمینههای رنگی قرار میگیرد، دقیقاً همین را میخواهید.
لوگوی WebP را با چند رنگ ردیابی کنم؟
رنگهای تخت قابلمشاهده را بشمارید و دو یا سه رنگ برای لبههای نرم اضافه کنید. لوگوی دورنگ با 4 تمیز ترسیم میشود؛ تصویر یک شخصیت کارتونی ممکن است 16 تا 24 رنگ لازم داشته باشد. رنگهای زیاد باعث ایجاد تکههای باریک در امتداد همهٔ لبهها میشود.
آیا میتوانم فایل SVG را با Cricut یا دستگاه برش لیزری استفاده کنم؟
بله، این یکی از دلایل اصلی ترسیم است. Cricut Design Space فایل SVG را بهصورت لایه‌های جدا برای هر رنگ وارد می‌کند و نرم‌افزار لیزر مسیرها را به‌عنوان خط برش یا حکاکی می‌خواند. وقتی یک خط برش واحد میخواهید، سیاه‌وسفید را همراه با فقط خطوط دور استفاده کنید.
چرا SVG ردیابیشدهٔ من در مقایسه با لوگوی اصلی ناهموار به نظر میرسد؟
فایلهای WebP کمکیفیت وبسایتها اغلب فقط 100 تا 200 px عرض دارند و ابزار ترسیم باید منحنیها را از چند پیکسل حدس بزند. نسخهٔ بزرگتر لوگو را پیدا کنید، یا ابتدا با افزایش اندازهٔ تصویر آن را بزرگ کنید و دوباره ترسیم کنید.
- تبدیل PNG به SVG رایگانتبدیل رایگان PNG به SVG بدون ثبتنام: لوگو، آیکون و طرح خطی را به مسیرهای مقیاس‌پذیر تبدیل کنید. حالت رنگی، خاکستری یا سیاه‌وسفید و تعداد رنگ را انتخاب کنید.
- تبدیل JPG به SVGتبدیل JPG به SVG با ردیابی تصویر به شکل‌های وکتور قابل ویرایش، نه بستهبندی پیکسل‌ها. تعداد رنگ، نرمی و حذف پسزمینه را تنظیم کنید.
- تبدیل AVIF به SVGعکس AVIF را درون فایل SVG قرار دهید تا ابزارهای فقطSVG آن را بپذیرند و بدانید کی وکتورسازی واقعی لازم است. ۲۰ فایل در هر نوبت، حذف پس از 30 دقیقه.
- تبدیل عکس به SVGعکس را به SVG وکتوری با رنگهای تخت برای استنسیل، حکاکی لیزری، برچسب وینیل و چاپ سیلک تبدیل کنید. رنگ کم، منحنی نرم و حذف پسزمینه.
- تبدیل WebP به PNGWebP را بدون از دست رفتن شفافیت به PNG تبدیل کنید. لوگو و استیکر لبههای شفاف را حفظ میکنند؛ WebP متحرک: فریم اول یا همهٔ فریمها.
- تبدیل SVG به WebPتبدیل SVG به WebP با عرض موردنیاز صفحه و حفظ شفافیت. خروجی با اتلاف یا بدون اتلاف برای وردپرس، پیشنمایش شبکههای اجتماعی و تصاویر سنگین.