IMG.DIY / افزوده‌ها / تصویر به SVG

تصویر به SVG

یک لوگو، آیکون یا طرح خطی تخت را به یک SVG مقیاس‌پذیر تبدیل کنید — به‌صورت محلی در مرورگر شما ردیابی می‌شود.

تصویر به SVG visual example
حریم خصوصی در اولویت: چیزی آپلود نمی‌شود.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

تصویر به SVG: 1 · Choose input
1 · Choose input
تصویر به SVG: 2 · Adjust and process
2 · Adjust and process
تصویر به SVG: 3 · Download result
3 · Download result

یک لوگو یا آیکون دارید که فقط به‌صورت یک PNG کوچک وجود دارد، و آن را در هر اندازه‌ای واضح می‌خواهید؟ این ابزار تصویر را به یک SVG ردیابی می‌کند — یک وکتور ساخته‌شده از شکل‌ها و مسیرها که به هر اندازه‌ای بدون محو شدن مقیاس می‌گیرد. یک سبک از تخت تا پرجزئیات انتخاب کنید، و SVG را دانلود کنید.

ردیابی در مرورگر شما با موتور imagetracer اجرا می‌شود، پس چیزی آپلود نمی‌شود. درباره‌ی محدودیت‌ها صادق باشیم: روی لوگوهای تخت، آیکون‌ها و هنر خطی می‌درخشد. عکس‌ها هم ردیابی می‌شوند، اما فایل‌های عظیم و بی‌ریخت تولید می‌کنند — برای عکس یک فرمت رستر می‌خواهید، نه SVG.

نحوه استفاده

  1. یک تصویر اضافه کنیدیک لوگو، آیکون یا طرح PNG یا JPG را رها کنید.
  2. یک سبک انتخاب کنیدتخت/لوگو، پرجزئیات، پوستری، یا سیاه‌وسفید — پیش‌نمایش زنده به‌روز می‌شود.
  3. SVG را دانلود کنیدوکتور را ذخیره کنید، آماده‌ی مقیاس‌گرفتن به هر اندازه‌ای.

این ابزار یک تصویر رستری — یک PNG یا JPG — را همان‌جا در مرورگر شما به یک SVG برداری ردیابی می‌کند. تصویر را از یک canvas روی دستگاه خودتان می‌خواند و از موتور imagetracer برای یافتن شکل‌های داخل آن استفاده می‌کند، و مسیرهای برداری را دور هر ناحیهٔ رنگ می‌کشد. نکتهٔ رسیدن به آن‌جا این است که یک SVG از هندسه ساخته شده، نه پیکسل، پس چه یک favicon باشد و چه یک بیلبورد کاملاً تیز می‌ماند، در حالی که یک PNG لحظه‌ای که بزرگش کنید تار می‌شود. یک تصویر می‌اندازید، یک پیش‌تنظیم سبک انتخاب می‌کنید، پیش‌نمایش قبل/بعد را مقایسه می‌کنید، و SVG را دانلود می‌کنید.

روی ورودی تخت و تمیزلبه واقعاً خوب است: لوگوها، آیکون‌ها، تصویرسازی‌های ساده، خط‌هنر، خطاطی دستی. آن‌ها یک پالت کوچک و لبه‌های قطعی دارند، که دقیقاً همان چیزی است که یک ردیاب خوب می‌خواند، پس یک SVG مرتب و قابل‌ویرایش با تعداد اندکی شکل می‌گیرید. پیش‌تنظیم‌ها نتیجه را هدایت می‌کنند — Flat/logo رنگ‌ها را کم نگه می‌دارد، Detailed بیشتر اجازه می‌دهد، Posterized تصویر را به تخت‌های پررنگ نوارنوار می‌کند، Black & white آن را به دو تُن تقلیل می‌دهد. همه‌چیز به‌صورت محلی اجرا می‌شود: چیزی آپلود نمی‌شود، حسابی نیست، و پس از بارگذاری آفلاین به کار ادامه می‌دهد. این یک ردیابی واقعی است، نه یک بازکشیدن AI — از پیکسل‌های شما پیروی می‌کند به‌جای اختراع یک تصویر تمیزتر.

مردم از آن برای چه استفاده می‌کنند

یک لوگوی PNG تخت را به یک SVG بدل کنید که از favicon تا بیلبورد تیز می‌ماند

یک آیکون ساده یا نقاشی خط‌هنر را برداری کنید تا بعداً بتوانید رنگ‌دهی مجددش کنید

خطاطی دستی یا طرح یک امضا را به یک شکل برداری قابل‌ویرایش تبدیل کنید

یک مهر دو یا سه‌رنگ را برای چاپ ردیابی کنید، جایی که لبه‌های تیز در هر اندازه مهم‌اند

یک تصویرسازی را به SVG ببرید تا روی صفحه‌های با رزولوشن بالا تمیز مقیاس بگیرد

یک لوگوی کوچک و تار را به‌صورت مسیرهای برداری بازبسازید که می‌توانید در یک ویرایشگر تمیزشان کنید

تفاوت میان عکسِ یک شکل و خودِ شکل

