مولد الأيقونات
أنشئ أيقونات PNG بمقاسات 16 و32 و48 و180 بكسل من أي صورة. مجاني.
كيفية الاستخدام
- ارفع صورة مربعة (PNG أو JPG) — فشعارك أو أيقونة مبسطة تعمل أفضل.
- تولّد الأداة تلقائيًا كل حجم أيقونة مفضلة قياسي: 16×16 و32×32 و180×180 و192×192 و512×512.
- عاين كل حجم للتحقق من بقاء تصميمك معروفًا عند أبعاد صغيرة.
- نزّل حزمة الأيقونات المفضلة وارفع الملفات إلى موقعك وأضف وسوم الروابط المقدمة إلى رأس HTML.
الأسئلة الشائعة
هل هي مجانية فعلًا؟
نعم — كل أداة على هذا الموقع مجانية 100% دون حدود ودون تسجيل ودون علامات مائية.
هل بياناتي خاصة؟
بالتأكيد. تتم كل المعالجة محليًا في متصفحك. لا تُرفع ملفاتك أبدًا إلى أي خادم.
أي نوع صورة يصنع أيقونة مفضلة جيدة؟
تصميم بسيط وجريء وعالي التباين. فالنصوص الدقيقة والخطوط الرفيعة تختفي عند 16×16 بكسل، لذا استخدم علامة مبسطة — غالبًا حرف واحد أو رمز من شعارك على خلفية صلبة. وتعمل الصور المصدر المربعة أفضل.
أي أحجام أيقونات مفضلة أحتاج فعلًا؟
تغطي 16×16 و32×32 علامات تبويب المتصفح والإشارات المرجعية؛ و180×180 هي أيقونة لمس Apple لشاشات iOS الرئيسية؛ و192×192 و512×512 مطلوبة لبيان تطبيقات PWA (التطبيقات القابلة للتثبيت). وتوليد الخمسة كلها يغطي كل حالة استخدام حديثة.
هل ما زلت أحتاج إلى صيغة .ico القديمة؟
تعمل أيقونات PNG المفضلة في كل المتصفحات الحديثة، لكن favicon.ico في جذر موقعك يبقى الاحتياطي الأكثر توافقًا — فبعض المتصفحات والأدوات القديمة ما زالت تبحث عنه. وإذا كان أقصى توافق مهمًا، أدرج واحدًا.
أين أضع الملفات والشيفرة؟
ارفع الملفات المولّدة إلى مجلد جذر موقعك (أو مجلد /images/)، ثم الصق وسوم الروابط في قسم الرأس من كل صفحة — أو أفضل، في قالب الترويسة المشترك حتى ينطبق على الموقع كله.
مولّد الأيقونات المفضلة — الدليل الكامل
الأيقونة المفضلة هي الأيقونة الصغيرة في علامة تبويب المتصفح — صغيرة بالبكسلات وكبيرة في العلامة التجارية. وتبدو المواقع ذات أيقونة مفضلة واضحة احترافية وأسهل إيجادًا بين عشرين علامة مفتوحة؛ والمواقع دونها تعرض كرة أرضية عامة وتبدو غير مكتملة. ويحوّل هذا المولّد أي صورة مربعة إلى حزمة أيقونات مفضلة كاملة وجاهزة للإنتاج في ثوانٍ، بالكامل في متصفحك.
لماذا تهم الأيقونات المفضلة أكثر مما تظن
يحدد المستخدمون علامات التبويب بالأيقونة قبل قراءة العناوين بوقت طويل. وتحسّن الأيقونة المفضلة المعروفة الزيارات المتكررة (فإشارتك المرجعية تبرز) وتعزز ثقة العلامة وتكمل تجربة تثبيت PWA على الهواتف — حيث تجلس أيقونتك على الشاشة الرئيسية بجانب التطبيقات الكبرى. وهي من أعلى تحسينات الرؤية مقابل الجهد التي يستطيع موقع إجراؤها.
التصميم لـ 16 بكسلًا
الحقيقة القاسية: شعارك المفصل الجميل سيصبح هريسة عند 16×16. صمّم متغيرًا أيقونة مفضلة أولًا — حرفًا جريئًا واحدًا أو رمزًا واحدًا أو شكلًا مبسطًا على لون علامة صلب. واختبر القابلية للقراءة بالتحديق: فإذا لم تستطع تحديده ضبابيًا، بسّطه أكثر. واحتفظ بحشو سخي حتى لا تلمس العلامة الحواف، وتجنب التدرجات التي تنطق عند أحجام صغيرة.
قائمة الأحجام الكاملة
16×16 / 32×32: علامات تبويب المتصفح وشريط العناوين والإشارات المرجعية. 180×180: أيقونة لمس Apple (يضيف iOS زواياه المستديرة الخاصة — أبقِ المحتوى متمركزًا). 192×192 و512×512: أيقونات بيان تطبيقات الويب لـ «إضافة إلى الشاشة الرئيسية» وتثبيت PWA؛ ويجب أن تكون نسخة 512 بكسلًا آمنة القناع مع حشو. SVG (اختياري): أيقونة مفضلة متجهة تتدرج تمامًا ويمكنها حتى التكيف مع الوضع الداكن — فكّر في إضافة واحدة بجانب PNGs.
نصائح تنفيذ
ضع الملفات في جذر موقعك حتى تجد المتصفحات /favicon.ico تلقائيًا، وأعلن كل حجم صراحة بوسوم روابط للموثوقية. وبعد النشر، حدّث بشدة (Ctrl+Shift+R) — فالمتصفحات تخزّن الأيقونات المفضلة مؤقتًا بقوة، وقد تبقى أيقونة قديمة لأيام. وتحقق بمدقق أيقونات مفضلة للتأكد من أن كل حجم يُحل، واختبر سمتي المتصفح الفاتحة والداكنة للتأكد من بقاء أيقونتك مرئية.
دليل خطوة بخطوة: كيفية إنشاء أيقونة مفضلة عبر الإنترنت مجانًا (دليل 2026)