كيفية إضافة أيقونة خاصة لموقعك favicon ؟

كتب يوم : 26 يوليو 2014 - تصنيف : تصميم مواقع انترنت - مشاهدات 1

favicon هي تلك الأيقونة – الرمز – الذي يظهر بجانب عنوان موقعك في شريط المتصفح ، ومن مميزاته أنه يسهل التعرف على موقع في حال فتح أكثر من تبويب مواقع في المتصفح ( العين تقرأ الصور قبل الكلمات ) ناهيك عن أنه في الأصل يعرض العلامة التجارية أو اللوجو الخاص بالنشاط والذي في الغالب سيتم استخدامه كشعار رئيسي في أغلب الصفحات الإجتماعية للموقع

يمكنك إضافته من خلال الكود التالي ( بين وسميّ head ) :

1- بصيغة icon

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>إضافة أيقونة لموقعك</title>
</head>

<link rel="icon" type="image/ico" href="images/favicon.ico"/>
<body>
</body>
</html>

تحديدا هذا هو الكود المستخدم :

<link rel="icon" type="image/ico" href="images/favicon.ico"/>

2- بصيغة png

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>إضافة أيقونة لموقعك</title>
</head>

<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
<body>
</body>
</html>

تحديدا هذا هو الكود المستخدم :

<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>

أتمنى لكم الفائدة 🙂

 

وسوم :

favicon أيقونة