আইই 10 এ আপনার সর্বাধিক জনপ্রিয় সাইটগুলির স্ক্রিন - আইকনগুলি প্রদর্শিত হচ্ছে না

Question

আমরা ফেভিকন, ট্যাবলেট, স্মার্টফোন, উইন্ডোজ 8 টাইল এবং এর মতো আইকন যুক্ত করতে নিম্নলিখিত কোডটি ব্যবহার করি: -

<link rel="apple-touch-icon" href="apple-touch-icon.png">

<link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico"/>

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>

<meta name="msapplication-TileColor" content="#17151a"/>

দুর্ভাগ্যক্রমে এটি আই 9 এবং আই 10 এর 'আপনার সর্বাধিক জনপ্রিয় সাইটগুলির স্ক্রিন' এর জন্য কাজ করছে বলে মনে হচ্ছে না, গুগল অনুসন্ধানগুলি জ্ঞান-আলোকিত করে তুলেছে।

স্ট্যাক ব্যবহারগুলি <link rel="apple-touch-icon" href="apple-touch-icon.png">মনে হয় যা এটির জন্য কাজ করে তবে এটি আমাদের জন্য নয়।

কোনও সমাধানের কোনও ক্লু প্রশংসিত।

Comments

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

— সু '

আইকনগুলির কোনওটিই 404'ing নয় এবং ফ্যাভিকন অন্যান্য ব্রাউজারগুলিতে যেমন টাচ আইকনগুলি ব্যবহার করে তেমন কাজ করে না। এটি 'বিরক্তিকর' চেয়ারমেন নোটিশ 'ইস্যুগুলির মধ্যে একটি। এটিতে সকাল কাটিয়ে, কৌতূহল এবং হতাশা আমার পক্ষে আরও ভাল হয়েছে।

— এমজেওয়াদমিন

আপনি কি স্ট্যাকটি ব্যবহার করে আসল পিএনজি চিত্র চেষ্টা করেছেন? যদি পিএনজি ফর্ম্যাট নিজেই কিছুটা অসঙ্গতি হয়?

— মিঃ হোয়াইট

অন্যান্য ব্রাউজারগুলি এখানে প্রাসঙ্গিক নয়; আমি বোঝাতে চাইছি নিয়মিত আই ট্যাবগুলিতে আইকনটি লোড হয়। 404s এর অভাবও আপনাকে কিছু বলবে না। চিত্রটি আসলে আছে কিনা তা নিয়ে এর কোনও যোগসূত্র নেই। ব্রাউজারগুলি সাধারণত ফেভিকন, পিরিয়ড লোড করা সম্পর্কে চঞ্চল থাকে; যখন এটি নিজেরাই সমস্যা তৈরি করে তখন প্রায়শই খুব কম করা যায় (ক্যাশে সাফ করা, এবং আপনি যে কোনও কিছু ভাবতে পারেন: কাজ করতে পারে, নাও পারে; অবাক হবেন!) সময়ের সাথে সাথে তারা আরও ভাল করেছেন, তবে এটি এখনও ঘটে। ফায়ারফক্স আইকন সহ অন্য ট্যাবে ইতিমধ্যে খোলা সাইটের জন্য একটি ট্যাবে একটি ফ্যাভিকন লোড করতে ব্যর্থ হয়েছে ।

— সু '

আপনি কি মন্তব্যগুলিতে ওয়েবসাইটটিতে একটি লিঙ্ক পোস্ট করতে পারেন?

Answer 1

আপনার আইকো ফাইলটি কোথায়? আমি এটি রুট ফোল্ডারে দেখতে পাচ্ছি, তারপরে আপনার পিছনে স্ল্যাশ দরকার নেই, আপনার ফাইলের পিছন থেকে স্ল্যাশ সরিয়ে ফেলুন, এছাড়াও আপনার প্রয়োজন নেইtype="image/x-icon"

আপনার আইসিও ফাইলটি বিভিন্ন প্রয়োজনীয় আইকন আকারের একটি সাধারণ আইকন লাইব্রেরি হওয়া উচিত।

<link rel="shortcut icon" href="favicon.ico"/>

কেবল উপরের কোডটি ব্যবহার করুন, এটি আইই 9, আইই 10, এফএক্স এবং ক্রোমের জন্য পুরোপুরি কাজ করে works

আপনার যদি আগে আলাদা ফ্যাভিকো থাকে তবে আপনার ব্রাউজারের ক্যাশেও রিফ্রেশ করতে হবে।

Comments

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

— ওয়েবচেমিস্ট

Answer 2

