ফ্যাভিকন কী এবং আপনার ওয়েবসাইটের জন্য এটি কেন গুরুত্বপূর্ণ?

ফ্যাভিকন (“favorite icon”-এর সংক্ষিপ্ত রূপ) হলো ছোট বর্গাকার ছবি, যা ব্রাউজার ট্যাব, বুকমার্ক, হিস্টরি তালিকা, গুগল সার্চ রেজাল্ট, ফোনের হোম স্ক্রিন এবং ইনস্টল করা ওয়েব অ্যাপে একটি ওয়েবসাইটকে উপস্থাপন করে। এটি গুরুত্বপূর্ণ, কারণ এটি এক নজরে আপনার সাইটকে চেনার মতো একটি পরিচিত চেহারা দেয়, অনেক খোলা ট্যাবের মধ্যে সাইটটি খুঁজে পাওয়া সহজ করে, সাইটটি পেশাদার ও বিশ্বাসযোগ্য বলে ইঙ্গিত দেয় এবং এখন গুগল রেজাল্টে আপনার সাইটের নামের পাশেও দেখানো হয়। ফ্যাভিকন না থাকলে দর্শকেরা একটি সাধারণ গ্লোব বা ফাঁকা পেজের আইকন দেখেন, আর আপনার সার্ভারের লগ ভরে ওঠে ৪০৪ এররে। MakeFav ফ্যাভিকন জেনারেটর দিয়ে আপনি বিনামূল্যে একটি সম্পূর্ণ ফ্যাভিকন সেট তৈরি করতে পারেন।

ফ্যাভিকন কী?

ফ্যাভিকন হলো একটি ছোট ব্র্যান্ডেড গ্রাফিক, সাধারণত লোগোর সরল সংস্করণ বা একটি অক্ষর বা প্রতীক, যা ব্রাউজার ও অন্যান্য সফটওয়্যার আপনার ওয়েবসাইট থেকে নিয়ে আসে এবং যেখানেই একটি সংক্ষিপ্ত চাক্ষুষ পরিচয় দরকার সেখানে দেখায়। ডেস্কটপ ব্রাউজারে এটি সাধারণত ১৬ বাই ১৬ CSS পিক্সেলে আঁকা হয়, তবে ফাইলটি নিজে আরও বড় হওয়া উচিত, যাতে হাই-ডেনসিটি স্ক্রিনেও ছবিটি স্পষ্ট থাকে।

প্রযুক্তিগতভাবে, ফ্যাভিকন হলো একটি ইমেজ ফাইল, যা আপনার HTML থেকে রেফার করা হয় (বা ডিফল্ট স্থানে পাওয়া যায়) এবং ইউজার এজেন্ট পেজের কনটেন্ট থেকে আলাদাভাবে ডাউনলোড করে। আজকাল “ফ্যাভিকন” সাধারণত একটি ফাইল নয়। আধুনিক সাইট সাধারণত একই আইকনের একাধিক সংস্করণ দেয়, যাতে ব্রাউজার, সার্চ ইঞ্জিন, iOS ও Android প্রত্যেকে নিজের উপযোগী ফরম্যাট ও সাইজ পায়।

ফ্যাভিকনের সংক্ষিপ্ত ইতিহাস

ফ্যাভিকনের শুরু ১৯৯৯ সালের মার্চে, যখন মাইক্রোসফট ইন্টারনেট এক্সপ্লোরার ৫ প্রকাশ করে। ব্রাউজারটি ব্যবহারকারীদের “Favorites” তালিকায় পেজ সেভ করতে দিত, এবং প্রতিটি সেভ করা এন্ট্রির পাশে দেখানোর জন্য সাইটের রুটে favicon.ico নামের একটি ছোট আইকন ফাইলও খুঁজত। ধারণাটি ছিল সহজ: কোনো সাইট /favicon.ico দিলে আইকনটি বুকমার্কের পাশে দেখা যাবে।

অন্যান্য ব্রাউজারও শীঘ্রই এই ফিচার গ্রহণ করে, আর ট্যাবড ব্রাউজিং এটিকে আরও অনেক কার্যকর করে তোলে। ট্যাব যখন নেভিগেশনের প্রধান উপায় হয়ে উঠল, ফ্যাভিকন বুকমার্কের সাজসজ্জা থেকে নেভিগেশনের একটি মূল সহায়ক হয়ে উঠল। বছরের পর বছর এই পদ্ধতি বিবর্তিত হয়েছে:

