2026 সালে সেরা ফেভিকন সাইজ
কোন একক সেরা ফেভিকন আকার নেই — একটি সেরা সেট আছে. বিভিন্ন সারফেস বিভিন্ন রেজোলিউশনের জন্য অনুরোধ করে: ব্রাউজার ট্যাব, বুকমার্ক, Windows এক্সপ্লোরার, iOS হোম স্ক্রীন, এবং Android PWA ইন্সটল প্রম্পট প্রতিটির জন্য আলাদা পিক্সেল মাত্রা প্রয়োজন। একটি 512×512 উত্স থেকে শুরু করে এবং favicon generator ব্যবহার করে, আপনি একটি পাসে প্রতিটি প্রয়োজনীয় আকার তৈরি করতে পারেন। প্রতিটি রেজোলিউশনের সারফেস-বাই-সারফেস ম্যাপের জন্য favicon sizes explained গাইড দেখুন।
স্ট্যান্ডার্ড-ডেনসিটি ডিসপ্লেতে ব্রাউজার ট্যাব 16×16 পিক্সেল ব্যবহার করে। এটি সবচেয়ে ছোট ফেভিকন আকার এবং ব্যবহারকারীদের দ্বারা সর্বাধিক দেখা যায় — এটি সর্বদা পৃষ্ঠার বিষয়বস্তুর উপরে ক্ষুদ্র ট্যাবে বসে থাকে। একটি 16×16 আইকন যা পঠনযোগ্যতা ধরে রাখে তার জন্য সাহসী আকার, উচ্চ বৈসাদৃশ্য এবং কোন সূক্ষ্ম বিবরণ প্রয়োজন। পাতলা লাইন, ছোট টেক্সট, এবং জটিল লোগো এই আকারে অযোগ্য ব্লব হয়ে যায়।
আধুনিক ব্রাউজারগুলির জন্য 32×32 পিক্সেল আকার সবচেয়ে গুরুত্বপূর্ণ ফেভিকন মাত্রা। এটি রেটিনা/HiDPI ডিসপ্লেতে ব্রাউজার ট্যাবের জন্য ব্যবহার করা হয় (16px লজিক্যাল সাইজ থেকে 2x ঘনত্বে রেন্ডার করা হয়), বুকমার্ক বার এবং অ্যাড্রেস বার সাজেশন আইকনগুলির জন্য। Chrome সবচেয়ে আক্রমনাত্মকভাবে 32×32 অনুরোধ করে এবং Google অনুসন্ধান তার অনুসন্ধান ফলাফলের ফেভিকনগুলির জন্য কমপক্ষে একটি 32×32 আইকন ব্যবহার করে।
48×48 পিক্সেল আকার 'মাঝারি আইকন' ভিউতে Windows এক্সপ্লোরার পরিবেশন করে এবং ফলাফল থাম্বনেইলের জন্য কিছু সার্চ ইঞ্জিন ব্যবহার করে। অনুসন্ধান ফেভিকন যোগ্যতার জন্য Google এর অফিসিয়াল সুপারিশ হল ন্যূনতম 48×48 পিক্সেল, বর্গাকার আকৃতির অনুপাত, এবং HTTP এর মাধ্যমে সর্বজনীন অ্যাক্সেসযোগ্যতা। এই প্রয়োজনীয়তা পূরণ করতে আপনার মাল্টি-সাইজ .ico ফাইলের ভিতরে সর্বদা 48×48 বান্ডিল করুন।
64×64 পিক্সেল আকার Windows এক্সপ্লোরারে বড় আইকন ভিউতে এবং কিছু অ্যাপ লঞ্চার পরিবেশের জন্য উপযোগী। এটিকে আপনার .ico ফাইলে অন্তর্ভুক্ত করলে ফাইলের ন্যূনতম আকার যোগ হয় এবং 48 থেকে 128 পিক্সেলের মাপের অনুরোধ করে এমন যেকোনো পৃষ্ঠের জন্য কভারেজ নিশ্চিত করে৷ বেশিরভাগ মাল্টি-সাইজ .ico জেনারেটর ডিফল্টরূপে 64 অন্তর্ভুক্ত করে।
Windows স্টার্ট মেনু টাইলস এবং উচ্চ-রেজোলিউশন শর্টকাটগুলির জন্য .ico ফাইলগুলির ভিতরে 128×128 এবং 256×256 পিক্সেল মাপ ব্যবহার করা হয়। 256×256-এ আপনার BMP এনকোডিংয়ের পরিবর্তে .ico-এর ভিতরে PNG কম্প্রেশন ব্যবহার করা উচিত — একটি আনকমপ্রেসড 256×256 BMP এন্ট্রি একাই .ico ফাইলে মোটামুটি 256 KB যোগ করে, যখন PNG-সংকুচিত হলে এটি 30 KB-এর নিচে সঙ্কুচিত হয়।
180×180 পিক্সেল আকার হল apple-touch-icon মাত্রা iOS দ্বারা ব্যবহৃত। যখন একজন ব্যবহারকারী Safari এ 'হোম স্ক্রীনে যোগ করুন' ট্যাপ করে, তখন iOS `<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>` নিয়ে আসে এবং সেই ছবিটি হোম-স্ক্রীন আইকন হিসেবে ব্যবহার করে। এটি ছাড়া, iOS আপনার পৃষ্ঠার একটি নিম্ন-মানের স্ক্রিনশট ফিরে আসে। এটি মোবাইল-প্রথম সাইটগুলির জন্য একক সর্বোচ্চ অগ্রাধিকারের আকার৷
Android Chrome-এর PWA ইনস্টল প্রম্পটের জন্য ওয়েব অ্যাপ ম্যানিফেস্টে (site.webmanifest) 192×192 পিক্সেল আকার প্রয়োজন৷ যখন একজন ব্যবহারকারী তাদের Android হোম স্ক্রিনে আপনার সাইট যোগ করে, তখন Chrome ম্যানিফেস্টটি পড়ে এবং অ্যাপ লঞ্চার এবং বিজ্ঞপ্তি শেডের জন্য 192×192 আইকন ব্যবহার করে৷ আইকনটি অবশ্যই বর্গাকার, PNG ফর্ম্যাট এবং এর ঘোষিত URL-এ অ্যাক্সেসযোগ্য হতে হবে।
512×512 পিক্সেল আকার হল অন্য প্রয়োজনীয় ম্যানিফেস্ট আইকন, PWA স্প্ল্যাশ স্ক্রিনের জন্য ব্যবহৃত হয় যা হোম-স্ক্রীন লঞ্চের পরে অ্যাপটি লোড হওয়ার সময় প্রদর্শিত হয় এবং Chrome OS ইনস্টল প্রিভিউয়ের জন্য। অন্যান্য সমস্ত আকার তৈরি করার সময় এটি প্রস্তাবিত উত্স চিত্রের আকারও - 512×512 থেকে শুরু করে প্রতিটি ডাউনস্যাম্পল ভেরিয়েন্ট তীক্ষ্ণ প্রান্ত ধরে রাখে তা নিশ্চিত করে৷
ন্যূনতম কার্যকর ফেভিকন সেটআপ যা কার্যত সমস্ত ব্যবহারকারীকে কভার করে: একটি মাল্টি-সাইজ favicon.ico যাতে 16, 32, 48, এবং 64 পিক্সেল ফ্রেম, প্লাস একটি 180×180 apple-touch-icon.png, প্লাস একটি site.webmanifest এবং 192×1925X5X5X5 এবং site.webmanifest। এই সংমিশ্রণটি মানক ব্রাউজার, বুকমার্ক, iOS হোম-স্ক্রীন ইনস্টল এবং Android PWA ইনস্টলগুলি পরিচালনা করে৷
.ico এবং PNG এর পাশাপাশি একটি SVG ফেভিকন যুক্ত করা আপনার আইকনকে ভবিষ্যৎ-প্রমাণ করে। SVG যেকোন ঘনত্বে রেন্ডার করে — একটি একক ফাইল 96dpi মনিটর, 4K ডিসপ্লে এবং এর মধ্যে যেকোন কিছু পরিবেশন করে — এবং ব্যবহারকারীর রঙের স্কিম পছন্দের উপর ভিত্তি করে রঙ পরিবর্তন করতে পারে। Chrome, Edge, Firefox, এবং Safari 15+ সবগুলি 2026 সালের হিসাবে SVG ফ্যাভিকন সমর্থন করে, এটি একটি নিরাপদ সংযোজন করে।
ফেভিকন সাইজিংয়ের সাধারণ ভুলগুলির মধ্যে রয়েছে: .ico ছাড়া শুধুমাত্র একটি 32×32 PNG ব্যবহার করা (লিগেসি ব্রাউজার এবং Windows শর্টকাটগুলিতে ভাঙা), 180 apple-touch-icon (iOS ইনস্টলে ভাঙা) এড়িয়ে যাওয়া এবং 512×512 বাদ দেওয়া জেনেরিক আইকন)। favicon generator স্বয়ংক্রিয়ভাবে একটি উৎস ইমেজ থেকে সম্পূর্ণ সেট তৈরি করে, এই সমস্ত ফাঁকগুলি দূর করে।
ফেভিকন আকারের এসইও প্রভাব পরোক্ষ কিন্তু বাস্তব। Google অনুসন্ধান অনুসন্ধান ফলাফলের পাশে ফেভিকন প্রদর্শন করে এবং 48×48 পিক্সেলের সর্বনিম্ন আকারের প্রয়োজনীয়তা প্রয়োগ করে। সঠিক আকারের এবং সর্বজনীনভাবে অ্যাক্সেসযোগ্য ফেভিকন ছাড়া সাইটগুলি তাদের ব্র্যান্ড চিহ্নের পরিবর্তে অনুসন্ধানের ফলাফলে একটি সাধারণ গ্লোব আইকন দেখতে পারে — অর্গানিক অনুসন্ধান ক্লিকের জন্য একটি ছোট কিন্তু লক্ষণীয় বিশ্বাসের সংকেত পার্থক্য।
PWA-গ্রেড আইকন সম্পূর্ণতার জন্য, আপনার ওয়েব ম্যানিফেস্টে মাস্কযোগ্য আইকন যোগ করুন। একটি মাস্কযোগ্য আইকনের চারদিকে মোটামুটি 10% নিরাপদ-জোন প্যাডিং থাকে, এটি নিশ্চিত করে যে যখন Android আইকনে একটি বৃত্তাকার বা কাঠবিড়ালি মাস্ক প্রয়োগ করে, তখন মূল লোগোটি কখনই ক্লিপ করা হয় না। জেনারেটরের মাস্কেবল এক্সপোর্ট বিকল্প ব্যবহার করে একটি পৃথক মাস্কযোগ্য সংস্করণ তৈরি করুন এবং ম্যানিফেস্ট আইকন অ্যারেতে `'purpose': 'maskable'` এর সাথে এটি ঘোষণা করুন।
ফেভিকন জেনারেশনের জন্য সোর্স ইমেজ বেছে নেওয়ার সময়, PNG-এর উপরে SVG এবং JPG-এর উপরে PNG-কে অগ্রাধিকার দিন। SVG প্রতিটি আকারে তীক্ষ্ণ আউটপুট তৈরি করে। PNG-32 (আলফা সহ) স্বচ্ছতা রক্ষা করে। JPG-এ স্বচ্ছতা সমর্থনের অভাব রয়েছে এবং ছোট আকারে প্রদর্শিত কম্প্রেশন আর্টিফ্যাক্টগুলি প্রবর্তন করে। সম্পূর্ণ বিন্যাসের তুলনার জন্য best favicon format গাইডটি দেখুন।
এটি কিভাবে কাজ করে
- 1
একটি 512×512 বর্গ উৎস প্রস্তুত করুন
আপনার লোগো রপ্তানি করুন একটি 512×512 PNG একটি স্বচ্ছ পটভূমি সহ বা একটি SVG একটি বর্গক্ষেত্র viewBox সহ৷ সূক্ষ্ম বিবরণ সরলীকরণ করুন যা 16×16 এ অদৃশ্য হবে।
- 2
সম্পূর্ণ আকার সেট তৈরি করুন
[favicon generator](tool:favicon-generator) এ আপলোড করুন। এটি উত্পাদন করে: favicon.ico (16/32/48/64), favicon.svg, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, এবং site.webmanifest।
- 3
আপনার সাইটের রুটে সমস্ত ফাইল স্থাপন করুন
জেনারেটর প্যাকেজ থেকে আপনার /public বা সাইট রুট ডিরেক্টরিতে প্রতিটি ফাইল কপি করুন। সমস্ত ফাইল অবশ্যই তাদের নিজ নিজ পাথে অ্যাক্সেসযোগ্য হতে হবে (যেমন, https://yourdomain.com/favicon.ico)।
- 4
HTML লিঙ্ক ট্যাগ যোগ করুন
জেনারেট করা HTML স্নিপেটটিকে আপনার `<head>`-এ আটকান। ছয় লাইন কভার করে: .ico ফলব্যাক, SVG ভেরিয়েন্ট, apple-touch-icon, এবং ম্যানিফেস্ট লিঙ্ক।
- 5
পরীক্ষকের সাথে সমস্ত মাপ যাচাই করুন
প্রতিটি URL সঠিকভাবে সমাধান করে এবং আইকনটি 16, 32, 48 এবং 512 পিক্সেলে দ্রুত রেন্ডার হয় তা পরীক্ষা করতে [favicon tester](utility:favicon-tester) ব্যবহার করুন৷
এখনই চেষ্টা করুন
একবারে প্রতিটি ফেভিকন আকার তৈরি করুন
ফেভিকন জেনারেটরসাধারণ প্রশ্ন
একক সবচেয়ে গুরুত্বপূর্ণ ফেভিকন আকার কি?+
32×32 পিক্সেল। Chrome এবং সবচেয়ে আধুনিক ব্রাউজারগুলি স্ট্যান্ডার্ড এবং রেটিনা ডিসপ্লেতে ট্যাবের জন্য অনুরোধ করে। এটি একটি মাল্টি-সাইজ .ico-এর ভিতরে এবং একটি মিলিত লিঙ্ক ট্যাগ সহ একটি স্বতন্ত্র PNG হিসাবে উভয়ই প্রেরণ করুন৷
আমার কি সত্যিই একটি 512×512 ফেভিকন দরকার?+
হ্যাঁ, দুটি কারণে। প্রথমত, এটি Android PWA ইনস্টল প্রম্পট এবং স্প্ল্যাশ স্ক্রিনের জন্য ওয়েব অ্যাপ ম্যানিফেস্টে প্রয়োজন৷ দ্বিতীয়ত, মানের ক্ষতি ছাড়াই সমস্ত ছোট আকার তৈরি করার জন্য এটি আদর্শ উৎস রেজোলিউশন।
গুগল সার্চ কোন ফেভিকন সাইজ ব্যবহার করে?+
Google-এর জন্য কমপক্ষে 48×48 পিক্সেল, একটি বর্গক্ষেত্র অনুপাত এবং একটি সর্বজনীনভাবে অ্যাক্সেসযোগ্য URL প্রয়োজন৷ আপনার .ico ফাইলের ভিতরে 48×48 অন্তর্ভুক্ত করুন এবং সেরা কভারেজের জন্য এটিকে একটি স্বতন্ত্র PNG ট্যাগের সাথে লিঙ্ক করুন। একটি বৈধ ফেভিকন আপনার ব্র্যান্ডকে সমৃদ্ধ অনুসন্ধান ফলাফল স্নিপেটে উপস্থিত হতে সাহায্য করে৷
apple-touch-icon ফ্যাভিকন হিসাবে একই?+
না। ফ্যাভিকন (favicon.ico) ট্যাব এবং বুকমার্কের জন্য ব্রাউজার ব্যবহার করে। apple-touch-icon হল একটি পৃথক 180×180 PNG যা হোম-স্ক্রীন আইকনগুলির জন্য iOS দ্বারা একচেটিয়াভাবে ব্যবহৃত হয়। সম্পূর্ণ কভারেজের জন্য আপনার উভয় ফাইলের প্রয়োজন।
আমি কি একটি বড় ইমেজ ব্যবহার করতে পারি এবং ছোট আকার তৈরি করা এড়িয়ে যেতে পারি?+
শুধুমাত্র যদি আপনার সাইট ট্যাবে কোন ফ্যাভিকন না দেখায় — ব্রাউজারগুলির ট্যাবের জন্য 16 বা 32 পিক্সেল আকারের প্রয়োজন হয়। শুধুমাত্র একটি 512×512 PNG লিঙ্ক করা ব্রাউজারকে এটিকে রিয়েল টাইমে ডাউন নমুনা করতে বাধ্য করে, যা লেআউট কর্মক্ষমতা সমস্যা এবং ব্রাউজার-অসংলগ্ন রেন্ডারিং সৃষ্টি করতে পারে। সর্বদা সঠিক মাল্টি-সাইজ .ico তৈরি করুন।
এখন একটি নতুন সাইট চালু করার জন্য আমার কোন আকারকে অগ্রাধিকার দেওয়া উচিত?+
ক্রমে: 32×32 (ট্যাব), 180×180 (iOS), 192×192 (Android PWA), 512×512 (স্প্ল্যাশ/উৎস)। [favicon generator](tool:favicon-generator) চারটি, প্লাস .ico, SVG, এবং একটি ডাউনলোডে প্রকাশ করে।
ফেভিকন আকার পৃষ্ঠা লোড গতি প্রভাবিত করে?+
সর্বনিম্নভাবে। একটি ভাল-সংকুচিত মাল্টি-সাইজ favicon.ico সাধারণত 10-30 KB হয়। ব্রাউজার এটি একবার আনয়ন করে এবং মূল প্রতি এটি ক্যাশ করে। সঠিক মাপ ব্যবহার করা ব্রাউজারগুলিকে বড় আকারের ছবি লোড করতে এবং রেন্ডারের সময় সেগুলিকে ডাউন স্যাম্পলিং থেকে বাধা দেয়, যার একটি নগণ্য কিন্তু বাস্তব CPU খরচ রয়েছে।