یک PNG یا JPG یک شبکه از پیکسل‌هاست. آن را فراتر از اندازه بومی‌اش بزرگ کنید و شبکه پیدا می‌شود: لبه‌ها به پله‌های راه‌پله تبدیل می‌شوند، یک لوگوی تیز نرم می‌شود، و مرورگر هیچ کاری نمی‌تواند بکند چون جزئیات هرگز آنجا نبود. یک SVG چیز کاملاً دیگری را ذخیره می‌کند — خودِ هندسه. یک دایره به‌عنوان یک دایره توصیف می‌شود، یک منحنی به‌عنوان یک path، یک پُر به‌عنوان یک رنگ. چون شکل‌ها ریاضی‌اند، نه پیکسل، در هر اندازه‌ای تیز دوباره کشیده می‌شوند. برای همین است که لوگویی که می‌خواهید روی یک کارت ویزیت، یک بیلبورد، و یک favicon بگذارید واقعاً می‌خواهد یک SVG باشد: یک فایل، بدون محویت، در هر مقیاسی.

این ابزار یک تصویر رستری را به آن نوع فایل برداری تبدیل می‌کند، و کل ماجرا را در مرورگر شما انجام می‌دهد. یک PNG یا JPG انتخاب می‌کنید، شکل‌ها را با موتور imagetracer ردیابی می‌کند، و یک SVG برمی‌گیرید. تصویر از یک canvas روی دستگاه خودتان خوانده می‌شود — چیزی آپلود نمی‌شود، حساب کاربری‌ای نیست، و همین‌که صفحه بارگذاری شد با شبکه خاموش به کار ادامه می‌دهد. عکسی که می‌اندازید هرگز دستگاهتان را ترک نمی‌کند.

در چه چیزی واقعاً خوب است

ردیابی وقتی می‌درخشد که ورودی تخت و تیزلبه باشد: یک لوگو، یک آیکون، یک تصویرسازی ساده، هنر خطی، یک تکه دست‌نوشته. این‌ها تعداد کمی رنگ توپُر و مرزهای مشخص دارند، که دقیقاً همان چیزی است که یک ردیاب خوب می‌خواند. هر ناحیه رنگ را پیدا می‌کند، یک path دورش می‌کشد، و نتیجه یک SVG مرتب با مشتی شکل است — فایل کوچک، لبه‌های تیز، آسان برای ویرایش بعدی.

پیش‌تنظیم‌ها هدایت می‌کنند که ردیاب چطور تصویرتان را بخواند. Flat / logo شمار رنگ را پایین و شکل‌ها را ساده نگه می‌دارد، بهترین برای یک نشان دو یا سه‌رنگ. Detailed رنگ‌های بیشتر و pathهای ظریف‌تر را برای تصویرسازی‌هایی که ظرافت بیشتری حمل می‌کنند اجازه می‌دهد. Posterized تصویر را به باندهای تخت جسور فرومی‌ریزد، یک ظاهر پوستر گرافیکی. Black & white همه‌چیز را به دو تُن کاهش می‌دهد، ایده‌آل برای هنر خطی، مهر و شبح‌ها. رنگ کمتر یعنی یک فایل کوچک‌تر و تمیزتر؛ رنگ بیشتر ظرافت را می‌گیرد اما path و وزن می‌افزاید. ارزش دارد دو پیش‌تنظیم را روی یک تصویر امتحان و مقایسه کنید — پیش‌نمایش قبل/بعد نسخه اصلی و ردیابی را کنار هم نشانتان می‌دهد تا پیش از دانلود قضاوت کنید.

هشدار صادقانه درباره عکس‌ها

یک عکس ردیابی می‌شود، اما تقریباً به‌طور قطع نمی‌خواهید بشود. یک عکس هزاران رنگ کمی متفاوت و هیچ لبه تیزی ندارد — یک ردیاب باید همه آن را با لکه‌های تخت انباشته و روی‌هم‌افتاده تقریب بزند. SVGای که بیرون می‌آید عظیم است (اغلب بسیار بزرگ‌تر از JPG اصلی)، ماله‌کشی‌شده و پوستری به‌نظر می‌رسد نه عکاسانه، و ویرایشش رنج‌آور است. برای هر چیز پیوسته‌تُن — آدم‌ها، مناظر، عکاسی محصول — یک فرمت رستری پاسخ درست است، و فشرده‌سازها و مبدل‌هایی برای آن هستند. SVG برای شکل‌هاست، نه برای عکس‌ها. این ابزار جلوی ردیابی یک عکس را نمی‌گیرد، اما پیش‌نمایش مشکل را آشکار می‌کند.

یک چیز دیگر که ارزش روشن‌بودن دارد: این ردیابی واقعی است. پیکسل‌هایی را که دادید می‌خواند و pathهای برداری‌ای می‌کشد که دنبالشان می‌کنند. یک هوش مصنوعی نیست که لوگوتان را به چیزی جدید دوباره بکشد یا «تمیز کند». اگر منبع محو، کم‌رزولوشن یا پرنویز باشد، ردیابی همان را به ارث می‌برد — یک ورودی تمیز، تیز و کم‌رنگ نتیجه‌ای تمیز می‌دهد، و یک ورودی درهم pathهای درهم.

