آموزش‌های عملی· 7 دقیقه مطالعه

تصویر را چگونه به گرافیک برداری SVG تبدیل کنیم؟ معرفی سه روش

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

اول: داوری کنید؛ آیا تصویر شما برای برداری‌سازی مناسب است؟

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

دوم: روش یکم؛ برداری‌سازی خودکار آنلاین (سریع‌ترین، مناسب تازه‌کارها)

به ابزار تبدیل تصویر به SVG در PolySVG به‌عنوان نمونه نگاه کنید؛ کل مسیر تنها چند ده ثانیه طول می‌کشد:

  1. بارگذاری تصویر: تصویر را بکشید و رها کنید، روی گزینهٔ انتخاب کلیک کنید یا اسکرین‌شات را مستقیم بچسبانید؛ قالب‌های PNG و JPG و WEBP و قالب‌های مشابه پشتیبانی می‌شوند و می‌توانید از ورودی‌های تخصصی هر قالب مانند تبدیل PNG به SVG و تبدیل JPG به SVG هم وارد شوید؛
  2. انتخاب حالت آماده: پنج حالت عکس، آیکون، لوگو، خط‌نما و کادر که پارامترهای هرکدام برای نوع خاصی از متریال تنظیم شده است؛
  3. تنظیم پارامترها: تعداد رنگ، میزان نرمی و شدت جزئیات قابل تغییر است؛ با کلیک روی تولید مقایسه کنید، هرچه تعداد رنگ کمتر باشد لکه‌های رنگی تمیزتر و فایل کوچک‌تر می‌شود؛
  4. حذف پس‌زمینه و دانلود: با یک کلیک پس‌زمینه را حذف کنید تا زمینه شفاف شود، فایل SVG را دانلود کنید یا برای صیقل نهایی وارد ویرایشگر شوید.

در لایهٔ زیرین، مدل اختصاصی سه گام کوانتیزه‌سازی رنگ، ردیابی مرز و برازش منحنی بزیر را انجام می‌دهد. تمام فرایند رایگان است و به ثبت‌نام نیاز ندارد.

برای یک دسته متریال، ثابت نگه‌داشتن حالت‌ها و پارامترها توصیه می‌شود تا سبک یکدست بماند؛ هنگام پردازش دسته‌ای، هر تصویر را جداگانه پیش‌نمایش کنید تا پس‌زمینهٔ پیچیده باعث باقی ماندن آثار پس‌زمینه نشود و در صورت نیاز همان تصویر را با پارامتر دیگری دوباره تبدیل کنید.

سوم: روش دوم؛ ردیابی تصویر در نرم‌افزار طراحی (مناسب کسانی که نرم‌افزار دارند)

اگر Illustrator دارید: پس از قرار دادن تصویر، پنل «ردیابی تصویر» را باز کنید، یکی از تنظیمات آماده مانند «سیاه‌وسفید» یا «شش رنگ» را انتخاب کنید، آستانه، تعداد مسیر و گوشه‌ها را تنظیم کنید و پس از پایان ردیابی روی «گسترش» بزنید تا نتیجه به مسیرهای قابل ویرایش تبدیل شود؛ سپس پس‌زمینه و نقطه‌های اضافی را حذف کنید. نرم‌افزار رایگان Inkscape هم قابلیت مشابهی با مسیر «مسیر ← ردیابی تصویر رستری» در اختیار می‌گذارد و منطق پارامترها مشابه است.

این روش کنترل دقیقی می‌دهد و برای کسانی که با نرم‌افزار آشنا هستند و به تنظیم ریز نیاز دارند مناسب است؛ عیب آن هزینهٔ یادگیری نرم‌افزار و زمان‌بر بودن تنظیم پارامترهاست.

چهارم: روش سوم؛ بازترسیم دستی با قلم پن (بالاترین کیفیت، بیشترین زمان)

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

پنجم: بررسی و بهینه‌سازی پس از تبدیل

  • بررسی لبه‌ها در بزرگ‌نمایی: تا ۴۰۰ درصد یا بیشتر بزرگ‌نمایی کنید و ببینید خط قطع‌شده، نقطهٔ اضافی یا دندانه‌دار شدن وجود ندارد؛
  • پاک‌سازی مسیرهای اضافی: در ویرایشگر SVG آنلاین روی لکه‌های رنگی کوچک باقی‌مانده از برداری‌سازی کلیک کنید و حذفشان کنید؛
  • کنترل تعداد رنگ: اگر فایل بزرگ است به مرحلهٔ تبدیل برگردید، تعداد رنگ را کم کنید و دوباره تولید کنید؛
  • فشرده‌سازی فایل: نکته‌های فشرده‌سازی و بهینه‌سازی SVG را در راهنمای هشت ترفند فشرده‌سازی SVG ببینید.
خلاصه: برای سرعت از برداری‌سازی خودکار آنلاین، برای کنترل از ردیابی نرم‌افزار و برای کیفیت حداکثری از بازترسیم با قلم پن استفاده کنید. برای بیشتر نیازها، همان روش اول به‌علاوهٔ کمی پاک‌سازی در ویرایشگر کافی است.

پرسش‌های پرتکرار

سریع‌ترین روش تبدیل تصویر به SVG کدام است؟

برداری‌سازی خودکار آنلاین سریع‌ترین روش است؛ با بارگذاری تصویر در چند ثانیه تا چند ده ثانیه SVG می‌گیرید و برای بیشتر متریال‌های گرافیکی کاملاً مناسب است.

آیا SVG حاصل قابل ویرایش است؟

بله. SVG از مسیر ساخته شده و می‌توانید در Illustrator یا Inkscape یا ویرایشگر آنلاین PolySVG رنگ آن را تغییر دهید، مسیرها را حذف کنید و کار را ادامه دهید.

همین حالا امتحان کنید

آموزش را تمام کردید؟ با ابزارهای رایگان PolySVG تمرین کنید:

ادامهٔ مطالعه