लोगो फ़ाइल फॉर्मेट की पूरी जानकारी: SVG, PNG, PDF, AI, EPS
वेब के लिए SVG. स्लाइड्स के लिए PNG. प्रिंट के लिए PDF. एडिटिंग के लिए AI और EPS. कौन सा लोगो फ़ाइल फॉर्मेट कब और क्यों इस्तेमाल करें, इसकी पूरी गाइड।
लोगो फ़ाइल फॉर्मेट की पूरी जानकारी: SVG, PNG, PDF, AI, EPS
लोगो फ़ाइल फॉर्मेट के बारे में बस एक बात याद रखें
लोगो एक फ़ाइल नहीं है। यह फ़ाइलों का एक सिस्टम है। एक PNG भेजकर उसे handoff कहना, यही वजह है कि brand, paying customers के सामने amateur लगती है।
जो पाँच फॉर्मेट सच में मायने रखते हैं वे हैं SVG, PNG, PDF, AI और EPS। हर एक का एक काम है। गलत काम के लिए गलत फॉर्मेट इस्तेमाल करें और लोगो या तो billboard पर pixelate हो जाएगा, vendor की मशीन पर खुलेगा नहीं, या embroidery shop से वापस आएगा जैसे उसे किसी flip phone पर डिज़ाइन किया गया हो।
Vector बनाम raster, एक पैराग्राफ में
| प्रकार | फॉर्मेट | व्यवहार |
|---|---|---|
| Vector | SVG, AI, EPS, PDF | आकृतियों को math के रूप में store करता है। किसी भी size में scale करें और math recalculate होता है; edges साफ रहते हैं। |
| Raster | PNG, JPG | एक fixed pixel grid store करता है। 100% से ज़्यादा zoom करें और grid दिखने लगता है। |
बस यही फर्क है। आपका लोगो हमेशा पहले vector form में होना चाहिए, और उससे raster exports generate होने चाहिए।
SVG, web-native vector फॉर्मेट
SVG का मतलब है Scalable Vector Graphics। यह एक XML-based फॉर्मेट है जिसे browsers natively पढ़ते हैं, यानी कोई render overhead नहीं, कोई blurry retina display नहीं, maintain करने के लिए अलग 2x फ़ाइल नहीं। इसे <img> tag में डालें या सीधे HTML में inline करें और यह बिना एक extra byte के किसी भी resolution में scale होता है।
SVG सही है:
- Website headers के लिए
- App icons के लिए
- Email signatures के लिए (उन platforms पर जो इसे support करते हैं)
- किसी भी digital surface के लिए जिस पर आपका control हो
अधिकांश design tools इसे directly export करते हैं।
SVG कहाँ लड़खड़ाता है:
- Microsoft Office: Word और PowerPoint में version और OS के हिसाब से SVG support inconsistent है
- Legacy print workflows: कुछ production tools SVG से अटक जाते हैं; उसकी जगह PDF या EPS इस्तेमाल करें
PNG, वो safe fallback जो prints बर्बाद कर देता है
PNG raster है। यह pixels store करता है। दुनिया का हर application PNG खोलता है, यही इसका एकमात्र competitive advantage है, और digital contexts के लिए यह एक असली फायदा है।
| Context | PNG verdict |
|---|---|
| Web, original export size से कम | ठीक है |
| Slides, social posts, internal documents | ठीक है |
| कभी नहीं। PNG बिना degrade हुए scale up नहीं हो सकता, और print shop आपको यह सबसे बुरे वक्त पर एक email में बताएगा। |
Business card पर 300 DPI का लोगो vector source से ही आना चाहिए।
PNG को हमेशा large resolution पर export करें, longest side पर कम से कम 2000px, दो versions के साथ: white background और transparent।
PDF, वो फॉर्मेट जो बिना टूटे हर जगह जाता है
PDF vector data embed करता है। Illustrator या Figma से एक export करें और यह किसी भी device पर खुलता है, पूरी तरह scalable, कोई software नहीं चाहिए।
कोई font problem नहीं। कोई missing assets नहीं। Vendors से "मेरे पास Illustrator नहीं है" जैसा कोई जवाब नहीं।
Print work के लिए, PDF सबसे practical vector delivery फॉर्मेट है:
- Commercial printers इसे directly अपने workflow में accept करते हैं
- Signage vendors इसे wide-format layout software में place करते हैं
- Embroidery shops इससे line precision खोए बिना convert करती हैं
- जिन vendors के पास Illustrator नहीं है वे भी इसे खोल सकते हैं
यह वो फॉर्मेट है जो तब भेजना चाहिए जब आपको नहीं पता सामने वाला कौन सा application इस्तेमाल करता है, जो अधिकांश external handoffs को cover करता है।
PDF, lockup variants (लोगो plus tagline, stacked, horizontal) के लिए भी सही फॉर्मेट है। Vendor इसे बिना किसी conversion step के सीधे InDesign या Acrobat में place करता है।
AI, वो working file जो आपका designer रखता है
AI, Adobe Illustrator की native working file है, कोई deliverable नहीं। यह सब कुछ store करता है:
- Layers और objects
- Color swatches
- Guides और artboards
- Original fonts के साथ live text
- Appearance attributes
- Spot colors
आपका designer AI फ़ाइल रखता है। आपको उससे exports मिलते हैं। अगर संबंध खत्म हो जाए और बाद में लोगो edit करना हो, तो वही AI फ़ाइल edit को संभव बनाती है।
Contracts में designer को project completion पर यह देने की requirement होनी चाहिए। अगर आपके contract में नहीं थी, तो यह एक gap है जिसे बदलाव की जरूरत से पहले address करना सही रहेगा।
AI फ़ाइलें पूरी तरह सिर्फ Illustrator में खुलती हैं (और Affinity Designer में आंशिक रूप से)। लोगो को deck में paste करने वाले clients के लिए, PNG भेजें। जो vendor specifically AI माँगे, उसे भेजें और उनका Illustrator version confirm करें, क्योंकि cross-version compatibility unreliable है।
EPS, वो legacy फॉर्मेट जो आपका printer अभी भी माँगता है
EPS (Encapsulated PostScript), PDF से पहले का है। PDF के dominant होने से पहले यह standard vector exchange फॉर्मेट था, और दशकों से business में रहे print vendors आदत से अभी भी इसे माँगते हैं।
about.gitlab.com पर press kit देखें
EPS और AI एक ही vector data रखते हैं। मुख्य अंतर: EPS पुराने production software में ज़्यादा universally readable है, जबकि AI, Illustrator-specific features जैसे live text और transparency को preserve करता है जिन्हें EPS export पर flatten कर देता है।
जब कोई vendor EPS माँगे, EPS दें। जब कोई नहीं माँग रहा, PDF वही काम modern tools में बेहतर compatibility के साथ करता है।
Favicon और social avatar का जाल
Favicon, लोगो का scaled-down version नहीं है। यह अलग design work है। 32x32 pixels पर, अधिकांश लोगो details गायब हो जाती हैं। Tagline के साथ wordmark एक gray smear बन जाता है, और जो 300px पर साफ पढ़ा जाता है वह 32px पर illegible हो जाता है।
Favicon बनाने की प्रक्रिया तीन steps में:
- एक dedicated favicon mark design करें, आमतौर पर पहला अक्षर, एक monogram, या सबसे recognizable logomark element जिसमें secondary details हटा दी गई हों।
- फ़ाइल export करें, या तो
.ico(16x16, 32x32 और 48x48 पर PNG का container) या एक 192x192 PNG जिसे browser scale करता है। - Social avatars को अलग handle करें। Instagram लगभग 110x110px पर circle में crop करता है, इसलिए profile icon सिर्फ logomark होना चाहिए, कभी भी wordmark के साथ full lockup नहीं।
वो client handoff kit जो Brainy हर लोगो के साथ ship करता है
हर Brainy लोगो handoff एक structured folder के रूप में ship होता है, random exports की zip नहीं। यह exact structure है:
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
हर folder का एक उद्देश्य है। README में एक paragraph की guidance है कि किस काम के लिए कौन सा folder खोलना है।
कोई भी client को अंदाज़ा नहीं लगाना पड़ना चाहिए। README के बिना logo kit एक ऐसी kit है जो designers के लिए बनाई गई है, clients के लिए नहीं।
brand.github.com पर brand kit देखें
Brainy से अपना लोगो design कराएं और आपको पहली बार ही पूरी kit मिलती है, labeled और structured।
एक नज़र में format decision table
नीचे दी गई अकेली table हर common use case को सही format से map करती है। इसे print करें, screenshot लें, studio Notion में paste करें, जो भी इसे तब हाथ के पास रखे जब client पूछे "printer को कौन सी फ़ाइल भेजूँ।"
| Use case | सही format | क्यों |
|---|---|---|
| Website header | SVG | किसी भी resolution में scale होता है; native browser support |
| Website fallback | PNG (2x) | SVG उपलब्ध न होने पर universal compatibility |
| Email signature | PNG | अधिकांश email clients SVG block या strip करते हैं |
| Print (business card, letterhead) | PDF या EPS | Vector; किसी भी commercial printer द्वारा accepted |
| Large-format signage | PDF या EPS | Quality loss के बिना किसी भी size में scale होता है |
| Embroidery या vinyl cutting | EPS या AI | अधिकांश production software के लिए required input |
| Slides (Google, PowerPoint) | PNG | SVG support version के हिसाब से अलग होता है; PNG reliable है |
| Social media avatar | PNG (square, सिर्फ logomark) | Platforms SVG compress या reject करते हैं |
| Favicon | .ico या PNG (192x192) | Browser spec; SVG universally supported नहीं |
| Video watermark | PNG (transparent) | PNG alpha channel video editors में काम करता है |
| लोगो editing या redesign | AI | सभी layers और attributes के साथ full working file |
| Vendor handoff (unknown tools) | हर जगह खुलता है; vector data preserve करता है |
अक्सर पूछे जाने वाले सवाल
AI और EPS में क्या अंतर है?
दोनों vector formats हैं। AI, Illustrator का native working format है और live text, transparency, artboards और appearance attributes preserve करता है। EPS पुराना और ज़्यादा broadly readable है लेकिन export पर उन features को flatten कर देता है। AI को source of truth रखें, EPS तब भेजें जब कोई vendor माँगे।
क्या मैं सब कुछ के लिए सिर्फ PNG इस्तेमाल कर सकता हूँ?
नहीं। PNG print होने पर या export size से ज़्यादा scale होने पर degrade होता है। Vendors इसे reject करेंगे, embroidery machines इसे इस्तेमाल नहीं कर सकतीं। ऊपर दी गई table दिखाती है इसकी जगह क्या भेजना है।
WebP, GIF, TIFF, या BMP के बारे में क्या?
इनमें से कोई भी logo format नहीं है। WebP photo compression के लिए है, GIF का 256-color palette clean edges बर्बाद कर देता है, TIFF archiving के लिए है, और BMP में कोई transparency नहीं है। ऊपर बताए पाँच formats हर legitimate logo use case cover करते हैं।
मेरे designer ने मुझे सिर्फ PNG भेजी। मैं क्या करूँ?
पूरी kit माँगें: SVG, PDF, EPS, और AI source। Working files client की होती हैं जब तक आपका contract कुछ और न कहे। अगर designer respond नहीं कर रहा, Brainy से अपना लोगो redesign कराएं और इस बार हर फ़ाइल सही से लें।
लोगो RGB होने चाहिए या CMYK?
Screens के लिए RGB, print के लिए CMYK। Profiles के बीच color shift real है, इसलिए physical printer को जाने वाली हर चीज़ proof करें। Print के लिए PDF और EPS, CMYK होने चाहिए जब तक vendor कुछ और न कहे।
क्या SVG email signatures के लिए काम करता है?
ज़्यादातर नहीं। Gmail, Outlook और Apple Mail, SVG को inconsistently handle करते हैं, और कुछ clients इसे पूरी तरह strip कर देते हैं। Email signatures के लिए PNG इस्तेमाल करें। 2x resolution पर 200px wide एक reliable baseline है।
Embroidery shop को कौन सा format चाहिए?
Machine एक stitching format (DST, PES) चलाती है जिसे एक digitizer आपके artwork से produce करता है। Shop को अपना vector लोगो EPS या AI के रूप में दें ताकि वे इसे accurately trace और convert कर सकें। Embroidery vendor को कभी PNG न भेजें।
पहली बार ही सही format ship करें
Website पर SVG। Fallback के रूप में PNG। Printer के लिए PDF।
भविष्य की edits के लिए AI। जब legacy vendor माँगे तब EPS। Favicon को अपने mark के रूप में design करें, resize नहीं। पूरी kit, labeled और structured, एक बार ship करें और हमेशा के लिए reference रखें।
जो brands हर touchpoint पर polished दिखती हैं, वे बेहतर logos इस्तेमाल नहीं कर रहीं। वे हर surface के लिए सही files इस्तेमाल कर रही हैं।
अधिक practical brand guides के लिए, पूरी Brainy Papers library browse करें। एक logo system पहली बार ही सही से built और delivered चाहिए? Brainy से अपना लोगो design कराएं।
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
