آموزش تبدیل تصاویر به فرمت SVG با روشی ساده

جمعه ۵ شهریور ۱۳۹۵

آموزش تبدیل تصاویر به فرمت SVG با روشی سادهReviewed by جواد نبوی on Aug 26Rating: 4.0

تبدیل تصاویر معمولی و ساخت تصاویر SVG

حتما با فرمت SVG که برای نمایش تصاویر وکتور در وب استفاده می شود آشنا هستید. این نوع از تصاویر به صورت کد در صفحات وب نوشته می شوند. به همین دلیل زوم کردن بر روی کیفیت آنها هیچ تاثیری نمیگذارد و همچنان با کیفیت بالا نمایش داده میشوند. به علاوه، ححم پایین تری نسبت به تصاویر ساده و معمولی دارند. از این فرمت برای ساخت فونت آیکون ها هم استفاده میشود. قبلا در مطلبی به آموزش روش های استفاده از تصاویر SVG در صفحات وب پرداخته بودیم. اما شاید مشکلی که اغلب طراحان داشته باشند، ساخت اینگونه تصاویر است. اگر کار با نرم افزار Adobe Illustrator را بلد باشید خیلی ساده میتوانید این تصاویر را تولید کنید. اما در غیر اینصورت باید از روش های دیگری استفاده کنید. مثلا تصاویر PNG یا سایر فرمت ها را به SVG تبدیل کنید. البته اینکار کمی سخت است اما با روشی که امروز به شما معرفی میکنیم خیلی راحت میتوانید هر نوع تصویر PNG یا JPG ای را به SVG تبدیل کنید. برای یاد گرفتن بهترین روش تبدیل تصاویر به فرمت SVG در ادامه با وب تستر همراه باشید.

آموزش ساخت تصاویر SVG

تبدیل تصاویر PNG به SVG با استفاده از Vector Magic

برای تبدیل تصاویر به فرمت SVG روش های زیادی وجود دارد. اما اغلب آنها یا به درستی عمل نمیکنند و یا تصاویر را به وکتور تبدیل نمیکنند. با نرم افزار Vector Magic خیلی راحت میتوانید تصاویرتان را به فرمت SVG تبدیل کنید. ابتدا نرم افزار را از لینک زیر دانلود کرده و نصب کنید:

پس از نصب نرم افزار آن را باز نکنید، از پوشه KEYGEN فایلی که دانلود کردید، فایل Keygen.exe را باز کنید. سپس روی دکمه Generate کلیک کنید. حال میتوانید نرم افزار را اجرا کنید.

پس از آنکه نرم افزار را باز کردید، صفحه ای به شکل زیر میبینید:

تبدیل تصاویر به فرمت SVG

عکس مورد نظرتان را دراگ کنید و وارد محیط نرم افزار کنید. سعی کنید عکسی که وارد میکنید با فرمت PNG و به صورت transparent باشد. یعنی پس زمینه اش خالی باشد (شطرنجی).

تبدیل تصاویر PNG به SVG

روی دکمه Basic در سمت راست نرم افزار کلیک کنید.

در مرحله بعد، درصورتی که تصویر شما یک عکس واقعی است، دکمه اول یعنی Photograph را انتخاب کنید. در صورتی که تصویر شما یک طرح کامپیوتری است گزینه دوم یعنی Artwork with Blended Edges و یا گزینه سوم را انتخاب کنید. دکمه دوم برای تصاویر کامپیوتری با لبه های نرم و دکمه سوم برای تصاویر کامپیوتری با لبه های تیز استفاده میشود. در اغلب موارد گزینه دوم پیشنهاد میشود.

تبدیل تصاویر به فرمت SVG

در صفحه بعدی روی دکمه Leave Transparent کلیک کنید.

تبدیل تصاویر به فرمت SVG

وارد صفحه ای میشوید که باید کیفیت تصاویر نهایی را مشخص کنید. پیشنهاد میشود روی دکمه High کلیک کنید تا با بالاترین کیفیت تصویر SVG شما تولید شود.

تبدیل تصاویر PNG به SVG

در مرحله بعد، باید تعداد رنگ های موجود در تصویرتان را انتخاب کنید. اگر فقط از دو رنگ استفاده شده (مثلا سیاه و سفید) بهتر است روی دکمه Two Colors کلیک کنید. در غیر اینصورت میتوانید دو دکمه بعدی یعنی Custom Colors یا Unlimited Colors را انتخاب کنید. پیشنهاد میشود گزینه Unlimited Colors را انتخاب کنید.

آموزش تبدیل تصاویر به فرمت SVG

حالا منتظر بمانید تا عملیات تبدیل تصویر به وکتور به انجام برسد. پس از آن روی دکمه Done Reviewing کلیک کنید.

آموزش تبدیل تصاویر PNG به SVG

حالا در پنجره جدید، روی دکمه Save As کلیک کنید. کادری باز میشود که باید محل ذخیره تصویر را انتخاب کنید. پس از آنکه محل مورد نظر را انتخاب کردید، در بخش پایین کادر، از قسمت Save as type گزینه Scalable Vector Graphics را انتخاب نمایید. در نهایت روی دکمه Save کلیک کنید تا تصویر SVG شما ذخیره شود.

آموزش تبدیل تصاویر به فرمت SVG

حالا میتوانید فایل SVG ذخیره شده را با مرورگرتان باز کنید تا تصویر را ببینید. میبینید که هر چقدر هم زوم کنید روی کیفیت تصویر تاثیری ندارد.

پیش نمایش طرحی که ما ساخته ایم را میتوانید در لینک زیر ببینید:

وقتی وارد صفحه شدید به پایین اسکرول کنید تا تصویر را ببینید.

پس از اینکه عملیات تبدیل تصاویر به فرمت SVG را انجام دادید، در مرحله بعد باید این تصویر را وارد صفحه وب کنید، برای اطلاعات بیشتر پیشنهاد میکنیم مقاله استفاده از تصاویر SVG در وب را ببینید.

تبلیغات

نویسنده (مدیر سایت)

جواد نبوی هستم. حدود 7 سالی میشه در زمینه طراحی وب و گرافیک کار می کنم و بعد از توپ دیزاین، این دومین سایت آموزش طراحی وب و گرافیک هستش که راه انداختم. امیدوارم بتونم برای همه ی شما مفید باشم.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *