معرفی قالب‌ها· 5 دقیقه مطالعه

فایل SVG را چگونه باز کنیم؟ راهنمای کامل کامپیوتر، موبایل و مرورگر

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

اول: چهار راه باز کردن SVG روی کامپیوتر

  • مرورگر (ساده‌ترین): فایل SVG را در پنجرهٔ Chrome یا Edge یا Firefox یا Safari بکشید و رها کنید تا نمایش داده شود؛ می‌توانید روی فایل راست‌کلیک کنید، «باز کردن با» را بزنید و مرورگر را انتخاب کنید؛
  • تعیین برنامهٔ پیش‌فرض: اگر مرتب با SVG کار می‌کنید، پسوند ‎.svg را به مرورگر یا نرم‌افزار طراحی گره بزنید تا با دوبار کلیک مستقیم باز شود؛
  • نرم‌افزارهای طراحی: Illustrator و Figma و Inkscape رایگان همگی SVG را باز و ویرایش می‌کنند و برای کار عمیق مناسب‌اند؛
  • ویرایشگر کد: فایل SVG در اصل متن XML است، پس باز کردن آن با VS Code امکان دیدن و ویرایش کد منبع را می‌دهد و برای عیب‌یابی بسیار کارآمد است.

مراحل تعیین برنامهٔ پیش‌فرض: در ویندوز روی فایل SVG راست‌کلیک کنید، «باز کردن با ← انتخاب برنامهٔ دیگر» را بزنید و گزینهٔ «همیشه از این برنامه استفاده کن» را فعال کنید؛ در مک روی فایل راست‌کلیک کنید، «Get Info» را بزنید، در بخش «باز کردن با» مرورگر را انتخاب کنید و روی «تغییر همه» کلیک کنید؛ پس از آن دوبار کلیک مستقیم پیش‌نمایش می‌دهد.

دوم: چگونه SVG را در موبایل باز کنیم

اندروید: برخی مدیریت فایل SVG را مستقیم پیش‌نمایش نمی‌کنند؛ فایل را نگه دارید، «باز کردن با برنامهٔ دیگر» را بزنید و مرورگر را انتخاب کنید. آیفون: فایل SVG را در برنامهٔ Files ذخیره کنید؛ نسخه‌های جدید آن را مستقیم نمایش می‌دهند و اگر نمایش داده نشد، از منوی اشتراک‌گذاری با Safari باز کنید. فایل‌های SVG دریافتی در WeChat و QQ هم مانند فایل‌های معمولی هستند و با «باز کردن با برنامهٔ دیگر» و انتخاب مرورگر درست نمایش داده می‌شوند.

به‌طور کلی، مرورگر موبایل مطمئن‌ترین راه نمایش SVG است و به نصب هیچ برنامهٔ اضافه‌ای نیاز ندارد. برای تبلت هم همین‌طور است؛ کافی است با مرورگر داخلی باز کنید و نیازی به نمایشگر اختصاصی نیست.

سوم: اگر با دوبار کلیک کد یا صفحهٔ خالی باز شد چه کنیم

نمایش کدهای زیاد: یعنی فایل به ویرایشگر متنی مانند Notepad متصل شده است. چون SVG ذاتاً متن است، این رفتار طبیعی است؛ کافی است با مرورگر باز کنید تا شکل را ببینید. باز شدن خالی: نخست از سلامت فایل مطمئن شوید؛ با ویرایشگر کد بازش کنید، یک SVG سالم باید با برچسب <svg> یا اعلان <?xml شروع شود؛ اگر کدی مانند <html> می‌بینید، احتمالاً صفحهٔ خطا با پسوند ‎.svg ذخیره شده و باید دوباره دانلود کنید. همچنین اگر فایل به تصاویر یا قلم‌های بیرونی ارجاع دهد و آن منابع بارگذاری نشوند، بخشی از محتوا از بین می‌رود.

نکتهٔ دیگری که یادآوری می‌کنیم این است که SVG یک قالب متنی است که می‌تواند اسکریپت حمل کند؛ بنابراین فایل SVG با منبع ناشناس را در مرورگر باز نکنید. امن‌تر آن است که ابتدا محتوا را در ویرایشگر کد بررسی کنید و مطمئن شوید با برچسب svg آغاز می‌شود و اسکریپت مشکوکی ندارد، سپس پیش‌نمایش کنید.

چهارم: بعد از باز کردن می‌خواهید تغییر دهید؟ از ویرایشگر آنلاین استفاده کنید

اگر فقط می‌خواهید رنگی را عوض کنید، پس‌زمینه‌ای بردارید یا چند عنصر را حذف کنید، نیازی به نصب نرم‌افزارهای بزرگ نیست. ویرایشگر آنلاین SVG در PolySVG را باز کنید (ورود مستقیم /editor)، فایل را بارگذاری کنید تا بتوانید با کلیک روی مسیرها آن‌ها را حذف کنید، پس‌زمینه را با یک کلیک بردارید، رنگ را تغییر دهید، با قلم‌مو نواقص را بپوشانید و با پاک‌کن پاک کنید؛ در هر لحظه هم لغو و بازگردانی در دسترس است و در پایان SVG یا PNG خروجی می‌گیرید. رایگان، بدون نصب و بدون ثبت‌نام.

پنجم: فقط می‌خواهید تصویر را ببینید؟ تبدیل به PNG ساده‌ترین راه است

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

اگر توسعه‌دهنده هستید، می‌توانید SVG را مستقیم داخل HTML جا بگذارید یا با برچسب img به آن ارجاع دهید؛ مرورگر بی‌درنگ آن را نمایش می‌دهد و این هم رایج‌ترین روش باز کردن SVG در وب است.

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

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

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

می‌توان روی موبایل بدون نرم‌افزار طراحی SVG را دید؟

بله. فایل را با مرورگر موبایل باز کنید؛ در اندروید از مدیریت فایل گزینهٔ «باز کردن با برنامهٔ دیگر» و سپس مرورگر را انتخاب کنید و در آیفون آن را در برنامهٔ Files ذخیره و با Safari باز کنید.

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

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

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