ফেভিকন আকার ব্যাখ্যা করা হয়েছে

16×16 পিক্সেল ফেভিকন হল আসল ওয়েব স্ট্যান্ডার্ড। এটি স্ট্যান্ডার্ড (96dpi) প্রদর্শনের ব্রাউজার ট্যাবে, সমস্ত ডেস্কটপ ব্রাউজারে বুকমার্ক টুলবারে এবং কিছু ব্রাউজার ইতিহাসের তালিকায় ব্যবহৃত হয়। যেহেতু 16×16 হল একটি অত্যন্ত আঁটসাঁট ক্যানভাস, আপনার ফেভিকন ডিজাইনকে তার সহজতম ফর্মে ছিনিয়ে নিতে হবে: একটি একক আকৃতি, অক্ষর বা বিমূর্ত চিহ্ন। আরও জটিল কিছু অপাঠ্য হবে।

32×32 পিক্সেল আকার 16×16 এর দ্বিগুণ করে এবং 2x ঘনত্বে রেটিনা/HiDPI ব্রাউজার ট্যাব, উচ্চ DPI-এ বুকমার্ক আইকন এবং Chrome-এ অ্যাড্রেস বার সাজেশন আইকন পরিবেশন করে। আধুনিক ব্রাউজার 16×16 এর চেয়ে প্রায়ই 32×32 অনুরোধ করে কারণ উচ্চ-ঘনত্বের ডিসপ্লেগুলি বেশিরভাগ ডিভাইসে পরিণত হয়েছে। আপনি যদি শুধুমাত্র একটি আকার জাহাজ করতে পারেন, 32×32 সবচেয়ে প্রভাবশালী পছন্দ হবে.

48×48 পিক্সেল সাইজ হল Windows এক্সপ্লোরার 'মাঝারি আইকন' ভিউ সাইজ এবং সার্চ রেজাল্ট স্নিপেটে ফেভিকন যোগ্যতার জন্য Google সার্চের ন্যূনতম প্রয়োজন৷ যে সাইটগুলির ফেভিকন 48×48 ন্যূনতম পূরণ করে না সেগুলি তাদের ব্র্যান্ড চিহ্নের পরিবর্তে Google ফলাফলে তাদের URL এর পাশে একটি জেনেরিক গ্লোব আইকন সহ প্রদর্শিত হয়। আপনার .ico বান্ডেলে সর্বদা 48×48 অন্তর্ভুক্ত করুন।

64×64 পিক্সেল আকার Windows এক্সপ্লোরার বড় আইকন ভিউ এবং কিছু লিনাক্স ডেস্কটপ পরিবেশে ব্যবহৃত হয়। এটিকে আপনার মাল্টি-সাইজ .ico ফাইলে অন্তর্ভুক্ত করলে তা নগণ্য ওভারহেড যোগ করে কিন্তু ফাইল ম্যানেজার এবং শেল পরিবেশে পরিষ্কার রেন্ডারিং নিশ্চিত করে। অনেক ফেভিকন জেনারেটর টুলে স্ট্যান্ডার্ড .ico বান্ডেলের অংশ হিসাবে ডিফল্টভাবে 64 অন্তর্ভুক্ত থাকে।

128×128 পিক্সেল আকার Windows স্টোর অ্যাপ টাইলস এবং উচ্চ-ঘনত্বের টাস্কবার থাম্বনেল পরিবেশন করে। বিশুদ্ধ ওয়েব ফেভিকনগুলির জন্য এটি সাধারণত কম প্রয়োজন হয় কিন্তু গুরুত্বপূর্ণ যদি আপনার সাইটটি PWA হিসাবে প্যাকেজ করা হয় বা ব্যবহারকারীরা এটিকে Windows অ্যাপ হিসাবে পিন করে। এটিকে PNG কম্প্রেশন সহ .ico-এর ভিতরে বান্ডিল করা ফাইলের আকারকে যুক্তিসঙ্গত রাখে৷

256×256 পিক্সেল সাইজ হল সবচেয়ে বড় স্ট্যান্ডার্ড .ico ফ্রেম। এটি Windows ডেস্কটপ শর্টকাট, Windows স্টার্ট মেনু অনুসন্ধান ফলাফল এবং কিছু অ্যাপ-ইনস্টল করা প্রসঙ্গে ব্যবহৃত হয়। এই রেজোলিউশনে, আপনাকে অবশ্যই BMP-এর পরিবর্তে .ico কন্টেইনারের ভিতরে PNG কম্প্রেশন ব্যবহার করতে হবে — একটি আনকম্প্রেসড BMP 256×256 ইমেজ অপ্রয়োজনীয়ভাবে .ico ফাইলে 256 KB যোগ করে।

180×180 পিক্সেল আকার শুধুমাত্র iOS apple-touch-icon এর জন্য। যখন একজন iPhone বা iPad ব্যবহারকারী 'হোম স্ক্রীনে যোগ করুন' ট্যাপ করেন, তখন Safari `<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>`-এ ঘোষিত চিত্রটি নিয়ে আসে। এই আকারটি সমস্ত বর্তমান আইফোন মডেলগুলিকে কভার করে (আইফোন 6 প্লাস এবং পরবর্তীতে 3x ঘনত্বে 180×180 ব্যবহার করে; পুরানো মডেলগুলি 120×120 এবং 152×152 ব্যবহার করে — একটি একক 180 ফাইল তাদের সকলকে সুন্দরভাবে কভার করে)।

