الخطوة 1
أدخل حرفًا أو حرفين
اكتب حرفًا أو اختصارًا قصيرًا أو سلسلة emoji. تُحدّث المعاينة أثناء تعديل القيمة.
مولّد Favicon
أنشئ Favicon بسيطًا من حرف أو emoji، واضبط الألوان والزوايا وحجم التصدير، ثم نزّل PNG أو SVG لموقعك من دون تسجيل أو تسجيل دخول.
معاينة: 512 × 512pxالإدخال: F
تحقق من خيار 16px أو 32px قبل استخدام الأيقونة في علامة تبويب المتصفح. تُنشأ تنزيلات PNG وSVG في هذا المتصفح.
كيفية إنشاء Favicon
الخطوة 2
اضبط اللون والزوايا والحجم
اختر لوني المقدمة والخلفية، واضبط نصف قطر الزوايا، وحدد حجم التصدير الذي تحتاجه.
الخطوة 3
عاين وصدّر
تحقق من أصغر عرض مقصود، ثم نزّل PNG أو SVG الذي يناسب خطوة موقعك التالية.
اختر حجم Favicon وتنسيقه
استخدم محدد الحجم لمعاينة العلامة البسيطة نفسها بمقاييس مختلفة. هذه صادرات منفردة، لذا اختر الملف الذي يطابق الخطوة التالية في سير عملك.
16px و32px لعلامات تبويب المتصفح
استخدم أصغر الخيارات للتحقق مما إذا كان الحرف أو emoji يظل واضحًا في علامة تبويب أو مساحة بحجم إشارة مرجعية.
48px كخيار احتياطي أكبر للمتصفح
يمنحك التصدير بحجم 48px إصدارًا أكبر لمعاينته عندما تحتاج الأيقونة إلى مساحة أكبر من معاينة علامة تبويب صغيرة.
180px لسير عمل أيقونات اللمس
اختر 180px عندما تحتاج إلى أصل أكبر موجّه للمس لمتابعة إعدادات موقعك الخاصة.
512px لتصدير رئيسي
يحافظ أكبر خيار على مقياس أكبر لسير عمل لاحق؛ وما يزال ملف PNG أو SVG واحدًا، وليس حزمة منصة.
PNG أو SVG للخطوة التالية
PNG ملف نقطي شائع. يبقى SVG قابلًا للتحجيم لسير عمل الويب والتصميم المتوافق. وكلاهما خيارا تنزيل فعليان في هذه الصفحة.
حافظ على وضوح Favicon بالأحجام الصغيرة
لا يتيح Favicon مساحة كبيرة للتفاصيل. راجع النتيجة بالحجم المقصود قبل إضافتها إلى موقع أو مشاركتها مع متعاون.
اجعل الشكل بسيطًا
يسهل تمييز النص القصير والرمز الواحد والشكل الخارجي الواضح عندما تُصغّر الأيقونة إلى 16px.
استخدم تباينًا واضحًا
اختر مقدمة وخلفية بفصل واضح، ثم تحقق من المعاينة على أسطح المتصفح الفاتحة والداكنة.
تحقق من حجم التصدير المحدد
أكد محدد الحجم قبل التنزيل كي لا تُخلط معاينة 16px مع أصل رئيسي أكبر.
أضف Favicon إلى موقع
بعد التنزيل، أتح الملف في مسار عام ووجّه head صفحتك إلى اسم الملف الدقيق. المثال أدناه بسيط عمدًا.
ضع الملف الذي نزّلته في الجذر العام
ضع PNG أو SVG حيث يستطيع موقعك تقديمه، مثل مجلد public أو static. يعتمد المجلد الدقيق على نظام البناء لديك.
أضف رابط أيقونة أساسيًا
استخدم رابطًا مطابقًا في head، مثل: <link rel="icon" href="/favicon.svg" type="image/svg+xml">. استبدل المسار باسم الملف المنشور لديك.
تحقق من المسار وذاكرة التخزين المؤقت للمتصفح
إذا لم يظهر Favicon، فافتح URL الملف مباشرة، وافحص مسار head في HTML، وحدّث الصفحة تحديثًا قسريًا بعد النشر.
الخصوصية والنطاق
هذا صانع Favicon متخصص للنصوص وemoji. معرفة ما يفعله وما لا يفعله تحافظ على وضوح توقعات النتيجة.
يُعرض في متصفحك
تستخدم المعاينة Canvas في المتصفح ويُجمع ملف SVG داخل الصفحة. لا يلزم تسجيل أو تسجيل دخول.
النص وemoji فقط في هذا الإصدار
يقبل الإدخال الحالي حرفين كحد أقصى. وهو ليس أداة لرفع الصور أو تحويل SVG أو اقتصاص الشعارات أو فحص Favicon.
PNG وSVG، وليست حزمة كاملة
المخرجات المتاحة هي PNG وSVG. تقع ملفات ICO وZIP وmanifest وApple وAndroid وPWA خارج نطاق هذه الصفحة.
الخصوصية والحدود
تُرسم معاينة Favicon للنص وemoji هذه في متصفحك. لا يلزم تسجيل أو تسجيل دخول، ولا ترفع هذه الصفحة صورة أو تنشئ حزمة أيقونات على الخادم.
- • يقبل الإدخال الحالي النص أو emoji فقط، وبحد أقصى حرفين.
- • تصدّر الأداة حجم PNG أو SVG واحدًا محددًا في كل مرة.
- • لا تنشئ favicon.ico أو حزم ZIP أو manifest أو Apple أو Android أو PWA.
- • لا ترفع صورًا أو تقتص شعارات أو تنشئ HTML تلقائيًا أو تنشر ملفات إلى موقع.
- • قد يختلف عرض emoji والخطوط بين أنظمة التشغيل والمتصفحات.
الأسئلة الشائعة
هل مولّد Favicon هذا مجاني، وهل أحتاج إلى حساب؟
الأداة مجانية للاستخدام عبر الإنترنت ولا تتطلب تسجيلًا أو تسجيل دخول. وهي تنشئ المعاينة في جلسة المتصفح الحالية.
هل يمكنني إنشاء Favicon من نص أو emoji؟
نعم. أدخل حرفًا أو حرفين، أو الأحرف الأولى، أو سلسلة emoji. الأداة الحالية مخصصة لرموز Favicon البسيطة من النصوص وemoji بدلًا من رفع الصور.
هل يمكنني تنزيل ملفات PNG وSVG؟
نعم. اختر حجم التصدير، ثم نزّل PNG أو SVG. لا تنشئ هذه الصفحة favicon.ico أو ZIP أو manifest أو حزم منصات كاملة.
ما أحجام Favicon المتاحة؟
يتضمن محدد الحجم 16 و32 و48 و180 و512 بكسل. وهي خيارات تصدير منفردة، وليست حزمة متعددة الملفات مُنشأة تلقائيًا.
كيف أضيف Favicon إلى HTML؟
ضع ملف PNG أو SVG الذي نزّلته في مسار عام، ثم أضف عنصر link مطابقًا مثل <link rel="icon" href="/favicon.svg" type="image/svg+xml"> داخل head المستند. حدّث المسار ليطابق ملفك.
لماذا لا يظهر Favicon الخاص بي؟
افتح URL ملف الأيقونة مباشرة، وتحقق من مسار link واسم الملف في head الخاص بـ HTML، ثم حدّث الصفحة أو امسح ذاكرة التخزين المؤقت للمتصفح. وتأكد أيضًا من نشر الملف في المسار الذي تطلبه صفحتك.
هل ينشئ هذا favicon.ico أو حزمة Favicon كاملة؟
لا. يصدّر هذا المولّد المتخصص ملفات PNG وSVG فقط. تتطلب حزم ICO وZIP وmanifest وApple touch وAndroid وPWA سير عمل تعبئة منفصلًا.
هل يُرفع Favicon الخاص بي؟
تُرسم المعاينة باستخدام Canvas في المتصفح ويُنشأ SVG داخل الصفحة. لا يلزم حساب أو رفع صورة لسير عمل النص وemoji هذا.
أدوات ذات صلة
تابع باستخدام أداة أخرى تعمل في المتصفح.
الصور
صدّر Favicon بأحجام أيقونات دقيقة
أداة تغيير أبعاد الأيقونات
حمّل أيقونة واحدة بصيغة PNG أو JPG أو WebP، واختر حجمًا دقيقًا أو نسبة مئوية، وحافظ على تناسبها، وعاين النتيجة ثم نزّل PNG. مجانًا عبر الإنترنت بلا تسجيل أو تسجيل دخول.
SP الصور
حوّل علامة SVG إلى PNG
محول SVG إلى PNG
ارفع ملف SVG واحدًا، واختر حجم PNG الذي تحتاجه، وعاين النتيجة، ثم نزّلها. الاستخدام مجاني دون تسجيل أو تسجيل دخول.
أدوات تصميم مجانية
اختر لون Favicon دقيقًا
منتقي الألوان
اختر لونًا بصريًا أو أدخل قيمة HEX، ثم اضبط RGB وHSL والتعتيم بدقة. عاين النتيجة وقارن الدرجات القريبة وانسخ رمز اللون الدقيق من دون تسجيل دخول.
Q أدوات تصميم مجانية
أنشئ رمز QR بعلامة تجارية متناسقة
مولّد رموز QR
أنشئ رمز QR ثابتاً لعنوان URL أو نص أو بريد إلكتروني أو هاتف أو شبكة Wi-Fi. عاين الحمولة، واضبط الألوان، ونزّل PNG أو SVG في متصفحك من دون تسجيل أو تسجيل دخول.