logo designMay 26, 202610 min read

شرح صيغ ملفات الشعارات: SVG، PNG، PDF، AI، EPS

SVG للويب. PNG للعروض. PDF للطباعة. AI وEPS للتحرير. الدليل الشامل لمعرفة أي صيغة ملف شعار تستخدم، ومتى، ولماذا بالضبط.

By Boone
XLinkedIn
logo file formats explained

شرح صيغ ملفات الشعارات: SVG، PNG، PDF، AI، EPS

الشيء الوحيد الذي تحتاج إلى تذكره عن صيغ ملفات الشعارات

الشعار ليس ملفاً. إنه منظومة من الملفات. إرسال PNG واحد وتسميته تسليماً هو الطريقة التي تبدو بها العلامة التجارية هاوية أمام العملاء.

الصيغ الخمس التي تهم فعلاً هي SVG وPNG وPDF وAI وEPS. لكل منها وظيفة. استخدام الصيغة الخاطئة في المكان الخاطئ يجعل الشعار إما يتكسر على لوحة إعلانية، أو يرفض الفتح على جهاز مورد، أو يعود من محل التطريز وكأنه صُمم على هاتف قديم.

رسم توضيحي بأسلوب voxel لخمسة حاويات بصيغ ملفات الشعارات مرتبة كمنظومة تسليم متكاملة.
رسم توضيحي بأسلوب voxel لخمسة حاويات بصيغ ملفات الشعارات مرتبة كمنظومة تسليم متكاملة.

Vector مقابل Raster، في فقرة واحدة

النوعالصيغالسلوك
VectorSVG، AI، EPS، PDFيخزن الأشكال كمعادلات رياضية. عند التكبير تُعاد الحسابات وتبقى الحواف حادة.
RasterPNG، JPGيخزن شبكة بكسل ثابتة. تجاوز 100% تكبيراً وستظهر الشبكة.

هذا هو الفارق بالكامل. يجب أن يكون شعارك دائماً موجوداً أولاً بصيغة vector، مع تصدير صيغ raster منه.

مخطط voxel يوضح تباين شكل vector بحواف حادة مقابل شبكة بكسل raster عند التكبير.
مخطط voxel يوضح تباين شكل vector بحواف حادة مقابل شبكة بكسل raster عند التكبير.

SVG، صيغة الـ vector الأصيلة للويب

SVG اختصار لـ Scalable Vector Graphics. إنها صيغة قائمة على XML تقرأها المتصفحات مباشرة، مما يعني عدم وجود تأخير في التصيير، ولا ضبابية على شاشات Retina، ولا حاجة لملف 2x إضافي. ضعها في وسم <img> أو ضمّنها مباشرة في HTML وستتمدد لأي دقة دون بايت إضافي.

شعار الصفحة الرئيسية لـ ElevenLabs مصيَّر بصيغة SVG لعرض حاد في أي دقة شاشة.
شعار الصفحة الرئيسية لـ ElevenLabs مصيَّر بصيغة SVG لعرض حاد في أي دقة شاشة.

شاهده على elevenlabs.io

SVG هي الصيغة الصحيحة لـ:

  • ترويسات المواقع
  • أيقونات التطبيقات
  • توقيعات البريد الإلكتروني (على المنصات التي تدعمها)
  • أي سطح رقمي تتحكم فيه

معظم أدوات التصميم تصدرها مباشرة.

أين تتعثر SVG:

  • Microsoft Office: دعم Word وPowerPoint لـ SVG غير متسق بحسب الإصدار ونظام التشغيل
  • سير عمل الطباعة القديمة: بعض أدوات الإنتاج تعاني مع SVG؛ استخدم PDF أو EPS بدلاً منها

PNG، البديل الآمن الذي يخرب الطباعة

PNG هي صيغة raster. تخزن بكسلات. كل تطبيق على وجه الأرض يفتح PNG، وهذه هي ميزتها التنافسية الوحيدة، وهي ميزة حقيقية للسياقات الرقمية.