• ২০০০-এর দশকের শুরু: <link rel="icon"> এলিমেন্ট সাইটগুলোকে শুধু রুটে নয়, যেকোনো URL-এ আইকন নির্দেশ করার সুযোগ দেয়, এবং IE ছাড়া অন্যান্য ব্রাউজারে PNG ও GIF ফাইল গ্রহণযোগ্য হতে শুরু করে।
• ২০১০-এর দশক: Apple iOS হোম স্ক্রিনের জন্য apple-touch-icon চালু করে, এবং Android ও Windows নিজস্ব রীতি যোগ করে, যেমন ম্যানিফেস্ট আইকন ও টাইল ইমেজ।
• আজ: SVG ফ্যাভিকন, ওয়েব অ্যাপ ম্যানিফেস্ট, ডার্ক-মোড-সচেতন আইকন এবং গুগলের সার্চ-রেজাল্ট ফ্যাভিকন সংক্রান্ত শর্ত ফ্যাভিকনকে সাইটের প্রযুক্তিগত সেটআপের একটি ছোট কিন্তু বাস্তব অংশ করে তুলেছে।

আজ ফ্যাভিকন কোথায় কোথায় দেখা যায়

আপনার ফ্যাভিকন ব্রাউজার ট্যাবের চেয়ে অনেক বেশি জায়গায় দেখানো হয়। প্রধান জায়গাগুলো হলো:

• ব্রাউজার ট্যাব: সবচেয়ে দৃশ্যমান জায়গা, যেখানে অনেক ট্যাব খোলা থাকলে আইকনই প্রায়শ একমাত্র দৃশ্যমান জিনিস।
• বুকমার্ক ও ফেভারিট: বুকমার্ক বার ও মেনুতে আইকনটি পেজের শিরোনামের পাশে বসে।
• হিস্টরি ও সর্বাধিক দেখা পেজ: ব্রাউজার হিস্টরি তালিকা ও নতুন-ট্যাব পেজে ফ্যাভিকন দেখায়।
• গুগল সার্চ রেজাল্ট: মোবাইল ও ডেস্কটপ উভয়ে গুগল সাইটের নাম ও URL-এর পাশে সাইটের ফ্যাভিকন দেখায়।
• হোম স্ক্রিন: কোনো দর্শক iOS বা Android-এ আপনার সাইট হোম স্ক্রিনে যোগ করলে টাচ আইকন বা ম্যানিফেস্ট আইকন অ্যাপের মতো শর্টকাট হয়ে ওঠে।
• ইনস্টল করা PWA: প্রোগ্রেসিভ ওয়েব অ্যাপ তার লঞ্চার আইকন, স্প্ল্যাশ স্ক্রিন ও টাস্ক সুইচারের জন্য ওয়েব অ্যাপ ম্যানিফেস্টের আইকন ব্যবহার করে।
• উইন্ডোজ টাইল ও পিন করা সাইট: পুরোনো Windows ও Edge সংস্করণ পিন করা সাইটের জন্য নির্ধারিত টাইল ইমেজ ব্যবহার করত; আধুনিকগুলো বেশির ভাগ ক্ষেত্রে আপনার সাধারণ আইকনই ব্যবহার করে।
• কিছু অ্যাপে লিংক প্রিভিউ: কিছু চ্যাট ও প্রোডাক্টিভিটি টুল (Slack একটি সুপরিচিত উদাহরণ) আনফার্ল করা লিংকের পাশে সাইটের ফ্যাভিকন দেখায়। বেশির ভাগ প্রিভিউ মূলত Open Graph ইমেজের ওপর নির্ভর করে, কিন্তু ছোট ব্র্যান্ড চিহ্নটি প্রায়ই ফ্যাভিকনই জোগায়।

আপনার ওয়েবসাইটের জন্য ফ্যাভিকন কেন গুরুত্বপূর্ণ

ব্র্যান্ড পরিচিতি

