تبدیل PSD به SVG
طرح فتوشاپ را بهصورت فایل .svg ذخیره کنید تا در ابزارهایی که فقط SVG می‌پذیرند استفاده شود. مبدل، PSD را مسطح میکند و تصویر را درون SVG قرار میدهد؛ در ادامه بخوانید این کار کی کافی است و کی یک لوگو باید وکتور شود.
مبدل عکس
یا فایل‌های JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش میشوند و پس از 30 دقیقه حذف میشوند.
85 عکس‌ها را از نظر بصری مشابه اصل نگه می‌دارد. فقط وقتی فایل کوچکتر میخواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسل‌های شفاف با این رنگ پر میشوند.
رنگ هگز پشت پیکسل‌های شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه می‌دارد. اگر میخواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازهای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستمعاملها همان را که لازم دارند برمیدارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف میکند.
فقط فراداده است؛ 0 مقدار اصلی را نگه می‌دارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
فایل PSD را بارگذاری کنید
یک یا چند فایل .psd انتخاب کنید؛ حداکثر 20 فایل در هر دسته و هر کدام تا 95 MB.
- 2
روی «تبدیل به SVG» بزنید
طرح قابل‌مشاهده با اندازهٔ بوم یکپارچه (flatten) میشود و درون یک سند SVG جاسازی میشود. نوار کیفیت وجود ندارد، چون تصویر بیتمپ داخل آن بدون افت ذخیره میشود.
- 3
نتیجه را باز کنید
فایل .svg را در مرورگر، Figma یا Inkscape باز کنید. ظاهرش مثل PSD است و با زوم زیاد پیکسل‌ها دیده میشوند که طبیعی است.
تبدیل PSD به SVG: مبدل دقیقاً چه چیزی می‌نویسد
PSD مجموعه‌ای از لایه‌هاست: لایههای پیکسلی از عکس و قلم‌مو، لایههای تنظیمات که پیکسل‌های زیرشان را تغییر می‌دهند، لایههای متن، اسمارت آبجکت‌ها و لایههای شکل که Photoshop از نسخهٔ 6.0 در سال 2000 آن‌ها را بهصورت مسیر برداری ذخیره میکند. خود Photoshop در فوریهٔ 1990 عرضه شد و قالب PSD هنوز یک ترکیب یکپارچه از لایههای قابل‌مشاهده را هم دارد تا برنامه‌های دیگر بدون شناخت همهٔ انواع لایه، طرح را نشان دهند.
این مبدل از همین طرح یکپارچه استفاده میکند. لایههای قابل‌مشاهده را در یک تصویر با اندازهٔ بوم رندر میکند و سپس سند SVG می‌نویسد که تنها محتوایش همان تصویر است. SVG عرض، ارتفاع و شفافیت درست دارد، پس مثل اصل در صفحه یا چیدمان قرار می‌گیرد. چیزی که ندارد یک شکل قابلویرایش است: هر لبه، حتی لبهٔ لایههای شکل، پیکسل است. افکت‌ها، ماسک‌ها و حالت‌های ترکیب معادل یک‌به‌یک در SVG ندارند، پس نتیجهٔ رندرشده خروجی صادقانه است.
- بیشترین عرض یا ارتفاع ممکن برای PSD
- 30,000 px
- سقف حجم فایل PSD (طرح‌های بزرگتر از PSB استفاده میکنند)
- 2 GB
- بزرگ‌ترین PSD قابل‌قبول برای این مبدل
- 95 MB
- تعداد فایل PSD در هر دسته
- 20
PSD
سند Adobe Photoshop
PSD فرمت بومی Adobe Photoshop است و از سال ۱۹۹۰ استفاده میشود. لایهها، ماسک‌ها، لایههای تنظیم، متن، اشیای هوشمند، کانال‌ها و پروفایل‌های رنگی را ذخیره میکند تا طرح بعداً بدون افت کیفیت دوباره ویرایش شود. فایل‌ها اغلب بسیار بزرگ‌اند و وفاداری کامل فقط با Photoshop ممکن است؛ ویرایشگرهای دیگر مانند GIMP، Photopea و Affinity فایل PSD را با دقت متفاوتی باز میکنند. مرورگرها، گوشی‌ها و بیشتر فرم‌های بارگذاری نمی‌توانند PSD را مستقیم نمایش دهند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- 1990 · Adobe
SVG
گرافیک برداری مقیاس‌پذیر
SVG یک فرمت برداری مبتنی بر XML است که W3C در سال 2001 استانداردسازی کرد. به‌جای پیکسل، شکلها، مسیرها و متن را توصیف میکند؛ بنابراین در هر اندازه‌ای شفاف میماند و برای لوگو و آیکن معمولاً بسیار کم‌حجم است. از شفافیت، استایل CSS، اسکریپت و انیمیشن پشتیبانی میکند و همه مرورگرها آن را بهصورت بومی نمایش می‌دهند. SVG برای عکس مناسب نیست و تصاویر پیچیده ممکن است کند رندر شوند. Illustrator، Inkscape، Figma و مرورگرها می‌توانند آن را باز و ویرایش کنند.
- فشرده‌سازی
- –
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2001 · W3C
وقتی سایت‌ساز، پلتفرم قالب یا دستگاه برش SVG میخواهد و طرح فقط بهصورت فایل Photoshop موجود است، کاربران تبدیل PSD به SVG را جستوجو میکنند؛ نتیجه طرح یکپارچه‌شده در یک قالب SVG است.
لایههای Shape، اسمارت آبجکت‌ها و پیکسل‌ها در PSD
باور نادرستذخیره با پسوند .svg هر طرحی را مقیاس‌پذیر میکند.
واقعیتمقیاس‌پذیری از مسیرها میآید. SVG حاوی بیتمپ بیشتر از اندازهٔ پیکسلی‌اش مثل PNG نرم و تار میشود.
باور نادرستلوگویی که با شکل‌های Photoshop کشیده شده خودکار به وکتور تبدیل میشود.
واقعیتاین ابزار ابتدا یکپارچه میکند، پس شکلها بهصورت پیکسل می‌رسند. شکل‌های برداری باید خروجی گرفته یا وکتور شوند.
باور نادرستاسمارت آبجکت‌ها محتوای برداری پیوندی خود را نگه می‌دارند.
واقعیتفایل Illustrator جاگذاری‌شده با اندازه‌ای که روی بوم دارد رندر و سپس با بقیه یکپارچه میشود.
به دست آوردن مسیرهای وکتور واقعی از طرح فتوشاپ
برای لوگو، آیکون یا حروف‌نگاری که باید در هر اندازه تیز بماند، وکتورسازی (trace) همان مرحلهٔ لازم است. PSD را با PSD به PNG به PNG شفاف تبدیل کنید و سپس از مبدل عکس به SVG بگذرانید که لبه‌ها را دنبال و مسیرهای واقعی می‌نویسد. این روش برای رنگ‌های تخت و خطوط تمیز مناسب است؛ عکس‌ها به هزاران شکل ریز تبدیل میشوند. راهنمای ما دربارهٔ تبدیل PNG به SVG تنظیماتی را توضیح میدهد که منحنی‌ها را نرم نگه می‌دارند.
اگر طرح برداری اصلی در Illustrator، Affinity Designer یا Figma وجود دارد، پیش از وکتور کردن نسخهٔ یکپارچه‌شده همان فایل را بخواهید.
پرسش‌های تبدیل PSD به SVG
آیا لایههای Shape فتوشاپ به مسیرهای SVG قابل ویرایش تبدیل میشوند؟
با این مبدل نه. لایههای شکل در Photoshop برداری هستند، اما PSD پیش از نوشتن در SVG به یک بیتمپ تبدیل میشود، پس همهٔ لایهها از جمله شکلها بهصورت پیکسل درمیآیند. برای حفظ مسیرها، شکلها را از یک ویرایشگر برداری خروجی بگیرید یا نتیجه را وکتور (trace) کنید.
چرا حجم SVG من تقریباً با PNG همان طرح برابر است؟
چون SVG در واقع بیشتر یک PNG است. بیتمپ بهصورت متن کدگذاریشده داخل SVG ذخیره میشود و حدود یکسوم به حجم آن میافزاید. یک لوگوی برداری واقعی فقط چند کیلوبایت است.
آیا میتوانم این SVG را به دستگاه Cricut یا لیزر کات بفرستم؟
وارد میشود، اما چیزی برای برش وجود ندارد. دستگاههای برش مسیر خطوط را دنبال میکنند و بیتمپ جاسازیشده مسیری ندارد، پس Design Space و نرمافزارهای لیزر فقط یک تصویر تخت میبینند. برای گرفتن خطوط برش، لوگو را با مبدل عکس به SVG وکتور کنید.
آیا متن لایهٔ تایپ فتوشاپ در SVG همچنان متن میماند؟
خیر. لایههای متن با فونتهایشان رندر و مثل بقیه یکپارچه میشوند، پس نمیتوانید کلمات را جستوجو، انتخاب یا بازنویسی کنید. متن قابلویرایش را در یک ویرایشگر SVG با همان فونت دوباره بسازید.
قرار دادن یک تصویر بیتمپ درون SVG واقعاً کی به کار میآید؟
وقتی سیستمی پسوند .svg را میخواهد اما فقط فایل را نمایش میدهد، مثل برخی قالبسازها و پلتفرمهای قالب. تا زمانی که طرح برداری واقعی آماده شود، بهعنوان جایگزین هم کاربرد دارد.
آیا بوم بزرگتر در PSD، SVG واضحتری میدهد؟
بله. SVG ابعاد بوم را حفظ میکند، پس یک PSD با عرض 4000 px در اندازههای نمایش بزرگتر از نمونهٔ 1000 px شفاف میماند. بیشتر از اندازهٔ اصلی، تصویر جاسازیشده مثل هر بیتمپ نرم و تار میشود.
| تبدیل PSD به PNG | تبدیل PSD به JPG | تبدیل PSD به PDF |
| تبدیل PNG به SVG | تبدیل EPS به SVG | تبدیل عکس به SVG |