السياقحكم PNG
الويب، دون تجاوز حجم التصدير الأصليجيد
العروض التقديمية، منشورات التواصل الاجتماعي، المستندات الداخليةجيد
الطباعةأبداً. لا يمكن لـ PNG التكبير دون تدهور، وستبلغك دار الطباعة بذلك عبر بريد إلكتروني في أسوأ لحظة ممكنة.

الشعار بدقة 300 DPI على بطاقة عمل يجب أن يأتي من مصدر vector.

دائماً صدّر PNG بدقة عالية، 2000 بكسل على الجانب الأطول كحد أدنى، بنسختين: خلفية بيضاء وخلفية شفافة.

مفهوم voxel يظهر شعاراً raster يتكسر عند التكبير بعد أبعاد التصدير الأصلية.
مفهوم voxel يظهر شعاراً raster يتكسر عند التكبير بعد أبعاد التصدير الأصلية.

PDF، الصيغة التي تنتقل في كل مكان دون أن تنكسر

PDF يُدمج بيانات vector. صدّره من Illustrator أو Figma وسيُفتح على أي جهاز، قابل للتكبير بالكامل، دون الحاجة لأي برنامج.

واجهة رفع خدمة Moo للطباعة تحدد متطلبات صيغة vector لإنتاج بطاقات الأعمال.
واجهة رفع خدمة Moo للطباعة تحدد متطلبات صيغة vector لإنتاج بطاقات الأعمال.

تصفح مواصفات الطباعة على moo.com

لا مشاكل في الخطوط. لا أصول مفقودة. لا ردود "ليس لدي Illustrator" من الموردين.

بالنسبة لأعمال الطباعة، PDF هي صيغة التسليم الـ vector الأكثر عملية:

  • المطابع التجارية تقبلها مباشرة في سير عملها
  • موردو اللافتات يضعونها في برامج التخطيط ذات التنسيق الكبير
  • محلات التطريز تحولها دون فقدان دقة الخطوط
  • الموردون الذين ليس لديهم Illustrator يمكنهم فتحها

إنها الصيغة التي يُرسل بها عندما لا تعرف أي تطبيق يستخدمه الشخص الآخر، وهذا يشمل معظم عمليات التسليم الخارجية.

PDF هي أيضاً صيغة متغيرات التصميم (الشعار مع الشعار الفرعي، عمودي، أفقي). يضعها المورد مباشرة في InDesign أو Acrobat دون خطوة تحويل.

AI، ملف العمل الذي يحتفظ به مصممك

AI هو ملف عمل Adobe Illustrator الأصلي، وليس التسليم. يخزن كل شيء:

  • الطبقات والكائنات
  • عينات الألوان
  • الموجهات ولوحات العمل
  • النص الحي مع الخطوط الأصلية سليمة
  • سمات المظهر
  • الألوان الفردية

مصممك يحتفظ بملف AI. أنت تحصل على التصديرات منه. إذا انتهت العلاقة واحتجت لاحقاً لتعديل الشعار، فملف AI هو ما يجعل التعديل ممكناً.

يجب أن تنص العقود على تسليم المصمم له عند اكتمال المشروع. إن لم ينص عقدك على ذلك، فهذه ثغرة يستحق معالجتها قبل أن تحتاج لإجراء تعديلات.

تفتح ملفات AI بشكل كامل فقط في Illustrator (وجزئياً في Affinity Designer). للعملاء الذين يلصقون الشعار في عرض تقديمي، أرسل PNG. لمورد يطلب AI تحديداً، أرسله وأكد إصدار Illustrator لديه، لأن التوافق بين الإصدارات المختلفة غير موثوق.

EPS، الصيغة القديمة التي لا تزال تطلبها دور الطباعة

