0 Mustafa Suleiman نشر 16 مايو أرسل تقرير نشر 16 مايو ما تقصده هو Favicon أو أيقونة المُفضلة، الصيغة الأفضل للصورة هي ICO، ولكن لا مشكلة في استخدام PNG أو JPG أيضًا. والحجم المناسب هو 16x16 أو 32x32 بكسل، ولكن لدعم الأجهزة التي بها شاشة عالية الدقة مثل Retina نستخدم أحجام أكبر مثل 64x64 أو 180x180 بكسل. استخدم الموقع التالي للحصول على صورة، تستطيع من خلاله تحويل png إلى ico أو الحصول على صورة icon من خلال كتابة اسم الموقع فقط أو تستطيع استخدام emoji وسيتم تحويله إلى ico https://favicon.io ثم تضمين الصورة من خلال عنصر link بداخل عنصر head كالتالي: <head> <link rel="icon" type="image/x-icon" href="/favicon.ico"> </head> بالطبع عليك تعديل اسم ومسار الصورة في وسم href لما لديك أنت. اقتباس
0 محمد_عاطف نشر 16 مايو أرسل تقرير نشر 16 مايو هذا ما يسمى بال favicon . حيث يجب عليك في جزء ال head في الصفحة أن تضيح العنصر link وتضع به ربط الصورة ويفضل أن تكون بصيعة ico ليكون الشكل كالتالي : <link rel="icon" href="favicon.ico" type="image/x-icon"> حيث يمكنك إستبدال favicon.ico بمسار الصورة التي تريد عرضها. وأيضا يمكنك عرض أكثر من صورة بناء على حجم الشاشة أو نوع الجهاز . اقتباس
0 ياسر مسكين نشر 16 مايو أرسل تقرير نشر 16 مايو وعليكم السلام ورحمة الله وبركاته، ذلك يعرف بالأيقونة أو بال favicon ولعملها يجب أولا تحضير ملف الأيقونة ويُفضّل أن يكون باسم favicon.ico وبالحجم 16×16 بكسل أو 32×32 بكسل يمكنك أيضاً استخدام صورة بصيغة PNG (مثلاً favicon.png) بأحجام متعددة مثلا 32×32، 48×48، 64×64 ثم وضع ملف الأيقونة في مجلد المشروع وعادة يوضع الملف في جذر المجلّد الذي يحتوي على صفحة ال HTML أو في مجلد ثابت assets/images/ ثم في ملف ال HTML الرئيسي مثلا إذا كان باسم index.html أو ما شابه نضع هذا الكود داخل الوسوم <head>...</head>: <link rel="icon" href="favicon.ico" type="image/x-icon"> اقتباس
0 عبد الوهاب بومعراف نشر 16 مايو أرسل تقرير نشر 16 مايو أعتقد أنك تقصد إضافة أيقونة favicon في علامة التبويب بالمتصفح وهي صورة صغيرة تظهر بجانب اسم الموقع في تبويب المتصفح، تعطي هوية بصرية للموقع يمكنك فعل ذلك من خلال إضافة هذا الوسم داخل <head> كالآتي: <link rel="icon" href="icon.png"> يمكن استخدام .ico أو .png وفي حال لو لم تظهر أرجو مسح cache المتصفح. اقتباس
0 Chihab Hedidi نشر 16 مايو أرسل تقرير نشر 16 مايو يجب عليك إضافة العنصر link في الجزء head و حتى حتى تربط الأيقونة مع المشروع بهذا الشكل: <head> <link rel="icon" type="image/x-icon" href="/favicon.ico"> </head> اقتباس
0 بلال زيادة نشر 17 مايو أرسل تقرير نشر 17 مايو لإضافة صورة كـ favicon (أيقونة الموقع) في صفحة HTML، يمكنك استخدام وسم <link> داخل وسم <head>. الـ favicon عادةً تكون صورة صغيرة (مثل .ico أو .png) تظهر في علامة تبويب المتصفح أو بجوار عنوان الموقع. <head> <link rel="icon" href="path/to/favicon.ico" type="image/x-icon"> </head> وهذا مثال بصيغة png <head> <link rel="icon" href="images/favicon.png" type="image/png"> </head> و هذا مثال لكامل كود صفحة ووضع favicon لها <!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <title>موقعي</title> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head> <body> <h1>مرحبًا بكم في موقعي!</h1> </body> </html> اقتباس
السؤال
Zen Eddin Allaham
كيف يمكنني اضافة صورة في tab
6 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.