মানুষ লেখা পড়ার চেয়ে দ্রুত রং ও আকার চিনতে পারে। ট্যাব, বুকমার্ক ও সার্চ রেজাল্টে বারবার দেখা একটি সামঞ্জস্যপূর্ণ আইকন প্রতিবার দেখার সময় পরিচিতি গড়ে তোলে, অর্থাৎ প্রতিটি ভিজিটে বিনামূল্যে ব্র্যান্ডের প্রচার হয়।

আস্থা ও বিশ্বাসযোগ্যতা

ফ্যাভিকন না থাকলে সাইটটি অসম্পূর্ণ মনে হয়। পরিষ্কার ও সঠিকভাবে দেখানো আইকন একটি ছোট সংকেত যে কেউ খুঁটিনাটির যত্ন নিয়েছে, যা সাইটটি বৈধ বলে ধারণাকে সমর্থন করে। এটি কোনো নিরাপত্তা ফিচার নয়, এবং ফিশিং সাইটও আইকন কপি করতে পারে, কিন্তু ফাঁকা ডিফল্ট আইকন কোনো ব্যবসাকে প্রতিষ্ঠিত দেখাতে খুব কমই সাহায্য করে।

সার্চ রেজাল্টে ক্লিক-থ্রু রেট

গুগল আপনার লিস্টিংয়ের পাশে ফ্যাভিকন দেখায় বলে প্রতিদ্বন্দ্বীদের পাশে আপনার রেজাল্ট কেমন দেখায়, তার অংশ হয়ে ওঠে এটি। গুগল ফ্যাভিকনের কোনো র‍্যাঙ্কিং প্রভাবের কথা প্রকাশ করেনি, এবং র‍্যাঙ্কিং বাড়ার আশা করা উচিত নয়। সুবিধাটি চাক্ষুষ পরিচিতির: যারা আপনার আইকন চেনেন, তাঁরা আপনার রেজাল্ট খুঁজে নিয়ে বেছে নেওয়ার সম্ভাবনা বেশি, বিশেষ করে মোবাইলে, যেখানে রেজাল্ট সংক্ষিপ্ত আকারে দেখা যায়।

অনেক ট্যাব খোলা থাকলে ব্যবহারযোগ্যতা

ব্রাউজারে বিশটি ট্যাব খোলা থাকলে শিরোনাম কেটে প্রায় কিছুই থাকে না, আর শুধু ফ্যাভিকনটুকুই অবশিষ্ট থাকে। একটি স্বতন্ত্র আইকন মানুষকে মুহূর্তেই আপনার ট্যাব খুঁজে পেতে এবং ডুপ্লিকেট খুলে বা ভুলে না গিয়ে সেখানে ফিরে যেতে সাহায্য করে।

পেশাদার ছাপ

ভালোভাবে ডিজাইন করা ফ্যাভিকন আপনার সাইটের বাকি অংশের মতোই খুঁটিনাটির প্রতি মনোযোগ দেখায়। প্রোডাক্ট পেজ, ডকুমেন্টেশন, ব্লগ কিংবা ওয়েব অ্যাপ, সব ক্ষেত্রেই এটি সবচেয়ে কম খরচে সৌন্দর্য বাড়ানোর একটি উপায়।

ট্যাব খুঁজে পাওয়ার সুগমতা

যাঁরা পড়ার চেয়ে চোখ বুলিয়ে খোঁজেন, ডিসলেক্সিয়া বা জ্ঞানীয় ভিন্নতা আছে এমন মানুষ এবং দ্রুত কাজ বদলানো যে কেউ আইকন থেকে সাহায্য পান। উচ্চ কনট্রাস্ট ও সরল আকারের আইকন আলাদা করে চেনা সহজ। তবে মনে রাখবেন, ফ্যাভিকন একটি সম্পূরক মাত্র: এটি স্পষ্ট পেজ শিরোনামের বিকল্প নয়, যার ওপর স্ক্রিন রিডার ও সহায়ক প্রযুক্তি নির্ভর করে।

ফ্যাভিকন না থাকলে কী হয়

আপনার HTML-এ উল্লেখ না থাকলেও ব্রাউজার স্বয়ংক্রিয়ভাবে আপনার ডোমেইনের রুট থেকে /favicon.ico অনুরোধ করে। ফাইলটি না থাকলে কয়েকটি জিনিস ঘটে:

