JPG থেকে ICO রূপান্তর করুন

একটি JPG-কে যথাযথ মাল্টি-রেজোলিউশন favicon.ico-তে পরিণত করুন — সঙ্গে একটি আধুনিক আইকন সেটের বাকিটাও — পুরোটাই আপনার ব্রাউজারে। কিছুই আপলোড হয় না।

প্রাইভেসি-প্রথম: প্রতিটি ছবি আপনার ব্রাউজারে লোকালি প্রক্রিয়া করা হয়। কিছুই আপলোড, সংরক্ষণ বা কোনো সার্ভারে পাঠানো হয় না।

ফটো-ফরম্যাট JPEG থেকে একটি আইকন ফরম্যাটে

JPG বানানো হয়েছে ছবির জন্য আর তাতে স্বচ্ছতা নেই; ICO এমন একটি কনটেইনার যা একসঙ্গে কয়েকটি ছোট স্কয়ার বিটম্যাপ ধরে রাখে। এদের মধ্যে রূপান্তর মানে শুধু নাম বদলানো নয় — ছবিটিকে 16, 32 ও 48 পিক্সেলে রিস্যাম্পল করে একটি ফাইলে প্যাক করতে হয়। এই টুল ঠিক তা-ই করে, একটি সত্যিকারের মাল্টি-রেজোলিউশন favicon.ico লেখে যাতে ব্রাউজার ট্যাব, বুকমার্ক বার বা ডেস্কটপ শর্টকাটের জন্য নিজের দরকারি আকারটি বেছে নিতে পারে।

ছবিটি ক্রপ করে পড়ার যোগ্য কিছুতে নামান

একটি JPEG সাধারণত একটি ফটো, আর ফটো 16 পিক্সেলে নামিয়ে আনলে খুব কমই টিকে থাকে। প্যাডিং ও শেপ কন্ট্রোল দিয়ে বিষয়বস্তুটি ভিতরের দিকে টেনে আনুন, প্রান্ত পরিষ্কার রাখতে একটি নিরেট পটভূমি দিন, আর লাইভ প্রিভিউ ও নকল ব্রাউজার ট্যাব দেখে বুঝে নিন সেটি ট্যাবের আকারেও পড়া যায় কি না। পুরো সেটটি — favicon.ico, apple-touch-icon, PWA আইকন ও একটি HTML স্নিপেট — একটি zip হিসেবে ডাউনলোড হয়।

প্রায়শই জিজ্ঞাসিত প্রশ্ন

ফ্যাভিকন বানাতে আমার ছবি কি আপলোড হয়?
না। favicon.ico, PNG আইকন ও ম্যানিফেস্ট সবই Canvas API ব্যবহার করে আপনার ব্রাউজারে স্থানীয়ভাবে তৈরি হয়। আপনার ছবি কখনও আপনার ডিভাইস ছাড়ে না।
আমি কোন কোন আকার ও ফাইল পাব?
একটি মাল্টি-রেজোলিউশন favicon.ico (16, 32 ও 48px), 16, 32, 48, 180 (apple-touch-icon), 192 ও 512px-এ PNG আইকন, একটি site.webmanifest, এবং আপনার <head>-এ পেস্ট করার জন্য একটি HTML স্নিপেট।
আমি কি একটি PNG বা SVG-কে ICO-তে রূপান্তর করতে পারি?
হ্যাঁ। একটি PNG, JPG, SVG বা WebP ছেড়ে দিন এবং একটি সত্যিকারের favicon.ico ডাউনলোড করুন। SVG লোগো প্রথমে স্থানীয়ভাবে উচ্চ রেজোলিউশনে র‍্যাস্টারাইজ করা হয়।
কোন ছবি সবচেয়ে ভালো কাজ করে?
সরল ও উচ্চ-কনট্রাস্ট লোগোযুক্ত একটি বর্গাকার ছবি। বর্গাকার নয় এমন ছবি ফিট করাতে কেন্দ্র থেকে ক্রপ করা হয়; আপনার পছন্দমতো ফ্রেম করতে প্যাডিং ও আকৃতি নিয়ন্ত্রণ ব্যবহার করুন।
আমি কীভাবে ফ্যাভিকনটি ইনস্টল করব?
প্যাকেজটি আপনার সাইটের রুট ফোল্ডারে আনজিপ করুন এবং দেওয়া HTML স্নিপেটটি আপনার পৃষ্ঠাগুলোর <head>-এ পেস্ট করুন। favicon.ico বেশিরভাগ ব্রাউজার স্বয়ংক্রিয়ভাবে খুঁজে নেয়।