EPS اختصار لـ Encapsulated PostScript وهي أقدم من PDF. كانت صيغة تبادل الـ vector القياسية قبل أن تصبح PDF سائدة، وموردو الطباعة الذين عملوا في المجال لعقود لا يزالون يطلبونها من باب العادة.

صفحة مجموعة الصحافة الخاصة بـ GitLab تعرض تنزيلات الشعار بصيغ EPS وvector للاستخدام الإنتاجي والإعلامي.
صفحة مجموعة الصحافة الخاصة بـ GitLab تعرض تنزيلات الشعار بصيغ EPS وvector للاستخدام الإنتاجي والإعلامي.

شاهد مجموعة الصحافة على about.gitlab.com

EPS وAI يحملان نفس بيانات الـ vector. الفارق الرئيسي: EPS أكثر قابلية للقراءة على برامج الإنتاج القديمة، بينما AI يحافظ على ميزات Illustrator الخاصة مثل النص الحي والشفافية التي تُدمج عند التصدير بصيغة EPS.

عندما يطلب المورد EPS، أعطه EPS. عندما لا يطلبها أحد، يتولى PDF نفس المهمة بتوافق أفضل مع الأدوات الحديثة.

فخ الـ favicon وصورة الملف الشخصي الاجتماعي

الـ favicon ليس شعاراً مصغراً. إنه عمل تصميمي منفصل. عند 32x32 بكسل، تختفي معظم تفاصيل الشعار. علامة كلمة مع شعار فرعي تصبح لطخة رمادية، وما يُقرأ بوضوح عند 300 بكسل يصبح غير مقروء عند 32 بكسل.

عملية الـ favicon في ثلاث خطوات:

  1. صمم علامة favicon مخصصة، عادةً الحرف الأول أو مونوغرام أو العنصر الأكثر تميزاً في الشعار مع حذف التفاصيل الثانوية.
  2. صدّر الملف، إما .ico (حاوية لـ PNG بأحجام 16x16 و32x32 و48x48) أو PNG بحجم 192x192 يُكبره المتصفح.
  3. تعامل مع صور الملفات الشخصية الاجتماعية بشكل منفصل. Instagram يقص الصورة بشكل دائري تقريباً عند 110x110 بكسل، لذا يجب أن تكون أيقونة الملف الشخصي هي علامة الشعار وحدها، وليس التصميم الكامل مع اسم العلامة التجارية.

مجموعة التسليم للعميل التي Brainy تُرسلها مع كل شعار

كل تسليم شعار من Brainy يأتي كمجلد منظم، وليس ملف مضغوط من تصديرات عشوائية. إليك الهيكل الدقيق:

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 هي مجموعة مصممة للمصممين، وليس للعملاء.

صفحة مجموعة العلامة التجارية GitHub تعرض تنزيلات منظمة للشعار تشمل SVG وPNG وملفات المصدر vector.
صفحة مجموعة العلامة التجارية GitHub تعرض تنزيلات منظمة للشعار تشمل SVG وPNG وملفات المصدر vector.

تصفح مجموعة العلامة التجارية على brand.github.com

اطلب من Brainy تصميم شعارك وستحصل على المجموعة الكاملة، مُعنونة ومنظمة، من المرة الأولى.

جدول قرار الصيغة بنظرة واحدة

الجدول الوحيد أدناه يربط كل حالة استخدام شائعة بالصيغة الصحيحة. اطبعه، أو خذ لقطة شاشة له، أو الصقه في Notion الاستوديو، أياً كان ما يبقيه في متناول يدك عندما يسأل عميل "أي ملف أرسله للطابعة."

