الأدلة
أدلة favicon خطوة بخطوة لكل حجم وصيغة ومنصة — مع أدوات مجانية لإنشاء أيقوناتك وتثبيتها.
البدء
أنشئ favicon وحوّله واعرضه مسبقًا من أي صورة مصدر.
تحويل PNG إلى favicon
حوّل أي PNG إلى favicon.ico متعدد الأحجام في ثوانٍ. مجاني، في المتصفح، بدون تسجيل.
اقرأكيفية إنشاء favicon
أنشئ favicon احترافيًا من أي صورة في أقل من دقيقة. يشمل .ico وPNG وSVG وapple-touch-icon.
اقرأمولّد favicon شفاف
أنشئ favicon يحافظ على خلفية شفافة. يعمل في الوضع الداكن ومع أي سمة متصفح.
اقرأأداة معاينة favicon
اعرض favicon بكل حجم وعلى سمات المتصفح الشائعة قبل النشر.
اقرأمولّد أيقونات التطبيقات
أنشئ كل أحجام الأيقونات اللازمة لـ iOS وAndroid وWindows وmacOS من صورة مصدر واحدة.
اقرأ
أحجام favicon
كل دقة قياسية — من علامات التبويب 16×16 إلى أيقونات PWA بحجم 512×512.
مولّد favicon 16×16
أنشئ favicon واضحًا بحجم 16×16 في ثوانٍ. مولّد مجاني، بدون تسجيل، المعالجة بالكامل في متصفحك.
اقرأمولّد favicon 32×32
أنشئ favicon واضحًا بحجم 32×32 في ثوانٍ. مولّد مجاني، بدون تسجيل، المعالجة بالكامل في متصفحك.
اقرأمولّد favicon 48×48
أنشئ favicon واضحًا بحجم 48×48 في ثوانٍ. مولّد مجاني، بدون تسجيل، المعالجة بالكامل في متصفحك.
اقرأمولّد favicon 64×64
أنشئ favicon واضحًا بحجم 64×64 في ثوانٍ. مولّد مجاني، بدون تسجيل، المعالجة بالكامل في متصفحك.
اقرأمولّد favicon 128×128
أنشئ favicon واضحًا بحجم 128×128 في ثوانٍ. مولّد مجاني، بدون تسجيل، المعالجة بالكامل في متصفحك.
اقرأمولّد favicon 256×256
أنشئ favicon واضحًا بحجم 256×256 في ثوانٍ. مولّد مجاني، بدون تسجيل، المعالجة بالكامل في متصفحك.
اقرأشرح أحجام favicon
افهم أحجام 16 و32 و48 و64 و128 و180 و192 و512 بكسل: أين يُستخدم كل حجم وأيها يجب نشره.
اقرأأفضل حجم favicon في 2026
أي حجم favicon يجب أن تنشئه؟ تحليل عملي لأحجام 16 و32 و48 و180 و192 و512 بكسل وأين يُستخدم كل منها.
اقرأ
مقارنة الصيغ
ICO مقابل PNG مقابل SVG — متى تستخدم كل صيغة وكيف تجمعها.
أفضل صيغة favicon في 2026
أي صيغة favicon يجب أن تستخدمها؟ قارن بين ICO وPNG وSVG من حيث دعم المتصفح وحجم الملف والوضوح.
اقرأFavicon (.ico) مقابل PNG
مقارنة جنبًا إلى جنب بين favicons بصيغتي .ico وPNG: دعم الأحجام المتعددة وحجم الملف وتوافق المتصفح والوضع الداكن.
اقرأFavicon (.ico) مقابل SVG
قارن بين favicons بصيغتي .ico وSVG: دعم المتصفح والوضع الداكن وحجم الملف وقابلية التوسع.
اقرأICO مقابل PNG
مقارنة تفصيلية بين صيغتي ICO وPNG للأيقونات وfavicons واختصارات Windows. حالات الاستخدام والحجم والتوافق.
اقرأ
المنصات وأُطر العمل
أضف favicon إلى WordPress وShopify وReact وNext.js والمزيد.
Favicon لـ WordPress
دليل خطوة بخطوة لإضافة favicon إلى أي موقع WordPress — عبر المخصّص أو القالب أو إضافة. بدون برمجة.
اقرأFavicon لـ Shopify
أضف favicon مخصصًا لمتجر Shopify في دقائق — عبر محرر القالب، بدون مطوّر.
اقرأFavicon لـ React
أضف favicon إلى أي تطبيق React مبني بـ Vite أو Create React App. إعداد متعدد الأحجام وfavicon SVG للوضع الداكن.
اقرأFavicon لـ Next.js
أضف favicon إلى مشروع Next.js 14+ App Router. اصطلاح الأيقونات بالملفات وإعداد متعدد الأحجام.
اقرأFavicon لـ Webflow
ارفع favicon إلى أي موقع Webflow من إعدادات المشروع. الأحجام والصيغ ونصائح التخزين المؤقت.
اقرأFavicon لـ Wix
أضف أو غيّر favicon موقع Wix من لوحة التحكم. الأحجام والصيغ الموصى بها لمواقع Wix.
اقرأ
HTML وPWA
وسوم link وapple-touch-icon وإعداد web app manifest.
دليل apple-touch-icon
أنشئ واربط apple-touch-icon.png لـ iPhone وiPad. الحجم والصيغة ووسم HTML والتخزين المؤقت.
اقرأدليل web app manifest
اكتب web app manifest بأيقونات 192×192 و512×512 ولون السمة وبيانات التثبيت لـ Android وChromium.
اقرأمولّد HTML لـ favicon
أنشئ وسوم <link> الدقيقة لوضعها في <head> لإعداد favicon مثالي في كل متصفح.
اقرأكيفية إضافة favicon في HTML
وسوم <link> الدقيقة لـ <head> مع إعداد favicon مثالي، بما في ذلك PWA وapple-touch-icon.
اقرأ
أيقونات Windows
ملفات .ico متعددة الأحجام للاختصارات ومستكشف الملفات والمثبّتات.
أدوات الصور
غيّر الحجم وحسّن الصور وافحصها قبل نشر الأيقونات.
مغيّر حجم أيقونات وسائل التواصل
غيّر حجم شعارك إلى مقاس صورة الملف الشخصي الدقيق لـ Twitter/X وFacebook وInstagram وLinkedIn وYouTube والمزيد.
اقرأفاحص أبعاد الصور
تحقق فورًا من العرض والارتفاع وDPI وملف اللون ونسبة العرض إلى الارتفاع لأي صورة. بدون رفع — في متصفحك.
اقرأمحسّن SVG
حسّن ملفات SVG في متصفحك. أزل بيانات المحرّر وقلّل الحجم حتى 80٪.
اقرأ