একটি ছবি বা দুটি অক্ষর থেকে favicon.ico এবং Apple ও Android আইকন তৈরি করুন
আপনার ব্রাউজারে প্রক্রিয়া করা হয়। কিছুই আপলোড হয় না।ফেভিকন হলো ট্যাবের পাশের ছোট বর্গ, আর ব্রাউজার এটি কয়েকটি আকারে চায়। একটি ছবি বা দুটি অক্ষর থেকে এটি favicon.ico, Apple ও Android আইকন এবং পেস্ট করার HTML তৈরি করে। 20 MB পর্যন্ত একটি ফাইল, স্থানীয়ভাবে তৈরি।
এই পৃষ্ঠাটি ইংরেজি মূল লেখা থেকে যন্ত্রের সাহায্যে অনুবাদ করা হয়েছে। এই অনুবাদটি এখনও কোনো মানুষ পর্যালোচনা করেননি, তাই ইংরেজি সংস্করণটিকেই নির্ভরযোগ্য ধরুন। ইংরেজি মূল লেখাটি পড়ুন
যা থেকে বানাবেন-এর নিচে অক্ষর রেখে এক বা দুটি অক্ষর লিখুন, অথবা একটি ছবি বেছে নিয়ে আপনার লোগো যোগ করুন।
পটভূমি ও অক্ষরের রঙ ঠিক করুন, এবং গোল কোণা বর্গ ও বৃত্তের মাঝে সরান।
আসল আকারে আইকনের প্রিভিউ দেখুন, আর নাম ও থিম রঙ চাইলে ম্যানিফেস্টের জন্য সাইটের তথ্য পূরণ করুন।
সব আইকন ডাউনলোড করুন (zip) চাপুন, তারপর <head>-এর ভেতরে পেস্ট করুন অংশের ট্যাগগুলো আপনার পেজে কপি করুন।
ফেভিকন জেনারেটর একটি ছবি বা এক বা দুটি অক্ষর থেকে একটি ওয়েবসাইটের দরকারি সব আইকন তৈরি করে। আপনি পাবেন ভেতরে 16, 32 ও 48 পিক্সেলের ছবিসহ favicon.ico, 16, 32, 48, 180, 192 ও 512 পিক্সেলের PNG আইকন, একটি site.webmanifest ফাইল এবং আপনার পেজে পেস্ট করার HTML ট্যাগ, সব একটি zip-এ।
লোগো থাকলে সেখান থেকে শুরু করুন: কোন বর্গাকার অংশ ব্যবহার করবেন তা বেছে নিন, আর প্রিভিউ দেখাবে ট্যাবের আকারে এটি কেমন দেখায়, যেখানে সূক্ষ্ম খুঁটিনাটি হারিয়ে যায়। এখনো লোগো না থাকলে নামের আদ্যক্ষর লিখুন, পটভূমির রঙ, অক্ষরের রঙ ও কোণার গোলাকৃতি বেছে নিন, কয়েক সেকেন্ডেই একটি পরিচ্ছন্ন টেক্সট আইকন পেয়ে যাবেন। ছোট ব্যবসার সাইট, পোর্টফোলিও, অভ্যন্তরীণ ড্যাশবোর্ড ও সাইড প্রজেক্ট ব্রাউজার ট্যাবে ও ফোনের হোম স্ক্রিনে নিজস্ব আইকনসহ আরও গোছানো দেখায়।
favicon.ico ফাইলটি টুল নিজেই ভেতরে PNG ছবিসহ লেখে, এমন একটি বিন্যাস যা বর্তমানের সব ব্রাউজার এবং Vista থেকে সব Windows সমর্থন করে। 180 পিক্সেলের আইকনটি iPhone ও iPad-এর জন্য Apple টাচ আইকন; 192 ও 512 পিক্সেলের আইকন Android ও ইনস্টলযোগ্য সাইটের জন্য ম্যানিফেস্টে তালিকাভুক্ত।
কিছুই আপলোড হয় না। আপনার ছবি প্রতিটি আকারে আপনার ব্রাউজারে আঁকা হয় এবং zip তৈরি হয় আপনার ডিভাইসে। সবচেয়ে স্পষ্ট ফলের জন্য অন্তত 512 পিক্সেলের একটি বর্গাকার ছবি ব্যবহার করুন; উৎস ছবি বড় করতে হলে টুলটি সতর্ক করে। ফাইলগুলো আপনার সাইটের রুট ফোল্ডারে আপলোড করুন, অথবা পাথ বদলে দিন যাতে ট্যাগগুলো যেখানে রাখবেন সেখানে নির্দেশ করে।
আপনার লোগো যোগ করুন, অথবা এক বা দুটি অক্ষর লিখে রঙ বেছে নিন। ছোট প্রিভিউগুলো দেখে zip ডাউনলোড করুন। ফাইলগুলো আপনার সাইটের রুট ফোল্ডারে রাখুন এবং এই পেজে দেখানো HTML ট্যাগগুলো আপনার পেজের head-এর ভেতরে পেস্ট করুন। ব্রাউজার নিজে থেকেই সঠিক আকার বেছে নেয়।
না। প্রতিটি আকার আপনার ব্রাউজারে একটি canvas-এ আঁকা হয়, আর favicon.ico, ছয়টি PNG ফাইল, site.webmanifest ও zip সবই আপনার ডিভাইসে তৈরি হয়। আপনার লোগো কখনো কম্পিউটার ছেড়ে যায় না, তাই পরে মোছার কিছু নেই এবং কোথাও কোনো সার্ভারে আপনার ব্র্যান্ড চিহ্নের কপি নেই।
ব্রাউজার ট্যাব ও বুকমার্কে 16 ও 32 পিক্সেল ব্যবহার করে, Windows ব্যবহার করে 48, iPhone ও iPad ব্যবহার করে 180 পিক্সেলের Apple টাচ আইকন, আর Android ওয়েব ম্যানিফেস্ট থেকে 192 ও 512 পিক্সেল ব্যবহার করে। এই টুল সবগুলোই বানায়, সঙ্গে ভেতরে 16, 32 ও 48 থাকা favicon.ico।
হ্যাঁ। PNG যোগ করুন এবং শুধু favicon.ico অথবা পুরো সেট ডাউনলোড করুন। স্বচ্ছতা বজায় থাকে, কারণ আইকনের ভেতরের প্রতিটি আকার PNG হিসেবে রাখা হয়। 512 পিক্সেল বা তার বড় একটি বর্গাকার ছবি সবচেয়ে স্পষ্ট ফল দেয়।
সাধারণত কারণ লোগোতে এমন সূক্ষ্ম খুঁটিনাটি বা সরু লেখা আছে যা 16 পিক্সেলে ছোট করলে টেকে না, অথবা বড় আকারগুলোর জন্য একটি ছোট উৎস ছবি বড় করা হয়েছে। আপনার নামের প্রথম অক্ষরের মতো সহজ একটি চিহ্ন চেষ্টা করুন, এবং অন্তত 512 পিক্সেলের উৎস ছবি ব্যবহার করুন।
20 MB পর্যন্ত একটি ছবি। JPG, PNG, WebP, GIF, BMP, AVIF ও HEIC গ্রহণ করা হয়। অক্ষরের আইকনে এক বা দুটি অক্ষর বা অঙ্ক থাকে; প্রতীক ও ইমোজি সমর্থিত নয়, কারণ সেগুলো প্রতিটি ডিভাইসে আলাদা দেখায়।
এখনও আটকে আছেন? ফেভিকন জেনারেটর সম্পর্কে প্রশ্ন করুন আর যিনি জানেন তিনিই উত্তর দিতে পারেন। কোনো অ্যাকাউন্ট লাগবে না।