تبدیل SVG به PNG

مبدل SVG آنلاین رایگان - PNG به SVG، JPG به SVG، SVG به PNG، SVG به JPG

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

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

ما یک رابط کاربری ساده و روشن طراحی کرده‌ایم که نیازهای طراحان گرافیکی و توسعه دهندگان وب را برطرف می‌کند. کاملاً رایگان، ابزار آنلاین را باز کنید و شروع به تبدیل فایل به SVG یا تبدیل SVG به PNG، JPG کنید.

در زیر چند تبدیل تصویری معروف که پشتیبانی می‌شوند آورده شده است: PNG به SVG، JPG به SVG، SVG به PNG، SVG به JPG.

فرمت SVG چیست؟

SVG یکی از فرمت‌های رایج استفاده شده در توسعه وب و محیط‌های گرافیکی دیگر است. گرافیک وکتور قابل مقیاس بر اساس شرح خطوط، شکل‌ها، منحنی‌ها، رنگ‌ها و متون با استفاده از XML است. فرمت SVG قابل تغییر آسان است و می‌تواند در توسعه وب استفاده شود، طراحان می‌توانند با استفاده از جاوااسکریپت و CSS فرمت SVG را تغییر دهند. فرمت‌های تصویری سنتی مانند JPG و PNG نمی‌توانند ارتباط و قابلیت اصلاحی را که SVG ارائه می‌دهد، ارائه دهند.

دستورالعمل‌های متداول فرمت SVG

SVG (Scalable Vector Graphics) یک فرمت تصویری مبتنی بر XML است که تصویر گرافیکی وکتور دو بعدی را توصیف می‌کند. فایل‌های در فرمت SVG می‌توانند شامل انواع مختلفی از عناصر و دستورات باشند که برای تعریف ساختار، شکل، رنگ و ویژگی‌های دیگر تصویر استفاده می‌شوند. در زیر چند دستور متداول فرمت SVG به همراه مثال آورده شده‌اند:

دستورات مسیر:

دستور "انتقال به" (M): این دستور برای جابه‌جایی قلم به نقطه مشخص شده استفاده می‌شود، اما هیچ خطی نمی‌کشد. به عنوان مثال، M1010 قلم را به نقطه (10،10) منتقل می‌کند.

دستور "خط به" (L): این دستور برای کشیدن خط مستقیم بین موقعیت فعلی و موقعیت جدید استفاده می‌شود. به عنوان مثال، L5050 خط مستقیم بین موقعیت فعلی و نقطه (50،50) را می‌کشد.

دستور "خط افقی" (H): این دستور برای کشیدن خط افقی استفاده می‌شود. به عنوان مثال، H90 یک خط افقی را در مختصات y موقعیت فعلی تا مختصات x 90 می‌کشد.

دستور "خط عمودی" (V): این دستور برای کشیدن خط عمودی استفاده می‌شود. به عنوان مثال، V90 یک خط عمودی را در مختصات x موقعیت فعلی تا مختصات y 90 می‌کشد.

دستور "بستن مسیر" (Z): این دستور برای کشیدن خط مستقیم از موقعیت فعلی به نقطه شروع مسیر، بنابراین مسیر را می‌بندد.

دستورات برای عناصر شکل:

دستور مستطیل (rect): این دستور برای کشیدن مستطیل استفاده می‌شود. می‌توانید موقعیت و اندازه مستطیل را مشخص کنید. به عنوان مثال، <rectx="10"y="10"width="50"height="50"/> یک مستطیل با عرض 50 و ارتفاع 50 در مختصات (10،10) رسم می‌کند.

دستور دایره (circle): این دستور برای کشیدن دایره استفاده می‌شود. می‌توانید موقعیت مرکز دایره و شعاع را مشخص کنید. به عنوان مثال، <circlecx="50"cy="50"r="25"/> یک دایره با مرکز در مختصات (50،50) و شعاع 25 رسم می‌کند.

دستور بیضوی (ellipse): این دستور برای کشیدن بیضوی استفاده می‌شود. می‌توانید موقعیت مرکز بیضوی، شعاع افقی و شعاع عمودی را مشخص کنید. به عنوان مثال، <ellipsecx="75"cy="75"rx="50"ry="25"/> یک بیضوی با مرکز در مختصات (75،75)، شعاع افقی 50 و شعاع عمودی 25 رسم می‌کند.

دستور خط (line): این دستور برای کشیدن خط مستقیم استفاده می‌شود. می‌توانید نقطه شروع و پایان خط را مشخص کنید. به عنوان مثال، <linex1="0"y1="0"x2="100"y2="100"/> یک خط مستقیم از (0،0) به (100،100) رسم می‌کند.

دستور چندخط (polyline): این دستور برای کشیدن خط‌های چند قطعه‌ای استفاده می‌شود که از چند نقطه تشکیل شده است. می‌توانید چندین نقطه را مشخص کنید. به عنوان مثال، <polylinepoints="50,50 100,100 150,50 200,100"/> یک خط چندقطعه‌ای را که نقاط (50،50)، (100،100)، (150،50)، و (200،100) را به هم متصل می‌کند، رسم می‌کند.

دستور چندضلعی (polygon): این دستور برای کشیدن چندضلعی استفاده می‌شود که از چند قطعه‌ی خط تشکیل شده است. مشابه چندخط، می‌توانید چندین نقطه را مشخص کنید و چندضلعی به طور خودکار بسته می‌شود، آخرین نقطه را با اولین نقطه متصل می‌کند. به عنوان مثال، <polygonpoints="50,50 100,100 150,50"/> یک مثلث رسم می‌کند که نقاط (50،50)، (100،100)، و (150،50) را به هم متصل می‌کند.