بسم الله الرَّحْمَنِ الرَّحِيمِ
نبدأ بشرح اليوم طريقة عمل icon بجانب اسم الموقع
وهى ما تعرف ب favicon
![]()
قمت بعمل الشرح فى ملف pdf لمن يريد ان يحتفظ بة على جهازه
نكمل الشرح :-
الكثير من الأشخاص يسأل كيف يمكن عمل icon بجانب اسم الموقع كما فى php
وهذا الشرح ان شاء الله سيكون بالتفصيل حتى يتسنى للجميع فهمة
أولا : نحضر الصورة المراد وضعها بجانب اسم الموقع سواء كانت جاهزة او تم تصميمها
من قبل مصمم على الفوتوشوب
وهى تكون ذات حجم 16×16 pixel
نفتح الموقع التالى :

1-ثم نختار Import image
2- نختار الصورة المراد تحويلها
كما فى الشكل التالى

3- ثم عمل ابلود

تظهر لك الايقونة بعد تحويلها الى ico
وتكون باسم : favicon.ico
الرقم 1 : يوضح لك شكل الايقونة بجانب اسم الموقع
الرقم 2 : لتحميل الايقونة على جهازك
قم بتحميلها على جهازك

ثم اضف الايقونة بعد تحميلها على جهازك الى مجلد المشروع الرئيسى
كما فى الشكل التالى :-

قم باضافة الكود التالى فى الصفحة الرئيسية

<link id="Link1" runat="server" rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
<link id="Link2" runat="server" rel="icon" href="~/favicon.ico" type="image/ico" />
</head>
<head>
ثم اعمل run للمشروع وشوف النتيجة

وفى الختام ارجو ان يكون الشرح كامل وبسيط