• সাধারণ আইকন: দর্শকেরা ট্যাব ও বুকমার্কে ডিফল্ট গ্লোব, ডকুমেন্ট বা ফাঁকা আইকন দেখেন, যা অচেনা মনে হয়।
• লগে ৪০৪ এরর: ফাইলটি চাওয়া প্রতিটি ব্রাউজার একটি ব্যর্থ অনুরোধ তৈরি করে। ব্যস্ত সাইটে এটি অ্যাক্সেস লগ, এরর মনিটরিং ও অ্যানালিটিক্সে বাড়তি জঞ্জাল যোগ করে এবং আসল সমস্যা আড়াল করতে পারে।
• গুগল রেজাল্টে আইকন নেই: বৈধ ও ক্রল করা যায় এমন ফ্যাভিকন না থাকলে গুগল আপনার লিস্টিংয়ের পাশে তার ডিফল্ট প্লেসহোল্ডার দেখায়।
• অপচয়ী অনুরোধ: ব্রাউজার আবার চেষ্টা করতে পারে, যা আপনার সার্ভারে ছোট কিন্তু অকারণ লোড যোগ করে।

খুব সাধারণ একটি আইকনও না থাকার চেয়ে ভালো, কারণ এটি ৪০৪ দূর করে এবং ব্যবহারকারীদের চেনার মতো কিছু দেয়।

ফ্যাভিকন ফরম্যাটের ব্যাখ্যা

কোনো একক ফরম্যাট সব প্ল্যাটফর্ম কভার করে না, তাই বেশির ভাগ সাইট অল্প কয়েকটি ফাইলের একটি সেট ব্যবহার করে।

পুরোনো Windows টাইল ইমেজ (browserconfig.xml-এর মাধ্যমে কনফিগার করা) ইন্টারনেট এক্সপ্লোরার ১১ ও পুরোনো Edge-এর জন্য দরকার হতো। ওই পরিবেশ সমর্থন করতে না হলে এখন এগুলো খুব কমই প্রয়োজন হয়।

সার্চ রেজাল্টের জন্য গুগলের ফ্যাভিকন নির্দেশিকা

আপনার আইকন গুগল সার্চে দেখাতে চাইলে গুগলের প্রকাশিত শর্তগুলো মেনে চলুন:

• সাইজ: ছবিটি অবশ্যই বর্গাকার (১:১) এবং ৪৮ পিক্সেলের গুণিতক হতে হবে, যেমন ৪৮x৪৮, ৯৬x৯৬ বা ১৪৪x১৪৪। গুগল তারপর প্রদর্শনের জন্য এটি ১৬x১৬-তে ছোট করে। সর্বনিম্ন সমর্থিত সাইজ ৮x৮, তবে ৪৮x৪৮ বা তার বেশি সুপারিশ করা হয়।
• ফরম্যাট: ব্রাউজার সমর্থন করে এমন যেকোনো ফরম্যাট চলে, যার মধ্যে ICO, PNG ও SVG আছে।
• স্থিতিশীল URL: ফ্যাভিকনের URL ঘন ঘন বদলাবেন না। স্থিতিশীল ঠিকানা গুগলকে আপনার আইকন হালনাগাদ রাখতে সাহায্য করে।
• ক্রল করা যায়: ফ্যাভিকন ফাইল ও আপনার হোম পেজ, দুটিই Googlebot-এর জন্য অ্যাক্সেসযোগ্য হতে হবে। এগুলো robots.txt-এ বা লগইনের পেছনে আটকাবেন না।
• সাইটপ্রতি একটি ঘোষণা: আইকনটি সাইটের হোম পেজের সঙ্গে যুক্ত, তাই <link> ট্যাগটি আপনার হোম পেজের head-এ রাখুন।
• প্রতিনিধিত্বমূলক ও উপযুক্ত: আইকনটি আপনার ব্র্যান্ডকে প্রতিফলিত করবে, এবং আপত্তিকর বা বিভ্রান্তিকর আইকন গুগল তার ডিফল্ট দিয়ে বদলে দিতে পারে।

ফ্যাভিকন প্রকাশ বা পরিবর্তনের পর গুগলের রিক্রল ও আপডেট করতে কয়েক দিন থেকে কয়েক সপ্তাহ লাগতে পারে, তাই তাৎক্ষণিক পরিবর্তন আশা করবেন না।