192×192 পিক্সেল সাইজ হল Android Chrome-এর PWA ইনস্টল প্রম্পটের জন্য একটি ওয়েব অ্যাপ ম্যানিফেস্টে (site.webmanifest) ন্যূনতম প্রয়োজনীয় আইকন। যখন ব্যবহারকারীরা তাদের Android হোম স্ক্রীনে একটি PWA যোগ করে, তখন Chrome লঞ্চারে 192×192 আইকন এবং সাম্প্রতিক অ্যাপ সুইচারে অ্যাপ আইকন রেন্ডার করে। ম্যানিফেস্টে এই আকারটি ছাড়া, PWA ইনস্টল প্রম্পট হয় একটি জেনেরিক আইকন দেখায় বা মোটেও ট্রিগার করতে ব্যর্থ হয়।

512×512 পিক্সেল আকার হল দ্বিতীয় প্রয়োজনীয় ম্যানিফেস্ট আইকন। Chrome এটিকে PWA স্প্ল্যাশ স্ক্রীনের জন্য ব্যবহার করে যা হোম-স্ক্রীন লঞ্চের পরে অ্যাপটি লোড হওয়ার সময় প্রদর্শিত হয় এবং ডেস্কটপ Chrome OS-এ ইনস্টল ডায়ালগ পূর্বরূপের জন্য। এটি সমস্ত ছোট ভেরিয়েন্ট তৈরি করার জন্য আদর্শ উত্স আকারও - 512×512 থেকে শুরু করে প্রতিটি ডাউনস্যাম্পল আউটপুট তীক্ষ্ণ প্রান্ত এবং সঠিক রং ধরে রাখে তা নিশ্চিত করে।

512×512 এবং খুব বড় 1024×1024 এর মধ্যে মাপগুলি প্রাথমিকভাবে macOS এবং iOS অ্যাপ স্টোর জমাগুলির নেটিভ অ্যাপ আইকনগুলির জন্য ব্যবহৃত হয়, ওয়েব ফেভিকনের জন্য নয়৷ যাইহোক, আপনি যদি একটি র‍্যাপার (ইলেক্ট্রন, ক্যাপাসিটর, টাউরি) ব্যবহার করে আপনার ওয়েব উপস্থিতিকে একটি নেটিভ অ্যাপে রূপান্তর করার পরিকল্পনা করেন, তাহলে অ্যাপ স্টোর পর্যালোচনা প্রক্রিয়ার জন্য আপনার 1024×1024 প্রয়োজন হবে। আপনার ফেভিকন প্যাকেজের পাশে এই মাস্টার ফাইলটি সংরক্ষণ করুন।

SVG ফ্যাভিকনগুলি রেজোলিউশন-স্বাধীন এবং প্রতিটি ঘনত্বকে একটি একক ফাইল দিয়ে কভার করে। একটি ব্রাউজার যেটি SVG ফ্যাভিকন সমর্থন করে (Chrome 80+, Edge 80+, Firefox 41+, Safari 15+) যে কোনও রাস্টার আকারের চেয়ে SVG পছন্দ করবে কারণ এটি 1x, 2x, 3x, বা যেকোনো কাস্টম DPI-এ পুরোপুরি রেন্ডার করে। ট্রেড-অফ হল যে সমস্ত প্রসঙ্গ SVG — Windows শর্টকাট, RSS পাঠক, এবং পুরানো সরঞ্জামগুলির এখনও .ico ফলব্যাককে সমর্থন করে না।

মাপ এবং .ico কন্টেইনারের মধ্যে সম্পর্ক বোঝা গুরুত্বপূর্ণ। একটি .ico ফাইল একটি একক চিত্র নয় - এটি একটি বহু-চিত্র সংরক্ষণাগার৷ এর ভিতরে প্রতিটি ফ্রেম একটি ভিন্ন আকারের একটি পৃথক রাস্টার চিত্র। ব্রাউজারটি ICO ডিরেক্টরিটি পড়ে, কোন ফ্রেমটি তার প্রয়োজনীয় আকারের সাথে সবচেয়ে ভাল মেলে তা সনাক্ত করে এবং শুধুমাত্র সেই ফ্রেমটিকে ডিকোড করে৷ এই কারণেই একটি .ico ফাইল 16, 32, 48, এবং 64 px ট্যাবগুলিকে সমানভাবে পরিবেশন করতে পারে।

2026 সালে একটি প্রোডাকশন ওয়েবসাইটের জন্য প্রস্তাবিত ন্যূনতম সেট হল: favicon.ico বান্ডলিং 16, 32, 48, এবং 64 px ফ্রেম; 180×180 এ apple-touch-icon.png; android-chrome-192x192.png; android-chrome-512x512.png; আধুনিক ব্রাউজারগুলির জন্য favicon.svg; এবং একটি site.webmanifest উল্লেখ করে 192 এবং 512 PNG. favicon generator এক ক্লিকে একটি একক উৎস থেকে এই সম্পূর্ণ সেটটি আপলোড করে।

favicon tester এর সাথে আপনার সমস্ত ফেভিকন আকার সঠিকভাবে পরিবেশন করা হয়েছে কিনা তা পরীক্ষা করা। আপনার সাইটের URL লিখুন এবং পরীক্ষক আপনার favicon.ico আনার চেষ্টা করে, আপনার HTML মাথায় লিঙ্ক ট্যাগগুলি পরীক্ষা করে এবং প্রতিটি আকারের একটি পূর্বরূপ দেখায়৷ অনুপস্থিত আকারগুলিকে কার্যকরী সুপারিশ সহ পতাকাঙ্কিত করা হয়েছে৷