2026-07-28·4 min read
PNG در برابر SVG: کدام فرمت برای لوگو، آیکون و گرافیک؟
مقایسه عملی فرمتهای PNG و SVG — چه زمانی از هر کدام برای لوگو، آیکون، تصویرسازی و گرافیک وب استفاده کنیم.
PNG و SVG هر دو فرمتهای محبوب برای لوگوها و گرافیک هستند — اما بسیار متفاوت کار میکنند. انتخاب اشتباه به یا لوگوی تار یا فایلی که همهجا باز نمیشود منجر میشود. در اینجا نحوه تصمیمگیری آمده است.
PNG در برابر SVG: تفاوت اصلی
- PNG (Portable Network Graphics) یک فرمت رستر است — تصویر را بهصورت شبکهای از پیکسلها ذخیره میکند. یک PNG ۲۰۰×۲۰۰ دقیقاً ۴۰٬۰۰۰ پیکسل دارد. آن را بزرگ کنید و تار میشود.
- SVG (Scalable Vector Graphics) یک فرمت برداری است — اشکال را بهصورت دستورالعملهای ریاضی ذخیره میکند. یک لوگوی SVG در هر اندازهای کاملاً تیز به نظر میرسد، از favicon (۱۶×۱۶) تا بیلبورد.
چه زمانی از PNG استفاده کنیم
- تصاویر پیچیده یا عکسها: SVG میتواند اشکال پیچیده را توصیف کند اما برای عکسها غیرعملی است
- سازگاری بینپلتفرمی: PNG همهجا باز میشود — مرورگرها، واژهپردازها، ایمیل، برنامههای پیامرسان
- وقتی به اندازه خروجی ثابت نیاز دارید: برای پستهای شبکههای اجتماعی، چاپ در DPI مشخص یا داراییهای رابط کاربری کامل پیکسلی
- اسکرینشاتها و ماکتهای رابط کاربری: ذاتاً رستری، PNG فرمت درست است
- وقتی SVG موجود نیست: یک PNG با وضوح بالا (بیش از ۲۰۰۰ پیکسل عرض) برای بیشتر اهداف بهخوبی کار میکند
چه زمانی از SVG استفاده کنیم
- لوگوها و نشانهای برند: لوگوهای SVG در هر اندازهای تیز میمانند — سربرگ وبسایت، آیکون برنامه موبایل، بروشور چاپی
- آیکونها: آیکونهای رابط کاربری در SVG روی صفحههای retina/با DPI بالا کاملاً مقیاس میشوند
- تصویرسازیهای ساختهشده از اشکال: نمودارها، دیاگرامها، اینفوگرافیکها، تصویرسازیها
- انیمیشنها: SVG از انیمیشنهای CSS و جاوااسکریپت پشتیبانی میکند
- طراحی وب واکنشگرا: SVG بهطور خودکار با پنجره مرورگر مقیاس میشود
مقایسه PNG در برابر SVG
| ویژگی | PNG | SVG |
|---|---|---|
| مقیاسپذیری | اندازه ثابت (پیکسل) | بینهایت (بردار) |
| حجم فایل (لوگو) | ۲۰ تا ۲۰۰ کیلوبایت | ۵ تا ۵۰ کیلوبایت |
| پشتیبانی عکس | بله | خیر |
| شفافیت | بله | بله |
| انیمیشن | خیر | بله (CSS/JS) |
| پشتیبانی مرورگر | جهانی | همه مرورگرهای مدرن |
| پشتیبانی ایمیل | جهانی | محدود (در ایمیل اجتناب کنید) |
| قابلیت ویرایش | به ویرایشگر رستر نیاز دارد | هر ویرایشگر متن یا Illustrator |
استفاده از هر دو با هم
- بسیاری از جریانهای کار از هر دو فرمت استفاده میکنند:
- SVG را بهعنوان فایل اصلی لوگو برای ویرایش و مقیاسبندی نگه دارید
- نسخههای PNG را در اندازههای خاص برای شبکههای اجتماعی، ارائهها و ایمیل صادر کنید
- از PNG ۲× (مثلاً ۴۰۰×۴۰۰ برای لوگوی ۲۰۰×۲۰۰) برای صفحههای retina استفاده کنید
- اگر فقط لوگوی PNG دارید، از تغییر اندازه تصویر ما برای ساخت نسخههای با وضوح بالا و PNG ← WebP برای استفاده وب استفاده کنید.
رایگان امتحان کنید — بدون ثبتنام
تصاویر را فوری در مرورگر خود تغییر اندازه دهید، فشرده کنید و تبدیل کنید.
راهنماهای بیشتر
ادامه مطلب JPG در برابر PNG در برابر WebP: کدام فرمت تصویر را باید استفاده کنید؟ادامه مطلب چگونه PNG را به JPG آنلاین و رایگان تبدیل کنیم — فوریادامه مطلب چگونه فایلهای PNG را بدون افت کیفیت فشرده کنیمادامه مطلب چگونه JPG را به PNG آنلاین و رایگان تبدیل کنیمادامه مطلب چگونه PNG را به WebP آنلاین و رایگان تبدیل کنیم — فایلهای کوچکتر، همان کیفیتادامه مطلب چگونه HEIC را به PNG آنلاین و رایگان تبدیل کنیم