أداة تحويل الصورة إلى Favicon

حول الصور من صيغ JPG و PNG و GIF إلى أيقونات favicon بتنسيق ICO

1462 مرة استعمال | 5.0 تقييم

إعدادات إنشاء Favicon

قم بسحب الافلات الصورة إلى هنا، أو

نتائج الإنشاء

لم يتم المعالجة

يرجى تحميل إنشاء Favicon لعرض النتائج

تعليمات الاستخدام

1

اختر ملف الصورة

قم بسحب الافلات ملف الصورة إلى منطقة التحميل أو انقر فوق زر التصفح لاختيار ملف الصورة.

2

اضبط معلمات Favicon

اختر حجم Favicon وتنسيق الإخراج، وقم بضبط خيارات معالجة الصورة حسب الحاجة.

3

إنشاء Favicon

انقر فوق زر "إنشاء Favicon"، وسيقوم النظام بتحويل الصورة إلى تنسيق Favicon.

4

تنزيل النتائج

بعد الانتهاء من الإنشاء، يمكنك معاينة Favicon بأحجام مختلفة وتنزيل الملف المُنشأ.

معرفة أساسية عن Favicon

ما هو Favicon؟

Favicon (رمز المفضلة) هو أيقونة للموقع تظهر في علامات التبويب المتصفح وشريط العلامات المفضلة والسجل التاريخي، وهي عادة صغيرة الحجم 16×16 بكسل أو 32×32 بكسل. إنها جزء مهم من هوية العلامة التجارية للموقع، ويمكنها مساعدة المستخدمين على تحديد موقعك بسرعة بين علامات التبويب المفتوحة.

تنسيقات Favicon الشائعة

  • تنسيق .ico: التنسيق الأكثر تقليدية ودوافع الاستخدام لـ Favicon، يمكنه إحضار صور بأحجام وعمق ألوان متعددة
  • تنسيق .png: متوافق على نطاق واسع مع المتصفحات الحديثة، يدعم الخلفيات الشفافة والتضاغط
  • تنسيق .svg: تنسيق متجهي، يظهر بوضوح على شاشات الدقة العالية، ولكن مدى دعم المتصفح يختلف
  • تنسيق .webp: تنسيق أحدث، كفاءة ضغط أعلى، ولكن المتصفحات القديمة لا تدعمها

الأحجام والتخصصات الموصى بها

لضمان أفضل عرض على مختلف الأجهزة والمتصفحات، يوصى بإنشاء Favicon تحتوي على الأحجام التالية:

16×16 بكسل
علامات التبويب المتصفح
32×32 بكسل
رمز شريط المهام
48×48 بكسل
مدير موارد Windows
180×180 بكسل
شاشة iOS الرئيسية

بالإضافة إلى ذلك، يوصى باستخدام صور مربعة، وضمان أن العناصر البصرية المهمة تقع في منطقة المركز، لتناسب احتياجات القص المختلفة.

أفضل الممارسات والتلميحات

  • استخدم تصميمًا بسيطًا وواضحًا، وتجنب التفاصيل الزائدة، لأن حجم Favicon صغير
  • تأكد من وجود إمكانية رؤية جيدة على خلفية الفاتحة والداكنة
  • استخدم خلفية شفافة لكي تناسب مواضيع المتصفح المختلفة
  • قدم أيقونات أكبر الحجم للأجهزة المحمولة (مثل أيقونة Apple Touch 180×180 بكسل)
  • امسح ذاكرة التخزين المؤقت للمتصفح بعد تحديث Favicon، لعرض أحدث النتائج

طريقة تكامل الموقع

لإضافة Favicon إلى موقعك، تحتاج إلى إضافة الكود التالي إلى قسم<head>من مستند HTML:

<!-- Favicon قياسي -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<!-- Favicon بتنسيق ICO (دعم متصفحات تقليدية) -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">

<!-- أيقونة Apple Touch (أجهزة iOS) -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- مظهر تطبيق الموقع (PWA) -->
<link rel="manifest" href="/site.webmanifest">

تأكد من وضع ملفات الأيقونات في مجلد الجذر للموقع أو المسار المحدد، وتحديث خاصية href للطابق مع موقع الملف الفعلي.

التسويق

API开发平台

快速构建、测试和部署API

推荐工具

أداة التعرف على النص OCR للصور - استخراج النص من الصور عبر الإنترنت

أداة مجانية عبر الإنترنت للتعرف على النص OCR للصور، تدعم استخراج النص من الصور بتنسيقات JPG و PNG وغيرها، ويمكنها التعرف على العديد من اللغات مثل الصينية والانجليزية.

أداة تقسيم GIF - تحويل ملفات GIF إلى صور إطارات متعددة

أداة مجانية عبر الإنترنت لتقسيم GIF، تحويل ملفات رسوم متحركة GIF إلى صور إطارات متعددة، تدعم تنزيل جميع الإطارات، تعمل بالكامل دون اتصال بالإنترنت، البيانات 100% آمنة.

أداة تحويل الصور إلى Favicon - مُولِّد أيقونات مواقع الويب عبر الإنترنت

أداة مجانية عبر الإنترنت لتحويل الصور إلى Favicon، تدعم تحويل صور بصيغ JPG و PNG و GIF وغيرها إلى أيقونات favicon بصيغة ICO، مع إمكانية تخصيص الحجم والصيغة.

مُنشئ رموز QR - إنشاء رموز QR عبر الإنترنت

أداة الإنشاء 온라인 لرموز QR - منصة فعالة لإنشاء رموز QR. يمكنها تحويل محتوى مثل النصوص، روابط المواقع الإلكترونية، معلومات الاتصال إلى رموز QR بنقرة واحدة.

أداة ضبط حجم الصور - تغيير حجم الصور بالجملة عبر الإنترنت

أداة مجانية عبر الإنترنت لضبط حجم الصور، تدعم رفع العديد من الصور بالجملة وتغيير حجمها، مع معلمات قابلة للتخصيص مثل العرض، الارتفاع، ونسبة التكبير/التصغير إلخ.