আমি কীভাবে আমার ওয়েবসাইটের লোগোটিকে ব্রাউজার ট্যাবগুলিতে আইকন চিত্র হতে পারি?

Question 1

ব্রাউজার ট্যাবে পৃষ্ঠা শিরোনামের পাশের চিত্রটি - আপনি কীভাবে এখানে একটি চিত্র লিঙ্ক করতে পারেন?

Question 2

এই চিত্রটিকে ' ফেভিকন ' বলা হয় এবং এটি একটি ছোট স্কোয়ার আকৃতির .icoফাইল, যা ফ্যাভিকনগুলির জন্য আদর্শ ফাইল টাইপ। আপনি ব্যবহার করতে পারেন .pngবা .gifখুব বেশি, তবে আরও ভাল সামঞ্জস্যের জন্য আপনার মানটি অনুসরণ করা উচিত।

আপনার ওয়েবসাইটের জন্য একটি সেট করতে আপনার উচিত:

আপনার লোগোটির একটি বর্গক্ষেত্র চিত্র তৈরি করুন (সর্বাধিক 32x32 বা 16x16 পিক্সেল, যতদূর আমি জানি সর্বাধিক আকারের * নেই) এবং এটিকে একটি .icoফাইলে রূপান্তর করুন। আপনি (ক সাহায্যে গিম্প, ফটোশপ উপর এটা করতে পারেন প্লাগিন বা মত একটি ওয়েবসাইট) Favicon.cc বা RealFaviconGenerator ।
তারপরে, আপনার এটি সেট আপ করার দুটি উপায় রয়েছে:

ক) নামের সাথে আপনার ওয়েবসাইটের মূল ফোল্ডার / ডিরেক্টরিতে এটি স্থাপন ।index.htmlfavicon.ico

বা

খ) আপনার সাইটের <head></head>প্রতিটি .htmlফাইলের ট্যাগগুলির মধ্যে এর সাথে লিঙ্ক করুন:
```
<head>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
```

আপনি যদি faviconকোনও ওয়েবসাইট থেকে এটি দেখতে চান তবে কেবল লিখুন www.url.com/favicon.icoএবং আপনি (সম্ভবত) এটি দেখতে পাবেন। স্ট্যাকওভারফ্লো এর ফেভিকনটি 16x16 পিক্সেল এবং উইকিপিডিয়া 32x32।

*: এমনকি ফাইল আকারের সীমা নেই এমন একটি ব্রাউজার সমস্যা রয়েছে। আপনি খুব সহজেই এখানে একটি বৃহত্তর ফ্যাভিকন, আরও তথ্য সহ একটি ব্রাউজার ক্রাশ করতে পারেন

Question 3

এটিকে ' ফেভিকন ' বলা হয় এবং আপনার ওয়েবসাইটের শিরোনাম বিভাগে আপনার নীচের কোড যুক্ত করতে হবে ।

কেবল <head>বিভাগে এটি যুক্ত করুন।

<link rel="icon" href="/your_path_to_image/favicon.jpg">

Question 4

এটি ফেভিকন এবং লিঙ্কে ব্যাখ্যা করা হয়েছে।

যেমন ডাব্লু 3 সি থেকে

  <link rel="icon" 
     type="image/png" 
     href="http://example.com/myicon.png">

প্লাস, অবশ্যই যথাযথ জায়গায় চিত্র ফাইল।

Question 5

<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 
'apple-touch-icon-retina.png')}">

অথবা আপনি এটি ব্যবহার করতে পারেন

<link rel="shortcut icon" sizes="114x114" href="${resource(dir: 'images', file: 'favicon.ico')}"
type="image/x-icon">

Question 6

আপনার ওয়েবসাইটের মূলটিতে "ফেভিকন.ইকো" নামের একটি আইকন ফাইল যুক্ত করুন।

Question 7

এটি যোগ করুন

**<HEAD>**

  < link rel="icon" href="directory/image.png">

তারপরে দৌড়াতে এবং এটি উপভোগ করুন