MakeFav দিয়ে দ্রুত ফ্যাভিকন তৈরির উপায়

আপনার ডিজাইন সফটওয়্যার বা কমান্ড লাইনের দরকার নেই। MakeFav জেনারেটর একটি সোর্স ইমেজকে উপরে বর্ণিত ফাইলগুলোতে রূপান্তর করে।

1. আপনার আর্টওয়ার্ক প্রস্তুত করুন। ৫১২ x ৫১২ px বা তার চেয়ে বড় একটি বর্গাকার লোগো বা প্রতীক ব্যবহার করুন। সরল আকার সবচেয়ে ভালো কাজ করে, কারণ আইকনটি ১৬ px-এ দেখা হবে।
2. এটি আপলোড করুন MakeFav হোম পেজে, অথবা এক্সপোর্টের আগে ছবি, ব্যাকগ্রাউন্ড ও প্যাডিং ঠিক করতে এডিটর খুলুন।
3. প্রিভিউ দেখুন ছোট সাইজে এবং হালকা ও গাঢ় ব্যাকগ্রাউন্ডে, যাতে নিশ্চিত হন যে এটি পাঠযোগ্য থাকছে।
4. প্যাকেজ ডাউনলোড করুন। এতে ICO, PNG সাইজ, Apple touch icon, ম্যানিফেস্ট আইকন এবং পেস্ট করার জন্য HTML স্নিপেট থাকে।
5. ফাইলগুলো আপলোড করুন আপনার ওয়েবসাইটের রুটে, যাতে সেগুলো /favicon.ico-এর মতো পাথে পাওয়া যায়।
6. HTML যোগ করুন প্রতিটি পেজের <head>-এ, অথবা আপনার শেয়ার্ড লেআউট বা টেমপ্লেটে।
7. যাচাই করুন ফ্যাভিকন চেকার দিয়ে, তারপর নতুন আইকন দেখতে ব্রাউজারের ক্যাশ পরিষ্কার করে রিলোড করুন।

HTML স্নিপেটের উদাহরণ

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

ICO লিংকে sizes="48x48" অ্যাট্রিবিউট ব্রাউজারকে SVG সমর্থন থাকলে সেটিকে অগ্রাধিকার দিতে সাহায্য করে, আর ICO ফলব্যাক হিসেবে থাকে। ৯৬ px PNG গুগলের ৪৮-এর গুণিতকের নিয়ম পূরণ করে।

ওয়েব অ্যাপ ম্যানিফেস্টের উদাহরণ