پس از ردیابی رنگ عوض کنید و ویرایش کنید

چون خروجی یک SVG معمولی از pathها و پُرهای نام‌دار است، با رنگ‌هایی که ردیابی تولید کرد گیر نیفتاده‌اید. فایل را در یک ویرایشگر برداری باز کنید — Illustrator، Inkscape، Figma، یا حتی یک ویرایشگر متن — و می‌توانید یک ناحیه کامل را با تغییر یک پُر رنگ‌آمیزی کنید، یک path را هل بدهید، یک شکل سرگردانی را که ردیاب برداشته حذف کنید، یا رنگ‌ها را به hex دقیق برندتان تنظیم کنید. این مزیت واقعی درآوردن یک لوگو به شکل برداری است: از یک عکس ثابت‌بودن دست می‌کشد و به یک شیء قابل‌ویرایش که مالکش هستید تبدیل می‌شود، در هر اندازه‌ای، بدون محویت.

چرا IMG.DIY

رستر ← وکتور

PNG/JPG را به مسیرهای SVG مقیاس‌پذیر تبدیل می‌کند.

پیش‌تنظیم‌های سبک

تخت، پرجزئیات، پوستری یا سیاه‌وسفید.

تمیز مقیاس می‌گیرد

در هر اندازه‌ای واضح، برخلاف یک رستر کشیده‌شده.

خصوصی

به‌صورت محلی ردیابی می‌شود — هرگز آپلود نمی‌شود.

پرسش‌های متداول

چه تصاویری بهترین‌اند؟
لوگوهای تخت، آیکون‌ها، تصویرسازی‌های ساده و هنر خطی. رنگ‌های کمتر و لبه‌های تمیز SVGهای تمیز و فشرده می‌دهند.
چرا عکس من یک SVG غول‌پیکر می‌سازد؟
عکس‌ها هزاران ناحیه‌ی رنگی ظریف دارند، پس ردیابی شمار عظیمی از مسیرها می‌سازد. SVG فرمت اشتباهی برای عکس است — آن‌ها را به‌صورت JPG/PNG نگه دارید.
آیا می‌توانم بعداً SVG را رنگ‌آمیزی مجدد کنم؟
بله. خروجی مسیرهای استاندارد SVG است، پس می‌توانید آن را در یک ویرایشگر وکتور باز کنید و پرکردن‌ها، اندازه‌ها و رنگ‌ها را عوض کنید.
آیا تصویر من آپلود می‌شود؟
خیر. ردیابی کاملاً در مرورگر شما اجرا می‌شود؛ تصویر هرگز از دستگاهتان خارج نمی‌شود.
چه نوع تصویری بهترین ردیابی را می‌دهد؟
چیزی تخت و تمیزلبه با تعداد کمی رنگ توپر — یک لوگو، آیکون، تصویرسازی ساده یا خط‌هنر. ردیاب هر بلوک رنگ را می‌یابد و یک مسیر تنگ دورش می‌کشد، پس یک منبع تیز و با رزولوشن بالا با رنگ‌های کم یک SVG کوچک و تیز می‌دهد. گرادیان‌های نرم و جزئیات شلوغ گیجش می‌کنند و شلوغی اضافه می‌کنند.
چرا ردیابی یک عکس یک فایل به این بزرگی می‌سازد؟
یک عکس هزاران رنگ کمی متفاوت و هیچ لبهٔ سختی ندارد، پس ردیاب مجبور است همه را با تودهٔ روی‌هم و همپوشان از رنگ تخت تقریب بزند. آن یک SVG بسیار بزرگ‌تر از JPG اصلی تولید می‌کند، که به‌جای عکسی، لکه‌شده به‌نظر می‌رسد. برای عکس‌ها، یک فرمت رستری نگه دارید و فشرده‌اش کنید — SVG برای شکل‌هاست، نه تُن پیوسته.
آیا می‌توانم پس از ردیابی رنگ‌ها را عوض کنم؟
بله. خروجی یک SVG معمولی از مسیرها و پرکردن‌های نام‌دار است، پس آن را در یک ویرایشگر برداری مثل Illustrator، Inkscape یا Figma باز کنید و رنگ یک کل ناحیه را با ویرایش یک پرکردن عوض کنید. می‌توانید مقادیر hex دقیق برند را تنظیم کنید، شکل‌های سرگردانی را که ردیابی برداشته حذف کنید، یا مسیرها را تلنگر بزنید — ردیابی یک نقطهٔ شروع است، نه یک نتیجهٔ قفل‌شده.
آیا تصویرم جایی آپلود می‌شود؟
نه. کل ردیابی در مرورگر شما اجرا می‌شود — تصویر از یک canvas روی دستگاه خودتان خوانده می‌شود و هرگز دستگاه شما را ترک نمی‌کند. حساب و سروری نیست، و پس از بارگذاری صفحه با شبکهٔ خاموش کار می‌کند، که برای یک لوگویی که ترجیح می‌دهید جای دیگری نفرستید ارزش داشتن دارد.

ابزارهای مرتبط

راهنماها و نکته‌ها