PNG থেকে ICO-তে কনভার্ট করুন

ICO আসলে একটি ফোল্ডার, একটি ছবি নয়

.ico ফাইল হলো একটি ছোট্ট ডিরেক্টরি: শুরুতে একটি ছোট হেডার, তারপর প্রতিটি ছবির জন্য একটি করে এন্ট্রি, যাতে লেখা থাকে তার প্রস্থ, উচ্চতা, রঙের গভীরতা আর তার ডেটা কোথা থেকে শুরু। ভেতরের ছবিগুলো একে অপরের থেকে স্বাধীন, আর পুরো ব্যাপারটার মূল কথাই এটা — Windows তার দরকারের সবচেয়ে কাছের সাইজটি বেছে নিয়ে সরাসরি ব্যবহার করে, বড় একটিকে তাৎক্ষণিকভাবে ছোট করে না। এ কারণেই সত্যিকারের মাল্টি-সাইজ আইকন টাস্কবারে ঝকঝকে দেখায়, আর .ico-তে ঠেসে দেওয়া একটিমাত্র ২৫৬px ছবি ১৬ পিক্সেলে ঘোলাটে দলা হয়ে যায়।

এখানে দেওয়া সাইজগুলো — ১৬, ৩২, ৪৮ ও ২৫৬ — ঠিক সেগুলোই, যা Windows আসলে চায়: টাইটেল বার ও ছোট তালিকার জন্য ১৬, ডেস্কটপ ও টাস্কবারের জন্য ৩২, Explorer-এর মাঝারি ভিউয়ের জন্য ৪৮, আর বড় আইকন ভিউ ও সেগুলোকে স্কেল করা হাই-ডেনসিটি ডিসপ্লের জন্য ২৫৬। প্রতিটি আপনার মূল ছবি থেকে তার নিজের সাইজে আলাদাভাবে তৈরি হয়, ওপরের সাইজ থেকে বানানো হয় না — তাই ছোটগুলোও মূল ছবির পূর্ণ মান পায়, বারবার ছোট করার জমে ওঠা ঘোলাভাব নয়।

২৫৬-ই সর্বোচ্চ, আর এটা ফরম্যাটেরই বৈশিষ্ট্য, এখানে বেছে নেওয়া কোনো সীমা নয় — ডিরেক্টরির এন্ট্রিতে প্রতিটি মাপ একটিমাত্র বাইটে রাখা হয়, আর সেখানে শূন্য মানে ২৫৬। এর চেয়ে বড় কিছু বর্ণনাই করা যায় না। Windows Vista থেকে এন্ট্রিগুলোতে কাঁচা বিটম্যাপের বদলে PNG ডেটা রাখা যায়, যার ফলে একটি ২৫৬px আইকন একাই সিকি মেগাবাইট জায়গা নেয় না এবং ঠিকঠাক স্বচ্ছতা সম্ভব হয়; এখানে প্রতিটি সাইজেই পূর্ণ আলফা চ্যানেল থাকে।

বর্গাকার নয় এমন ছবি একটি স্বচ্ছ বর্গের মাঝখানে বসানো হয় এবং চারপাশে ফাঁকা জায়গা যোগ হয়, কখনো টেনে লম্বা করা হয় না। চওড়া লোগোকে চেপে বর্গাকার করা আইকনের সবচেয়ে চোখে পড়ার মতো ভুল, তাই আকৃতি অক্ষত রেখে বাড়তি জায়গা ফাঁকা রাখা হয়। আরও আঁটসাঁট ফ্রেমিং চাইলে আগে বর্গাকারে ক্রপ করে নিন — একটি আয়তক্ষেত্রের কোন অংশটা জরুরি, টুল তা আন্দাজ করতে পারে না।

অন্য কিছু দরকার হলে

আইকনের আসল কঠিন অংশ ফরম্যাট নয়, ডিজাইন। যে আর্টওয়ার্ক ২৫৬ পিক্সেলে চমৎকার দেখায়, তা প্রায়ই ১৬-তে গিয়ে পড়ার অযোগ্য একটা দাগ হয়ে যায়, কারণ ওই সাইজে আপনার হাতে থাকে একটা আকৃতি আর দুটো রং, এর বেশি কিছু নয়। পেশাদার আইকন সেটে ছোট সাইজগুলো আলাদা করে আঁকা হয়, খুঁটিনাটি বাদ দিয়ে আর রেখা মোটা করে — কোনো স্বয়ংক্রিয় ছোট করা এর বিকল্প নয়, আর এখানকার প্রিভিউ এ ব্যাপারে সৎ, যাতে প্রকাশের আগেই সমস্যাটা দেখতে পান।

স্ক্রিপ্টের জন্য বা আইকনভর্তি একটি ফোল্ডারের জন্য ImageMagick একটি কমান্ডেই মাল্টি-সাইজ ফাইল বানিয়ে দেয়: magick logo.png -define icon:auto-resize=256,48,32,16 favicon.ico। আইকনটি অ্যাপ্লিকেশনের বদলে ওয়েবসাইটের জন্য হলে শুধু একটি .ico এখন আর পুরো সমাধান নয় — আধুনিক ব্রাউজার, iOS হোম স্ক্রিন আর Android লঞ্চার প্রত্যেকে আলাদা ফাইল চায়, আর ফেভিকন সেট ঠিক সেটাই তৈরি করে।