UltKit

تبدیل SVG به PNG

فایل SVG مجموعه‌ای از دستورهای ترسیم است و وضوح ثابتی ندارد. تبدیل آن به PNG یعنی ترسیم این دستورها روی شبکه‌ای از پیکسل‌ها؛ پس تنها تصمیم مهم این است که عرض خروجی چند پیکسل باشد.

مبدل عکس

یا فایل‌های JPG, JPEG, JPE … را اینجا رها کنید ·

حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه

خروجی

فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.

نحوه استفاده از این ابزار

  1. 1

    فایل‌های SVG را بارگذاری کنید

    لوگو، آیکون یا تصویرسازی‌هایی را که با پسوند .svg ذخیره شده‌اند در بخش بارگذاری رها کنید؛ حداکثر ۲۰ فایل در هر دسته و هر کدام تا 95 MB.

  2. 2

    عرض خروجی را تعیین کنید

    گزینهٔ تغییر اندازهٔ تصویر خروجی روی عرض 1024 px تنظیم شده است. مقدار دیگری در اندازه وارد کنید یا به تعیین ارتفاع یا تعیین بلندترین ضلع بروید؛ نسبت ابعاد طرح همیشه حفظ می‌شود.

  3. 3

    به PNG تبدیل کنید

    روی تبدیل به PNG بزنید و هر تصویر یا کل مجموعه را به‌صورت ZIP دانلود کنید. بخش‌های شفاف SVG شفاف می‌مانند.

پاسخ

چطور SVG را با اندازهٔ مشخص به PNG تبدیل کنم؟

SVG را بارگذاری کنید، عرض موردنیاز را به پیکسل وارد کنید (1024 px از قبل تنظیم شده) و روی تبدیل به PNG بزنید. ارتفاع بر اساس نسبت طرح محاسبه می‌شود و پس‌زمینه شفاف می‌ماند.

تبدیل SVG به PNG در اندازهٔ موردنیاز

SVG که از سال 2001 استاندارد W3C است، شکل‌ها را با مختصات توصیف می‌کند: اینجا دایره‌ای بکش و با این رنگ پر کن. برای همین لوگوی SVG هم روی کارت ویزیت و هم روی بیلبورد تیز می‌ماند. PNG چنین مقیاس‌پذیری ندارد. وقتی عرضش 512 px است، بزرگ کردنش یعنی ساختن پیکسل و لبه‌ها نرم می‌شوند. پس زمان تصمیم دربارهٔ اندازه همان لحظهٔ تبدیل است، تا وقتی که اطلاعات برداری هنوز در دسترس است.

بسیاری از فایل‌های SVG در کد خود عرض و ارتفاع کوچکی تعریف می‌کنند، گاهی 24 یا 48 px برای آیکون‌ها. رندر در همان اندازه PNG ریزی می‌دهد. این صفحه با تنظیم عرض خروجی روی 1024 px و جاسازی طرح در آن از این تله جلوگیری می‌کند و ارتفاع را از نسبت طرح حساب می‌کند. عدد را تا 20,000 px تغییر دهید؛ بزرگ کردن افت کیفیت ندارد، چون هر اندازه از نو از شکل‌های برداری رسم می‌شود.

تبدیل SVG به PNG برای چاپ: اینچ، DPI و پیکسل

اینچPixels at
72 DPI150 DPI300 DPI
172150300
2144300600
3.52525251050
8.561212752550
1179216503300

چهار نکته پیش از تبدیل SVG به تصویر پیکسلی

  1. فونت‌ها را به منحنی تبدیل کنید

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

  2. تصاویر پیوندی را جاسازی کنید

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

  3. بوم را بررسی کنید

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

  4. عرض را بر اساس کاربرد انتخاب کنید

    برای کارهای مختلف PNG جداگانه بگیرید، مثلاً 512 px برای عکس پروفایل و 2048 px برای اسلاید، نه یک اندازه برای همه‌چیز.

SVG

گرافیک برداری مقیاس‌پذیر

