كل مقاس من صورة واحدة
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
اسقط صورة مربعة واحصل على كل مقاس الفايفيكون بالإضافة الى الموقع على شبكة الإنترنت كزبدة ضوئية.
يتضمّن favicon.ico و site.webmanifest + مقتطف HTML
What you can do with مولّد أيقونة الموقع (Favicon)
كُلّ شيء هذه الأداةِ تُساعدُك تُنجزُ - لا منحنى تَعَلّمَ، لا تركيب.
- يولد كل مقاس من صورة واحدة
- Create Apple touch and Android home-screen icons
- إستعدوا لموقع الاستخدام الموقع الشبكي
- تحميل جميع أحجام الفافيون كزب واحد
- أضف مقياساً لـ "بروزر تاب" إلى موقعك
انتهيت من مولّد أيقونة الموقع (Favicon)؟ جرّب هذه بعدها
أدوات مختارة بعناية تتناسب مع مولّد أيقونة الموقع (Favicon). تابع عملك دون فقدان ملفك.
محوّل ICO
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
جرّبه الآنSVG إلى PNG
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
جرّبه الآنPNG إلى WebP
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
جرّبه الآنالصورة إلى ملصق
صور الشواذ تبدو خارج المكان في الدردشة اقطعوا الخلفية، اجمعوا مخططاً أبيض حول موضوعكم، وتصدّروا ملصقاً لـ(ماساب) و(تليغرام) و(ايمزج) خلال ثواني. حر للبدء.
جرّبه الآنتغيير حجم الصورة
الحجم الخاطئ للمنصة؟ تحديد المواهب والطول أو المقياس بدقة بنسبة المئوي، ويعيش ما قبل الاستعراض، ويحمّل دون فقدان النوعية - في ثوان. حريّة أن تبدأ، وتعيد الدفع مع (بريميوم).
جرّبه الآنأداة انتقاء الألوان
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
جرّبه الآنالأسئلة الشائعة
للمتصفحات والأجهزة الحديثة، تحتاج إلى ستة أحجام: 16×16 و32×32 لعلامات تبويب المتصفح، و48×48 لأيقونات مواقع Windows، و180×180 لأيقونة Apple touch (شاشة iOS الرئيسية)، و192×192 + 512×512 لشاشات Android الرئيسية ومطالبات تثبيت PWA. ينتج مولّدنا الأحجام الستة جميعها بالإضافة إلى ملف site.webmanifest من صورة مصدر واحدة.
usageتُفضّل معظم المتصفحات الحديثة وسوم الربط بصيغة PNG (rel="icon" type="image/png")، لذا لم يعد ملف ICO مطلوبًا. نتخطى صيغة ICO القديمة ونوفر أيقونات مفضلة بصيغة PNG بأحجام صحيحة لكل هدف حديث. إذا كان عليك دعم Internet Explorer أو إصدارات قديمة جدًا من Chrome، فيمكنك تحويل إحدى صور PNG إلى ICO بشكل منفصل.
technicalبيان تطبيق الويب عبارة عن ملف JSON يُخبر Android وChrome وEdge كيف ينبغي أن يبدو موقعك عند تثبيته كتطبيق ويب تقدّمي — الأيقونة والاسم ولون السمة ووضع العرض. يتضمن مولّدنا بيانًا أوليًا يشير إلى أيقونات Android Chrome؛ كل ما عليك هو تعديل الاسم وtheme_color.
featuresيمنح ملف PNG مربّع (1:1) بمقاس 512×512 أو أكبر أنظف مخرجات في كل مقاس. تجنّب التفاصيل الدقيقة التي تختفي عند 16×16 — تعمل أيقونات الموقع المفضّلة على أفضل وجه بشكل واحد جريء وتباين عالٍ. تعمل ملفات PNG الشفافة؛ وتضيف الأداة إليها أشرطة سوداء بحيث تستقر الأيقونة في المنتصف في كل مقاس.
tipsتُرفع صورتك المصدر عبر HTTPS إلى خادمنا الآمن، الذي يصيّر كل حجم أيقونة مفضّلة وملف site.webmanifest ويعيدها كملف ZIP، ثم يحذف الملف المرفوع تلقائيًا بعد المعالجة. التنزيلات دون علامة مائية ولا يُخزَّن أو يُشارَك أي شيء، لذا تبقى آمنة للمنتجات غير المنشورة وهويات العلامات التجارية قبل إطلاقها.
privacyفكّ ضغط الملف المُنزَّل داخل مجلد /public (أو جذر الويب) لموقعك، ثم أضف مقتطف HTML المرفق إلى <head>: وسوم link لأيقونات PNG بالإضافة إلى رابط إلى site.webmanifest. حدّث موقعك تحديثًا قسريًا (Cmd+Shift+R) — تخزّن المتصفحات أيقونات favicon بشكل مكثّف، لذا قد تحتاج إلى مسح ذاكرة التخزين المؤقت لظهور الأيقونة الجديدة.
usageنعم — صور PNG بحجم 192×192 و512×512 هي بالضبط ما يبحث عنه Chrome وEdge لتأهيل الموقع كتطبيق ويب تقدّمي (PWA) قابل للتثبيت. وهي تستوفي مع ملف الـ manifest فحص قابلية تثبيت PWA في Lighthouse.
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingالـ favicon هو الأيقونة الصغيرة التي يعرضها المتصفح بجوار عنوان صفحتك في التبويب وفي الإشارات المرجعية وفي السجل. وتُستخدم أيضًا كأيقونة عندما يضيف أحدهم موقعك إلى الشاشة الرئيسية لهاتفه أو يثبّته كتطبيق. ارفع شعارك هنا، وينتج المولّد مجموعة أحجام الـ favicon كاملة بالإضافة إلى ملف site.webmanifest ضمن ZIP واحد.
usageنعم — يقبل الرافع ملفات PNG وJPEG وWebP وSVG المصدرية، وليس PNG فقط. يستحق SVG الاستخدام إن كان لديك: لأنه متجهي، يُعرض كل حجم إخراج من 16 حتى 512 حديثًا من بيانات المتجه بدلًا من تكبيره من صورة نقطية، فتبقى الحواف حادة حتى عند 512×512. يعمل JPEG وWebP جيدًا أيضًا، رغم أنه ينبغي لك تسطيح أي شفافية على خلفية أولًا لأن JPEG لا يمكنه حمل قناة ألفا.
technicalارفع شعارك بصيغة PNG وستحوّله الأداة إلى ملف favicon.ico متعدد الدقات يحتوي على النسخ بمقاسات 16 و32 و48 بكسل التي تتوقعها المتصفحات، إلى جانب ست مقاسات PNG وملف site.webmanifest، كلها مجمّعة في ملف ZIP واحد. تعمل الأداة أيضًا مع ملفات JPEG وWebP وSVG، بحيث يتحول أي ملف شعار إلى أيقونة موقع دون فتح محرر صور.
usageكيف تساعدك مولّد أيقونة الموقع (Favicon) على إنجاز مهمتك
مشكلات حقيقية تحلّها كل يوم — للشركات والمبدعين والمهام اليومية. اعثر على حالة الاستخدام التي تناسبك وابدأ في ثوانٍ.
إطلاقات المطوّرين المستقلين
يحتاج المؤسّسون المنفردون الذين يطلقون منتجهم الأوّلي إلى أيقونة موقع متقنة قبل الإطلاق. أنشئ كل الأحجام من صورة شعارك الواحدة بالإضافة إلى الـ manifest بنقرة واحدة — دون Figma ودون الحاجة إلى اشتراك تصميم.
إعداد عملاء الوكالة
عند تسليم موقع عميل جديد، نادرًا ما تُدرَج مجموعة أيقونات الموقع (favicon) في الميزانية لكنها متوقَّعة دائمًا. أنشئ ملف ZIP في نهاية المشروع، ثم ضعه في مجلد /public وأشّر على هذا التسليم كمنجَز.
قابلية تثبيت تطبيق الويب التقدمي (PWA)
لاجتياز فحص قابلية التثبيت في Chrome، يحتاج ملف manifest الخاص بك إلى أيقونتين بحجمي 192×192 و 512×512. يلبّي ناتجنا هذا المتطلب دون أي إعداد إضافي، إضافة إلى وسوم head في HTML المطابقة.
مساحات عمل متعددة العلامات التجارية
يمكن للوكالات والمستشارين الذين يديرون علامات تجارية متعددة للعملاء إعادة إنشاء مجموعة الأيقونة المفضلة في 10 ثوانٍ كلما طُرح تحديث للعلامة التجارية — دون الحاجة إلى الاحتفاظ بإجراء في Photoshop.
العلامة التجارية لمشاريع المصدر المفتوح
مواقع GitHub Pages وVercel وNetlify وCloudflare Pages كلها تحتاج إلى أيقونات الموقع لتبدو متقنة في علامات تبويب المتصفّح. أضف الملفات المُنشأة إلى مستودعك ليبدو مشروعك جاهزاً للإطلاق.
تجديد الهوية التجارية
عند تغيير شعارك، أعِد إنشاء كل حجم مطلوب — بما في ذلك أيقونة Apple touch بحجم 180px وأيقونة Android PWA بحجم 512px — دون إعادة التصدير يدويًا من Illustrator.
أيقونات لبيان امتداد المتصفح
خُذ ملفات PNG بمقاسات 16 و32 و48px مباشرةً من ملف ZIP لكائن الأيقونات في manifest.json — وسيلة سريعة للحصول على أيقونات امتداد متوافقة دون تصدير كل مقاس يدوياً في أداة تصميم.
سدّ فجوة الأيقونة المفضّلة في المواقع بدون برمجة
نادرًا ما تنشئ Webflow وFramer وWix مجموعة favicon كاملة من تلقاء نفسها؛ ارفع شعارك هنا والصق الأحجام الناتجة ومقتطف HTML في لوحة الكود المخصص أو إعدادات SEO في موقعك خلال دقائق.
امنح مدوّنة هواية مظهراً مكتمِلاً
غالباً ما تُطلق المدونات الشخصية على Ghost أو Jekyll أو Hugo دون أي أيقونة مفضّلة على الإطلاق؛ أنشئ المجموعة الكاملة من صورة وجه أو شعار مرسوم باليد ليبدو تبويب المتصفح مقصوداً بدلاً من فارغ.
إصلاح الأيقونة المفضّلة المُشار إليها في تدقيق SEO
غياب أيقونة الموقع (favicon) أو تعطّلها من الملاحظات الشائعة في تقارير Lighthouse وزواحف SEO، وهو يضرّ بهدوء بمعدّل النقر في نتائج البحث والإشارات المرجعية. أعِد توليد المجموعة الكاملة برفعة واحدة وأغلِق تلك الملاحظة اليوم.
