Pixoateمولّد أيقونة الموقع (Favicon) - أنشئ جميع أحجام Favicon من صورة
ارفع أي صورة واحصل فورًا على مجموعة favicon الكاملة: ملف favicon.ico متعدد الدقة إضافة إلى صور PNG بأحجام 16 و32 و48 و180 (Apple) و192 و512 (PWA) وملف site.webmanifest، مُجمَّعة في ملف ZIP.
أفلِت شعارك لتوليد كل حجم من أحجام favicon
يتضمّن favicon.ico و site.webmanifest + مقتطف HTML
انتهيت من مولّد الأيقونة المفضّلة؟ جرّب هذه الأدوات بعد ذلك
أدوات منتقاة بعناية تتكامل مع مولّد الأيقونة المفضلة. واصل عملك دون فقدان ملفك.
محوّل ICO
حوّل PNG / JPG / SVG إلى أيقونة Windows بصيغة .ico متعددة الدقة (16 / 32 / 48 / 64 / 128 / 256 px وأكثر).
جرّبه الآنSVG إلى PNG
حوّل أي ملف SVG إلى صورة PNG واضحة بمقياس من 1x إلى 8x مع خلفية شفافة أو بيضاء أو مخصصة.
جرّبه الآنPNG إلى WebP
حوّل PNG إلى WebP وقلّل حجم الملف بنسبة 60–80% مع الحفاظ على كل بكسل شفاف. شريط للتحكم في الجودة، ووضع بلا فقدان اختياري.
جرّبه الآنالصورة إلى ملصق
حوّل أي صورة إلى ملصق بنمط مطبوع مع إزالة الخلفية بالذكاء الاصطناعي وحدّ خارجي أبيض قابل للتخصيص. مثالي لـ WhatsApp وTelegram وiMessage.
جرّبه الآنتغيير حجم الصورة
غيّر حجم صور JPG وPNG وGIF وWebP أو SVG إلى عرض وارتفاع محددين، أو حجّمها بنسبة مئوية — غيّر حجم صورة واحدة أو حجّم العديد دفعة واحدة في ملف ZIP. معاينة مباشرة، مع الحفاظ على نسبة الأبعاد والجودة. مجاناً، بدون تسجيل، بدون علامة مائية.
جرّبه الآنأداة انتقاء الألوان
اختر لون أي بكسل من صورة (HEX / RGB / HSL) أو استخرج تلقائيًا لوحة الألوان السائدة. صدّرها كـ JSON أو متغيرات CSS.
جرّبه الآنFrequently Asked Questions
للمتصفحات والأجهزة الحديثة، تحتاج إلى ستة أحجام: 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 الشفافة؛ وتضيف الأداة إليها أشرطة سوداء بحيث تستقر الأيقونة في المنتصف في كل مقاس.
tipsYour source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.
privacyفكّ ضغط الملف المُنزَّل داخل مجلد /public (أو جذر الويب) لموقعك، ثم أضف مقتطف HTML المرفق إلى <head>: وسوم link لأيقونات PNG بالإضافة إلى رابط إلى site.webmanifest. حدّث موقعك تحديثًا قسريًا (Cmd+Shift+R) — تخزّن المتصفحات أيقونات favicon بشكل مكثّف، لذا قد تحتاج إلى مسح ذاكرة التخزين المؤقت لظهور الأيقونة الجديدة.
usageنعم — صور PNG بحجم 192×192 و512×512 هي بالضبط ما يبحث عنه Chrome وEdge لتأهيل الموقع كتطبيق ويب تقدّمي (PWA) قابل للتثبيت. وهي تستوفي مع ملف الـ manifest فحص قابلية تثبيت PWA في Lighthouse.
technicalنعم. لا علامات مائية، ولا تسجيل، ولا حدّ للاستخدام — وملف ZIP لك إلى الأبد. أضفنا هذه الأداة لأن كل مطوّر يحتاج في النهاية إلى مجموعة أيقونات مفضّلة، وكانت المولِّدات الموجودة إما مكتظة بالإعلانات أو تجبرك على الدفع مقابل المخرجات عالية الدقة.
pricingالـ favicon هو الأيقونة الصغيرة التي يعرضها المتصفح بجوار عنوان صفحتك في التبويب وفي الإشارات المرجعية وفي السجل. وتُستخدم أيضًا كأيقونة عندما يضيف أحدهم موقعك إلى الشاشة الرئيسية لهاتفه أو يثبّته كتطبيق. ارفع شعارك هنا، وينتج المولّد مجموعة أحجام الـ favicon كاملة بالإضافة إلى ملف site.webmanifest ضمن ZIP واحد.
usageYes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.
technicalHow Favicon Generator helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
إطلاقات المطوّرين المستقلين
يحتاج المؤسّسون المنفردون الذين يطلقون منتجهم الأوّلي إلى أيقونة موقع متقنة قبل الإطلاق. أنشئ كل الأحجام من صورة شعارك الواحدة بالإضافة إلى الـ 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.
Icons for a Browser Extension Manifest
Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.
Fill the Favicon Gap on No-Code Sites
Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.
Give a Hobby Blog a Finished Look
Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.
Fix the Favicon Flagged in an SEO Audit
غياب أيقونة الموقع (favicon) أو تعطّلها من الملاحظات الشائعة في تقارير Lighthouse وزواحف SEO، وهو يضرّ بهدوء بمعدّل النقر في نتائج البحث والإشارات المرجعية. أعِد توليد المجموعة الكاملة برفعة واحدة وأغلِق تلك الملاحظة اليوم.