{
  "name": "Example Site",
  "short_name": "Example",
  "icons": [
    { "src": "/web-app-manifest-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
    { "src": "/web-app-manifest-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

আপনি বিল্ড পাইপলাইনে কাজ করলে বা আইকন তৈরি স্বয়ংক্রিয় করতে চাইলে ডেভেলপার রিসোর্স দেখুন।

কার্যকর ফ্যাভিকন ডিজাইনের টিপস

• সরল রাখুন। একটি আকার, একটি অক্ষর বা একটি বোল্ড মনোগ্রাম এমন বিস্তারিত লোগোর চেয়ে ভালো, যা ১৬ px-এ গিয়ে ঝাপসা হয়ে যায়।
• শক্তিশালী কনট্রাস্ট ব্যবহার করুন। আইকনটি যেন হালকা ও গাঢ় দুই ধরনের ব্রাউজার থিমেই দেখা যায়। রঙিন ব্যাকগ্রাউন্ড টাইল সাহায্য করে।
• লেখা এড়িয়ে চলুন। একটি আদ্যক্ষর ঠিক আছে; এই সাইজে পুরো শব্দ পড়া যায় না।
• কিছুটা প্যাডিং রাখুন ম্যাস্কেবল ও গোলাকার কোণের আইকনের জন্য, যাতে গুরুত্বপূর্ণ কিছু কাটা না পড়ে।
• সামঞ্জস্য বজায় রাখুন আপনার লোগো ও ব্র্যান্ডের রঙের সঙ্গে, যাতে ফ্যাভিকন পরিচিতিকে আরও জোরালো করে।
• বাস্তব ডিভাইসে পরীক্ষা করুন এবং ট্যাব, বুকমার্ক ও গুগল রেজাল্টে এটি কেমন দেখায় তা যাচাই করুন।

ফ্যাভিকনের সাধারণ সমস্যা

আপনার আইকন না দেখালে সাধারণ কারণগুলো হলো ক্যাশিং, ভুল পাথ এবং ব্লক করা ফাইল। ব্রাউজার ফ্যাভিকন খুব জোরালোভাবে ক্যাশ করে, তাই আপডেট দেখতে প্রায়ই হার্ড রিফ্রেশ বা নতুন প্রাইভেট উইন্ডোই যথেষ্ট। ফাইলের URL যে ২০০ স্ট্যাটাস ও সঠিক কনটেন্ট টাইপ ফেরত দিচ্ছে এবং <link> ট্যাগটি <head>-এ আছে তা পরীক্ষা করুন। সার্চের জন্য নিশ্চিত করুন robots.txt আইকন বা হোম পেজ ব্লক করছে না। MakeFav চেকার এই সমস্যাগুলো দ্রুত শনাক্ত করতে সাহায্য করতে পারে।

সচরাচর জিজ্ঞাসিত প্রশ্ন

ফ্যাভিকন শব্দের পূর্ণরূপ কী?

ফ্যাভিকন হলো “favorite icon”-এর সংক্ষিপ্ত রূপ। নামটি এসেছে ইন্টারনেট এক্সপ্লোরার ৫ থেকে, যা ১৯৯৯ সালে প্রথম ব্রাউজারের Favorites তালিকার এন্ট্রি সাজাতে একটি ছোট আইকন ফাইল ব্যবহার করে। এখন আইকনটি আরও অনেক জায়গায় দেখা গেলেও শব্দটি রয়ে গেছে।

ফ্যাভিকন কি SEO-তে সাহায্য করে?

ফ্যাভিকন সরাসরি র‍্যাঙ্কিং ফ্যাক্টর নয়। তবে এটি মোবাইল ও ডেস্কটপে গুগল রেজাল্টে আপনার সাইটের নামের পাশে দেখা যায়, তাই এটি ব্র্যান্ড পরিচিতি ও আপনার লিস্টিংয়ের চাক্ষুষ আকর্ষণ বাড়াতে পারে, যা পরোক্ষভাবে ক্লিকে সহায়তা করতে পারে। গুগলের নির্দেশিকা মানলেই আইকনটি দেখানোর যোগ্য হয়।

ফ্যাভিকনের সাইজ কত হওয়া উচিত?

গুগল সার্চের জন্য ৪৮ পিক্সেলের গুণিতক বর্গাকার ছবি ব্যবহার করুন, যেমন ৪৮x৪৮ বা ৯৬x৯৬। আরও বিস্তৃত কভারেজের জন্য একটি ICO ফাইল, ১৮০x১৮০ Apple touch icon এবং ১৯২x১৯২ ও ৫১২x৫১২ ম্যানিফেস্ট আইকনও দিন। স্কেলযোগ্যতার জন্য SVG একটি ভালো সংযোজন।

PNG বা SVG ব্যবহার করলেও কি আমার favicon.ico লাগবে?

এখনও এটি রাখা ভালো। ব্রাউজার ও কিছু টুল ডিফল্টভাবে /favicon.ico অনুরোধ করে, এবং পুরোনো সফটওয়্যার এর ওপর নির্ভর করে। সাইটের রুটে একটি ICO ফাইল রাখলে ৪০৪ এরর এড়ানো যায় এবং SVG বা PNG সমর্থিত না হলে একটি নিরাপদ ফলব্যাক পাওয়া যায়।

আমার ফ্যাভিকন আপডেট হচ্ছে না কেন?

ব্রাউজার ও সার্চ ইঞ্জিন ফ্যাভিকন অনেকক্ষণ ক্যাশ করে রাখে। হার্ড রিফ্রেশ, প্রাইভেট উইন্ডো বা ক্যাশ পরিষ্কার করে দেখুন। ফাইলের পাথ সঠিক এবং নতুন ফাইলটি সার্ভ হচ্ছে কি না নিশ্চিত করুন। গুগল সার্চে পরিবর্তিত আইকন রিক্রল ও আপডেট হতে কয়েক দিন বা সপ্তাহ লাগতে পারে।