আপনার ফেভিকন এর মাত্রা কি? তারা এই নির্দেশিকাগুলির মধ্যে পড়েছে তা নিশ্চিত করার জন্য এই তালিকাটি দেখুন:

সাইট আইকনটি কাস্টমাইজ করা - ইন্টারনেট এক্সপ্লোরার 9 এ সাইট আইকন

সম্পাদন করা

স্ট্যাকওভারফ্লো এর উত্স কোডটি দেখে আমি 2 টি আইকন চিত্র দেখছি:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

এবং

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

আমি যখন আই 9-এ আমার প্রিয় ট্যাবে আমার স্ট্যাকওভারফ্লোটি দেখছি তখন মনে হচ্ছে এটি 16x16 ফ্যাভিকন (এবং এটি 32x32 ধারকটিতে কেন্দ্র করে) ব্যবহার করছে, আপনার প্রস্তাবিত 158x158 স্ট্যাকওভারফ্লো আপেল টাচ আইকনটি নয় কারণ আপনি যদি পিএনজি দেখুন, পাশের বনাম নীচ থেকে "প্যাডিং" দূরত্বের অনুপাতটি প্রায় 2.5: 1 যেখানে আইভি 9 ট্যাবে 1: 1 প্যাডিংয়ের মতো ফ্যাভিকনে এটির 1: 1 হিসাবে ...

আমি আপনাকে বলতে পারি যে আমার নিয়োগকর্তার ফেভিকন আইই 9 ফেভারিটে লোড করে এবং এর 64x64 (কোনও স্বচ্ছতা নয়, আকার 12.5 কেবি) নেই। আপনি যদি এখনও আপনার ফেভিকনটি প্রদর্শন করতে না পান তবে একটি লিঙ্ক পোস্ট করুন যাতে আমরা আসল চিত্র ফাইলটি পরীক্ষা করতে পারি

Answer 3

হয় ওমেনের পরামর্শ মতো চেষ্টা করুন এবং আপনার প্রকারের বৈশিষ্ট্যটি মুছে ফেলুন বা একটি মান হিসাবে চিত্র / vnd.microsoft.icon সহ দ্বিতীয়টি যুক্ত করুন। এবং তারপরে নিশ্চিত করুন যে আপনার সার্ভারটি ডট আইকো ফাইলগুলির জন্য মাইম প্রকারটি প্রেরণ করছে। এটা দেখ:

https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee

কিছু ব্যাকস্টোরি

এটি ব্যবহৃত হত, না বরং আইকনগুলির জন্য সঠিক মাইম প্রকারটি কী তা নিয়ে তর্ক করা হয়েছিল।

মাইক্রোসফ্ট ওয়ার্ল্ড ব্যবহার করেছে এবং সম্ভবত এখনও "ইমেজ / ভিএনডি.মাইক্রোসফট.আইকন" এর উপর নির্ভর করে যেখানে বিশ্বের অন্যান্য দেশগুলি "ইমেজ / এক্স-আইকন" ব্যবহার করে আনুষ্ঠানিকভাবে (সরকারীভাবে) লোল।

থেকে ICO বিন্যাস উইকিপিডিয়া :

আইসিও ফাইলগুলির জন্য অফিসিয়াল আইএএনএ-রেজিস্টার্ড মাইম টাইমটি হ'ল ইমেজ / vnd.microsoft.icon, 2003 সালে নিবন্ধভুক্ত along আনুষ্ঠানিক নামের "ইমেজ / এক্স-আইকন" মাইম টাইপের অফিসিয়াল রেজিস্ট্রেশন এবং অ্যাসাইনমেন্টের সময় ব্যবহৃত হয়েছিল।

ফ্যাভিকনের উইকিপিডিয়া থেকে এখনও

2003 সালে .ico ফর্ম্যাটটি MIME টাইপ ইমেজ / vnd.microsoft.icon এর অধীনে ইন্টারনেট অ্যাসাইনড নাম্বার অথোরিটির (আইএএনএ) সাথে নিবন্ধিত হয়েছিল। [12] .Ico ফর্ম্যাটটি ব্যবহার করার সময়, ইন্টারনেট এক্সপ্লোরার মানকযুক্ত এমআইএমআই টাইপের সাথে পরিবেশন করা ফাইলগুলি প্রদর্শন করতে পারে না। ইন্টারনেট এক্সপ্লোরারের জন্য একটি কার্যপ্রণালী হ'ল .ico কে ওয়েব সার্ভারগুলিতে অ-মানক চিত্র / এক্স-আইকন MIME টাইপের সাথে যুক্ত করা associate