فرمتهای فایل لوگو توضیح داده شده: SVG، PNG، PDF، AI، EPS
SVG برای وب. PNG برای اسلاید. PDF برای چاپ. AI و EPS برای ویرایش. راهنمای کامل برای اینکه از کدام فرمت فایل لوگو استفاده کنید، کِی، و دقیقاً چرا.
فرمتهای فایل لوگو توضیح داده شده: SVG، PNG، PDF، AI، EPS
تنها چیزی که باید درباره فرمتهای فایل لوگو به خاطر بسپارید
لوگو یک فایل نیست. یک سیستم از فایلهاست. فرستادن یک PNG و نامیدن آن «تحویل پروژه» روشی است که یک برند در مقابل مشتریان پرداختکننده آماتور به نظر میرسد.
پنج فرمتی که واقعاً اهمیت دارند SVG، PNG، PDF، AI، و EPS هستند. هر کدام یک کار دارند. فرمت اشتباه را برای کار اشتباه استفاده کنید و لوگو یا روی یک بیلبورد پیکسلی میشود، روی دستگاه یک فروشنده باز نمیشود، یا از مغازه گلدوزی به شکلی برمیگردد که انگار روی یک گوشی قدیمی طراحی شده.
وکتور در مقابل راستر، در یک پاراگراف
| نوع | فرمتها | رفتار |
|---|---|---|
| وکتور | SVG، AI، EPS، PDF | اشکال را به صورت ریاضی ذخیره میکند. به هر اندازهای مقیاس بدهید و ریاضیات دوباره محاسبه میشود؛ لبهها واضح میمانند. |
| راستر | PNG، JPG | یک شبکه پیکسل ثابت ذخیره میکند. بیش از ۱۰۰٪ بزرگنمایی کنید و شبکه را میبینید. |
این تمام تفاوت است. لوگوی شما باید همیشه ابتدا به صورت وکتور وجود داشته باشد و خروجیهای راستری از آن تولید شوند.
SVG، فرمت وکتور بومی وب
SVG مخفف Scalable Vector Graphics است. این یک فرمت مبتنی بر XML است که مرورگرها آن را به صورت بومی میخوانند، یعنی هیچ سربار رندرینگی ندارد، هیچ نمایش تاری در صفحهنمایشهای Retina ندارد، هیچ فایل ۲x جداگانهای برای نگهداری لازم نیست. آن را در یک تگ <img> بگذارید یا مستقیماً در HTML قرار دهید و بدون یک بایت اضافه به هر رزولوشنی مقیاس میشود.
آن را روی elevenlabs.io ببینید
SVG برای موارد زیر گزینه درست است:
- هدر وبسایتها
- آیکونهای اپلیکیشن
- امضاهای ایمیل (در پلتفرمهایی که از آن پشتیبانی میکنند)
- هر سطح دیجیتالی که کنترل آن را دارید
اکثر ابزارهای طراحی آن را مستقیماً صادر میکنند.
جایی که SVG دچار مشکل میشود:
- Microsoft Office: Word و PowerPoint پشتیبانی ناهماهنگی از SVG بر اساس نسخه و سیستمعامل دارند
- گردش کارهای چاپ قدیمی: برخی ابزارهای تولید با SVG مشکل دارند؛ به جای آن از PDF یا EPS استفاده کنید
PNG، جایگزین امنی که چاپ را خراب میکند
PNG راستر است. پیکسل ذخیره میکند. هر اپلیکیشنی روی کره زمین یک PNG را باز میکند، که تنها مزیت رقابتی آن است، و در زمینههای دیجیتال یک مزیت واقعی به حساب میآید.
| زمینه | نظر درباره PNG |
|---|---|
| وب، زیر اندازه صادرشده اصلی | قابل قبول |
| اسلایدها، پستهای شبکه اجتماعی، اسناد داخلی | قابل قبول |
| چاپ | هرگز. PNG نمیتواند بدون افت کیفیت بزرگ شود، و مغازه چاپ این را در یک ایمیل، در بدترین لحظه ممکن، به شما میگوید. |
یک لوگو با ۳۰۰ DPI روی یک کارت ویزیت باید از یک منبع وکتور باشد.
همیشه PNG را با رزولوشن بالا صادر کنید، حداقل ۲۰۰۰ پیکسل روی طولانیترین ضلع، با دو نسخه: پسزمینه سفید و شفاف.
PDF، فرمتی که همه جا میرود بدون اینکه خراب شود
PDF دادههای وکتور را جاسازی میکند. یکی را از Illustrator یا Figma صادر کنید و روی هر دستگاهی باز میشود، کاملاً قابل مقیاسبندی، بدون نیاز به نرمافزار.
مشخصات چاپ را در moo.com مرور کنید
بدون مشکل فونت. بدون دارایی گمشده. بدون پاسخهای «Illustrator ندارم» از فروشندگان.
برای کارهای چاپی، PDF عملیترین فرمت تحویل وکتور است:
- چاپخانههای تجاری آن را مستقیماً در گردش کار خود میپذیرند
- فروشندگان تابلوسازی آن را در نرمافزار طرحبندی با فرمت بزرگ قرار میدهند
- مغازههای گلدوزی بدون از دست دادن دقت خط آن را تبدیل میکنند
- فروشندگانی که Illustrator ندارند هنوز میتوانند آن را باز کنند
این فرمتی است که باید فرستاده شود وقتی نمیدانید طرف مقابل از کدام اپلیکیشن استفاده میکند، که بیشتر تحویلهای خارجی را پوشش میدهد.
PDF همچنین فرمت استاندارد برای انواع قالببندی لوگو است (لوگو به همراه شعار، انباشته، افقی). فروشنده آن را مستقیماً در InDesign یا Acrobat بدون مرحله تبدیل قرار میدهد.
AI، فایل کاری که طراح شما نگه میدارد
AI فایل کاری بومی Adobe Illustrator است، نه تحویلدادنی. همه چیز را ذخیره میکند:
- لایهها و اشیا
- نمونههای رنگی
- راهنماها و آرتبوردها
- متن زنده با فونتهای اصلی دستنخورده
- ویژگیهای ظاهری
- رنگهای Spot
طراح شما فایل AI را نگه میدارد. شما خروجیها را از آن دریافت میکنید. اگر رابطه تمام شد و بعداً نیاز به ویرایش لوگو داشتید، همین فایل AI است که ویرایش را ممکن میکند.
قراردادها باید از طراح بخواهند که آن را در پایان پروژه تحویل دهد. اگر قرارداد شما این را نداشته، این یک شکاف است که ارزش دارد قبل از اینکه نیاز به تغییرات پیدا کنید برطرف شود.
فایلهای AI فقط به طور کامل در Illustrator باز میشوند (و به صورت جزئی در Affinity Designer). برای مشتریانی که لوگو را در یک ارائه قرار میدهند، PNG بفرستید. برای فروشندهای که به طور خاص AI میخواهد، آن را بفرستید و نسخه Illustrator او را تأیید کنید، چون سازگاری بین نسخهها غیرقابل اطمینان است.
EPS، فرمت قدیمی که چاپخانه شما هنوز میخواهد
EPS (Encapsulated PostScript) قدیمیتر از PDF است. این استاندارد تبادل وکتور بود پیش از آنکه PDF غالب شود، و فروشندگان چاپی که دهههاست در این حرفهاند هنوز از روی عادت آن را میخواهند.
کیت مطبوعاتی را در about.gitlab.com ببینید
EPS و AI دادههای وکتور یکسانی حمل میکنند. تفاوت کلیدی اینجاست: EPS در نرمافزار تولید قدیمیتر به طور گستردهتری قابل خواندن است، در حالی که AI ویژگیهای خاص Illustrator مانند متن زنده و شفافیت را حفظ میکند که EPS در هنگام صادرشدن آنها را مسطح میکند.
وقتی یک فروشنده EPS میخواهد، EPS بدهید. وقتی کسی نمیخواهد، PDF همان کار را با سازگاری بهتر در ابزارهای مدرن انجام میدهد.
تله favicon و آواتار شبکههای اجتماعی
favicon یک لوگوی کوچکشده نیست. یک کار طراحی جداگانه است. در ۳۲x۳۲ پیکسل، بیشتر جزئیات لوگو ناپدید میشوند. یک wordmark با شعار به یک لکه خاکستری تبدیل میشود، و چیزی که در ۳۰۰ پیکسل واضح خوانده میشود در ۳۲ پیکسل ناخوانا میشود.
فرآیند favicon در سه مرحله:
- یک نشانه favicon اختصاصی طراحی کنید، معمولاً حرف اول، یک مونوگرام، یا قابلتشخیصترین عنصر logomark با حذف جزئیات ثانویه.
- فایل را صادر کنید، یا
.ico(یک ظرف برای PNG در ۱۶x۱۶، ۳۲x۳۲، و ۴۸x۴۸) یا یک PNG با ابعاد ۱۹۲x۱۹۲ که مرورگر مقیاسبندی میکند. - آواتارهای شبکههای اجتماعی را جداگانه مدیریت کنید. Instagram در تقریباً ۱۱۰x۱۱۰ پیکسل به شکل دایره کراپ میکند، بنابراین آیکون پروفایل باید تنها logomark باشد، نه قالببندی کامل با wordmark.
کیت تحویل مشتری که Brainy با هر لوگو ارسال میکند
هر تحویل لوگوی Brainy به صورت یک پوشه ساختاریافته ارسال میشود، نه یک zip از خروجیهای تصادفی. ساختار دقیق اینجاست:
YourBrand_Logo_Kit/
├── 01_Web/
│ ├── logo-primary.svg
│ ├── logo-primary@2x.png (2000px, transparent bg)
│ ├── logo-reversed.svg
│ ├── logo-reversed@2x.png
│ ├── icon-only.svg
│ └── favicon/
│ ├── favicon.ico
│ ├── favicon-192.png
│ └── favicon-512.png
├── 02_Print/
│ ├── logo-primary-CMYK.pdf
│ ├── logo-primary-CMYK.eps
│ ├── logo-reversed-CMYK.pdf
│ └── logo-reversed-CMYK.eps
├── 03_Source/
│ └── logo-master.ai
└── README.txt
هر پوشه یک هدف دارد. README یک پاراگراف راهنما درباره اینکه برای کدام کار کدام پوشه را باز کنید دارد.
هیچ مشتری نباید حدس بزند. یک کیت لوگو بدون README یک کیت طراحیشده برای طراحان است، نه مشتریان.
کیت برند را در brand.github.com مرور کنید
از Brainy بخواهید لوگوی شما را طراحی کند و کیت کامل، برچسبگذاریشده و ساختاریافته را در اولین بار دریافت میکنید.
جدول تصمیمگیری فرمت با یک نگاه
جدول واحد زیر هر مورد استفاده رایج را به فرمت صحیح نگاشت میکند. آن را چاپ کنید، اسکرینشات بگیرید، در Notion استودیوی خود جایگذاری کنید، هر چیزی که هنگامی که مشتری میپرسد «کدام فایل را به چاپخانه بفرستم» آن را در دسترس نگه میدارد.
| مورد استفاده | فرمت صحیح | چرا |
|---|---|---|
| هدر وبسایت | SVG | به هر رزولوشنی مقیاس میشود؛ پشتیبانی بومی مرورگر |
| جایگزین وبسایت | PNG (2x) | سازگاری همهجانبه هنگامی که SVG در دسترس نیست |
| امضای ایمیل | PNG | SVG توسط اکثر کلاینتهای ایمیل بلاک یا حذف میشود |
| چاپ (کارت ویزیت، سربرگ) | PDF یا EPS | وکتور؛ توسط هر چاپخانه تجاری پذیرفته میشود |
| تابلوی با فرمت بزرگ | PDF یا EPS | به هر اندازهای بدون افت کیفیت مقیاس میشود |
| گلدوزی یا برش وینیل | EPS یا AI | ورودی مورد نیاز برای اکثر نرمافزارهای تولیدی |
| اسلایدها (Google، PowerPoint) | PNG | پشتیبانی SVG بر اساس نسخه متفاوت است؛ PNG قابل اطمینان است |
| آواتار شبکههای اجتماعی | PNG (مربع، فقط logomark) | پلتفرمها SVG را فشرده میکنند یا رد میکنند |
| Favicon | .ico یا PNG (192x192) | مشخصات مرورگر؛ SVG به طور همهجانبه پشتیبانی نمیشود |
| واترمارک ویدیو | PNG (شفاف) | کانال آلفای PNG در ویرایشگرهای ویدیو کار میکند |
| ویرایش یا طراحی مجدد لوگو | AI | فایل کاری کامل با همه لایهها و ویژگیها |
| تحویل به فروشنده (ابزارهای ناشناخته) | همه جا باز میشود؛ دادههای وکتور را حفظ میکند |
سوالات متداول
تفاوت بین AI و EPS چیست؟
هر دو فرمت وکتور هستند. AI فرمت کاری بومی Illustrator است و متن زنده، شفافیت، آرتبوردها، و ویژگیهای ظاهری را حفظ میکند. EPS قدیمیتر است و به طور گستردهتری قابل خواندن است اما آن ویژگیها را در هنگام صادرشدن مسطح میکند. AI را به عنوان منبع حقیقت نگه دارید، EPS را وقتی یک فروشنده درخواست میکند بفرستید.
آیا میتوانم فقط از PNG برای همه چیز استفاده کنم؟
نه. PNG هنگام چاپ یا مقیاسبندی بیش از اندازه صادرشده خراب میشود. فروشندگان آن را رد میکنند، ماشینهای گلدوزی نمیتوانند از آن استفاده کنند. جدول بالا نشان میدهد باید چه چیز دیگری بفرستید.
درباره WebP، GIF، TIFF، یا BMP چطور؟
هیچکدام از اینها فرمت لوگو نیستند. WebP برای فشردهسازی عکس است، پالت ۲۵۶ رنگی GIF لبههای تمیز را خراب میکند، TIFF برای آرشیو است، و BMP شفافیت ندارد. پنج فرمت بالا هر مورد استفاده مشروع لوگو را پوشش میدهند.
طراح من فقط یک PNG فرستاده. چه کار کنم؟
برای کیت کامل بخواهید: SVG، PDF، EPS، و منبع AI. فایلهای کاری متعلق به مشتری هستند مگر اینکه قراردادتان غیر از این بگوید. اگر طراح پاسخ نمیدهد، از Brainy بخواهید لوگوی شما را دوباره طراحی کند و این بار همه فایلها را به درستی دریافت کنید.
آیا لوگوها باید RGB باشند یا CMYK؟
RGB برای صفحهنمایشها، CMYK برای چاپ. تغییر رنگ بین پروفایلها واقعی است، پس هر چیزی که به یک چاپخانه فیزیکی میرود را پروف بگیرید. PDF و EPS برای چاپ باید CMYK باشند مگر اینکه فروشنده غیر از این بگوید.
آیا SVG برای امضاهای ایمیل کار میکند؟
عمدتاً نه. Gmail، Outlook، و Apple Mail با SVG ناهماهنگ رفتار میکنند و برخی کلاینتها آن را کاملاً حذف میکنند. برای امضاهای ایمیل از PNG استفاده کنید. ۲۰۰ پیکسل عرض با رزولوشن ۲x یک خط پایه قابل اطمینان است.
چه فرمتی برای مغازه گلدوزی لازم است؟
ماشین یک فرمت دوخت (DST، PES) را اجرا میکند که یک digitizer از آثار هنری شما تولید میکند. لوگوی وکتور خود را به عنوان EPS یا AI به مغازه بدهید تا بتوانند آن را به دقت ردیابی و تبدیل کنند. هرگز PNG به یک فروشنده گلدوزی نفرستید.
از اولین بار فرمت درست را بفرستید
SVG روی وبسایت. PNG به عنوان جایگزین. PDF برای چاپخانه.
AI برای ویرایشهای آینده. EPS وقتی یک فروشنده قدیمی آن را نیاز دارد. Favicon به عنوان نشانه مستقل طراحیشده، نه تغییر اندازهیافته. کیت کامل، برچسبگذاریشده و ساختاریافته، یک بار ارسالشده و برای همیشه مرجع.
برندهایی که در هر نقطه تماس صیقلی به نظر میرسند از لوگوهای بهتری استفاده نمیکنند. آنها از فایلهای درست برای هر سطح استفاده میکنند.
برای راهنماهای برند عملی بیشتر، کتابخانه کامل Brainy Papers را مرور کنید. به یک سیستم لوگو نیاز دارید که برای اولین بار به درستی ساخته و تحویل داده شود؟ از Brainy بخواهید لوگوی شما را طراحی کند.
Need a logo that ships with the right files for every use case, not a single PNG you have to email back for? Brainy designs and delivers full logo systems.
Get Started