SVG یک فرمت برداری مبتنی بر XML است که W3C در سال 2001 استانداردسازی کرد. به‌جای پیکسل، شکل‌ها، مسیرها و متن را توصیف می‌کند؛ بنابراین در هر اندازه‌ای شفاف می‌ماند و برای لوگو و آیکن معمولاً بسیار کم‌حجم است. از شفافیت، استایل CSS، اسکریپت و انیمیشن پشتیبانی می‌کند و همه مرورگرها آن را به‌صورت بومی نمایش می‌دهند. SVG برای عکس مناسب نیست و تصاویر پیچیده ممکن است کند رندر شوند. Illustrator، Inkscape، Figma و مرورگرها می‌توانند آن را باز و ویرایش کنند.

فشرده‌سازی
–
شفافیت
بله
انیمیشن
بله
سال معرفی
2001 · W3C
مبدل SVG

PNG

گرافیک شبکه‌ای قابل‌حمل

PNG یک فرمت رستری بدون اتلاف است که در سال ۱۹۹۶ توسط PNG Development Group منتشر شد و بعدها W3C و ISO آن را استاندارد کردند. هر پیکسل را دقیقاً حفظ می‌کند، از شفافیت کامل آلفا پشتیبانی می‌کند و متن، لبه‌های تیز و رنگ‌های یکدست را بدون artefact نگه می‌دارد. همین دقت آن را برای اسکرین‌شات، لوگو، آیکون و گرافیک رابط کاربری مناسب می‌کند. در عوض حجمش زیاد است: عکس‌هایی که با PNG ذخیره شوند اغلب چند برابر همان عکس با JPEG یا WebP حجم دارند. همه مرورگرها، سیستم‌عامل‌ها و ویرایشگرها فایل‌های PNG را باز می‌کنند.

فشرده‌سازی
بدون اتلاف
شفافیت
بله
انیمیشن
خیر
سال معرفی
1996 · PNG Development Group
مبدل PNG

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

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

SVG را با چه وضوحی به PNG تبدیل کنم؟

از بزرگ‌ترین اندازه‌ای استفاده کنید که PNG در آن نمایش داده می‌شود و آن را برای صفحه‌نمایش‌های پرتراکم گوشی و لپ‌تاپ دو برابر کنید. لوگویی که در وب‌سایت با عرض 300 px نمایش داده می‌شود باید حدود 600 px خروجی بگیرد؛ آیکون اپلیکیشن معمولاً 1024 px؛ و طرح چاپی به اینچ ضرب‌در 300 نیاز دارد، یعنی 3 اینچ می‌شود 900 px.

آیا پس‌زمینهٔ شفاف SVG در PNG حفظ می‌شود؟

بله. بخش‌های بدون رنگ SVG کاملاً شفاف خروجی می‌گیرند و شکل‌های نیمه‌شفاف کدری خود را حفظ می‌کنند. اگر پس‌زمینهٔ یکدست لازم دارید، با SVG به JPG به JPG تبدیل کنید و رنگ پس‌زمینه را انتخاب کنید.

چرا متن در PNG با SVG فرق دارد؟

متن SVG با هر فونتی که در محل رندر نصب باشد رسم می‌شود. اگر SVG فونتی را نام ببرد که داخل فایل جاسازی نشده، فونت جایگزین استفاده می‌شود. پیش از خروجی گرفتن متن را به منحنی تبدیل کنید: در Illustrator مسیر Type → Create Outlines و در Inkscape مسیر Path → Object to Path.

آیا تنظیم DPI فایل PNG را واضح‌تر می‌کند؟

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

اصلاً چرا SVG را به PNG تبدیل می‌کنند؟

بسیاری از جاهایی که تصویر می‌پذیرند SVG را قبول نمی‌کنند: بارگذاری عکس پروفایل و پست در شبکه‌های اجتماعی، اغلب برنامه‌های ایمیل، بسیاری از بازارچه‌ها و نسخه‌های قدیمی Microsoft Office. یک PNG با اندازهٔ مناسب در همهٔ این‌ها نمایش داده می‌شود.

آیا بعداً می‌توانم PNG را دوباره به SVG تبدیل کنم؟

فقط با ردیابی (trace) که شکل‌ها را از روی پیکسل‌ها دوباره می‌کشد و روی لوگوهای ساده بهتر جواب می‌دهد. SVG اصلی را نگه دارید؛ اگر گم شد، راهنمای تبدیل PNG به SVG توضیح می‌دهد ردیابی چگونه کار می‌کند و چه انتظاری باید داشت.