حالة الاستخدامالصيغة الصحيحةالسبب
ترويسة الموقعSVGيتمدد لأي دقة؛ دعم أصلي من المتصفح
بديل الموقعPNG (2x)توافق شامل عند عدم توفر SVG
توقيع البريد الإلكترونيPNGSVG محظور أو محذوف في معظم عملاء البريد
الطباعة (بطاقة العمل، ورق الرسائل)PDF أو EPSVector؛ مقبول من أي مطبعة تجارية
اللافتات الكبيرةPDF أو EPSيتمدد لأي حجم دون فقدان الجودة
التطريز أو قطع الفينيلEPS أو AIمدخل مطلوب لمعظم برامج الإنتاج
العروض التقديمية (Google، PowerPoint)PNGدعم SVG يتفاوت بحسب الإصدار؛ PNG موثوق
صورة الملف الشخصي الاجتماعيPNG (مربع، علامة الشعار فقط)المنصات تضغط SVG أو ترفضها
Favicon.ico أو PNG (192x192)مواصفات المتصفح؛ SVG غير مدعومة شاملاً
علامة مائية في الفيديوPNG (شفاف)قناة ألفا لـ PNG تعمل في محررات الفيديو
تعديل الشعار أو إعادة تصميمهAIملف عمل كامل بكل الطبقات والسمات
تسليم المورد (أدوات مجهولة)PDFيُفتح في كل مكان؛ يحافظ على بيانات vector
شجرة قرار voxel تربط خيارات صيغ الشعار عبر حالات الويب والطباعة والتحرير والبديل.
شجرة قرار voxel تربط خيارات صيغ الشعار عبر حالات الويب والطباعة والتحرير والبديل.

الأسئلة الشائعة

ما الفرق بين AI وEPS؟

كلتاهما صيغ vector. AI هو صيغة عمل Illustrator الأصلية وتحافظ على النص الحي والشفافية ولوحات العمل وسمات المظهر. EPS أقدم وأكثر قابلية للقراءة على نطاق أوسع لكنها تدمج تلك الميزات عند التصدير. احتفظ بـ AI كمصدر الحقيقة، وأرسل EPS عند طلب المورد.

هل يمكنني استخدام PNG لكل شيء؟

لا. PNG يتدهور عند طباعته أو تكبيره بعد حجم التصدير. الموردون سيرفضونه، وآلات التطريز لا تستطيع استخدامه. الجدول أعلاه يوضح ما يجب إرساله بدلاً منه.

ماذا عن WebP وGIF وTIFF وBMP؟

لا شيء من هذه يُعدّ صيغ شعارات. WebP للضغط الفوتوغرافي، لوحة الـ 256 لون لـ GIF تدمر الحواف النظيفة، TIFF للأرشفة، وBMP لا يدعم الشفافية. الصيغ الخمس المذكورة أعلاه تغطي كل حالة استخدام مشروعة للشعارات.

مصممي أرسل لي PNG فقط. ماذا أفعل؟

اطلب المجموعة الكاملة: SVG وPDF وEPS وملف المصدر AI. ملفات العمل ملك العميل ما لم ينص عقدك على خلاف ذلك. إذا كان المصمم لا يستجيب، اطلب من Brainy إعادة تصميم شعارك واحصل على كل الملفات بشكل صحيح هذه المرة.

هل يجب أن تكون الشعارات RGB أم CMYK؟

RGB للشاشات، CMYK للطباعة. الفرق في الألوان بين الملفات الشخصية حقيقي، لذا تحقق من أي شيء يتجه لطابعة فعلية. PDF وEPS للطباعة يجب أن يكونا CMYK ما لم يقل المورد خلاف ذلك.

هل تعمل SVG لتوقيعات البريد الإلكتروني؟

في الغالب لا. Gmail وOutlook وApple Mail يتعاملون مع SVG بشكل غير متسق، وبعض العملاء يحذفونها كلياً. استخدم PNG لتوقيعات البريد الإلكتروني. عرض 200 بكسل بدقة 2x خط أساس موثوق.

ما الصيغة التي يحتاجها محل التطريز؟

الماكينة تعمل بصيغة خياطة (DST وPES) يُنتجها رقمي من عملك الفني. أعط المحل شعارك الـ vector بصيغة 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

More from Brainy Papers

Keep reading