PNG থেকে ICO কনভার্টার
একটি বর্গাকার PNG কে এমন .ico ফাইলে পরিণত করুন, যাতে একসাথে কয়েকটি আইকন সাইজ থাকে: ব্রাউজার ট্যাবের 16 px থেকে Windows-এর 256 px পর্যন্ত। স্বচ্ছ কোণ ও কিনারা স্বচ্ছই থাকে।
ছবি কনভার্টার
অথবা JPG, JPEG, JPE … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
৮৫ ছবিকে দেখতে মূলের মতোই রাখে। ছোট ফাইল দরকার হলেই কেবল কমান।
JPG, BMP ও EPS-এ স্বচ্ছতা নেই। স্বচ্ছ পিক্সেল এই রঙে ভরা হয়।
স্বচ্ছ পিক্সেলের পেছনে ব্যবহৃত হেক্স রঙ, যেমন #FFFFFF।
এই ফরম্যাটে একটিই ছবি থাকে। অ্যানিমেশন রাখতে চাইলে GIF বা WebP আউটপুট বেছে নিন।
মাল্টি-সাইজ আইকনে একটি ফাইলে একাধিক রেজোলিউশন থাকে; ব্রাউজার ও অপারেটিং সিস্টেম প্রয়োজনমতো বেছে নেয়।
মূল মাপ রাখুন, অথবা একটি বাহু লিখুন; অনুপাত ঠিক থাকবে।
উপরে বেছে নেওয়া বাহুর পিক্সেল।
মূল মাপের শতাংশ।
স্ক্রিন ও ওয়েবের জন্য sRGB সঠিক। প্রিন্টের কাজে মূলটি রাখুন; গ্রেস্কেল রঙ বাদ দেয়।
শুধু মেটাডেটা, ০ মানে মূল মান থাকবে। প্রিন্টার ও কিছু পোর্টাল এই সংখ্যা পড়ে; এতে পিক্সেল মাপ বদলায় না।
এই টুল কীভাবে ব্যবহার করবেন
- 1
একটি বর্গাকার PNG আপলোড করুন
স্বচ্ছ ব্যাকগ্রাউন্ডসহ অন্তত ২৫৬ × ২৫৬ px মাপের ছবি ব্যবহার করুন। প্রতি ব্যাচে সর্বোচ্চ 20টি PNG, প্রতিটি 95 MB পর্যন্ত।
- 2
আইকনের সাইজগুলো বেছে নিন
আইকনের সাইজ শুরুতে সব সাইজ (১৬–২৫৬) থাকে, সাধারণত এটিই ঠিক। কোনো প্রোগ্রাম নির্দিষ্ট একটি সাইজই চাইলে তবেই উন্নত সেটিংস থেকে সেই সাইজ বেছে নিন।
- 3
কনভার্ট করে .ico ফাইলটি ব্যবহার করুন
ICO-এ কনভার্ট করুন চাপুন, ফাইল ডাউনলোড করে আপনার সাইটের রুটে রাখুন অথবা Windows শর্টকাটে সেটি সেট করুন। আপলোড করা ফাইল 30 মিনিট পর মুছে যায়।
ICO আসলে আইকন ছবির একটি ছোট কন্টেইনার, একক ছবি নয়: একটি ফাইলে 16, 32, 48 ও 256 px সংস্করণ থাকতে পারে, আর সিস্টেম উপযুক্তটি বেছে নেয়।
এক ফাইলে একাধিক সাইজ রেখে PNG থেকে ICO কনভার্ট করুন
ICO ফরম্যাটের শুরু 1985 সালের Windows 1.0-এ, যখন আইকন ছিল ছোট বিটম্যাপ। এর কৌশল হলো ফাইলের শুরুতে একটি ডিরেক্টরি, যেখানে ভেতরের প্রতিটি ছবির প্রস্থ ও উচ্চতাসহ তালিকা থাকে। Windows Vista (2007) সেই ছবিগুলো PNG হিসেবে রাখার সুযোগ দেয়, ফলে মসৃণ স্বচ্ছতাসহ ২৫৬ × ২৫৬ আইকনও এমন ছোট ফাইলে ধরে, যা মুহূর্তে লোড হয়।
এখানে PNG কনভার্ট করলে সেই কন্টেইনার আপনার জন্য তৈরি হয়ে যায়। উৎস ছবি প্রতিটি সাইজে ছোট করা হয়, অ্যালফা চ্যানেল থাকে বলে গোলাকার কোণ ও নরম ছায়া গাঢ় ও হালকা ব্যাকগ্রাউন্ডে ঠিকঠাক দেখায়, আর সবকিছু একটিমাত্র .ico ফাইলে লেখা হয়। 256 px বা তার বড় ছবি থেকে শুরু করুন; 32 px PNG-কে 256-তে বড় করলে শুধু ঝাপসা বড় আইকন পাবেন।
16 × 16 px
ব্রাউজার ট্যাব
সাধারণ পিক্সেল ঘনত্বে ট্যাব ও বুকমার্ক
32 × 32 px
হাই-DPI স্ক্রিনে ট্যাব
Retina ডিসপ্লে ও 200% Windows স্কেলিং
48 × 48 px
Google সার্চ রেজাল্ট
Google 48 px-এর গুণিতকে বর্গাকার ফেভিকন চায়
256 × 256 px
Windows-এর Extra large icons
ICO ফাইলে রাখা যায় এমন সবচেয়ে বড় ছবি
PNG
Portable Network Graphics
PNG একটি লসলেস রাস্টার ফরম্যাট, যা ১৯৯৬ সালে PNG Development Group প্রকাশ করে এবং পরে W3C ও ISO স্ট্যান্ডার্ড করে। এটি প্রতিটি পিক্সেল হুবহু ধরে রাখে, পূর্ণ অ্যালফা ট্রান্সপারেন্সি সমর্থন করে এবং টেক্সট, ধারালো প্রান্ত ও সমতল রং কোনো আর্টিফ্যাক্ট ছাড়াই সামলায়। এই নির্ভুলতার কারণে স্ক্রিনশট, লোগো, আইকন ও ইন্টারফেস গ্রাফিকসের জন্য এটি আদর্শ। দুর্বলতা হলো সাইজ: PNG হিসেবে সেভ করা ছবি একই ছবির JPEG বা WebP-এর চেয়ে প্রায়ই কয়েক গুণ বড় হয়। সব ব্রাউজার, অপারেটিং সিস্টেম ও এডিটর PNG ফাইল খোলে।
- কম্প্রেশন
- লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- 1996 · PNG Development Group
ICO
Windows আইকন
ICO হলো Microsoft-এর আইকন ফরম্যাট, যা Windows প্রোগ্রামের আইকন ও ওয়েবসাইটের ফেভিকনে ব্যবহৃত হয়। একটি .ico ফাইলে ১৬×১৬, ৩২×৩২, ৪৮×৪৮ ও ২৫৬×২৫৬ পিক্সেলের মতো ভিন্ন সাইজের একাধিক ছবি থাকতে পারে, ফলে সিস্টেম সবচেয়ে মানানসইটি বেছে নিতে পারে। প্রতিটি ছবি বিটম্যাপ বা PNG ডেটা হিসেবে থাকতে পারে এবং পূর্ণ আলফা স্বচ্ছতা সাপোর্ট করে। ICO ছবি বা বড় আর্টওয়ার্কের জন্য নয়। ব্রাউজার, Windows ও বেশিরভাগ আইকন এডিটর এটি পড়তে পারে।
- কম্প্রেশন
- লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- Microsoft
PNG হলো একটিমাত্র সাইজের ছবি, কিন্তু Windows ও ব্রাউজার চায় একাধিক সাইজ একসাথে থাকা .ico, যাতে প্রতিটি স্ক্রিন সবচেয়ে স্পষ্টটি বেছে নিতে পারে; ICO থেকে PNG-তে গেলে শুধু ছবি বের করে আনা হয়।
ফেভিকন নাকি Windows আইকন: ICO-তে কোন সাইজগুলো রাখবেন
ব্রাউজার ট্যাবের আইকন আঁকে 16 px-এ, হাই-DPI স্ক্রিনে 32 px-এ, আর Google সার্চ ফেভিকন দেখায় 48 px ভিত্তিতে। সব সাইজ রাখুন, তাহলে একটি ফাইলেই তিনটি কভার হবে।
- সাইটের রুটে
favicon.icoনামে সেভ করুন - Apple touch icon-এর জন্য আলাদা করে 180 × 180 PNG যোগ করুন
Windows টাইটেল বারে 16 px থেকে বেছে নেয়, আর Extra large icons ভিউ ও হাই-DPI ডেস্কটপে 256 px পর্যন্ত ব্যবহার করে। 256 px না থাকলে ওই সাইজে আইকন ঝাপসা দেখায়।
- সব সাইজ রাখুন
- হালকার পাশাপাশি গাঢ় টাস্কবারেও আইকনটি দেখে নিন
কিছু গেম লঞ্চার, সার্ভার প্যানেল ও পুরোনো প্রোগ্রাম শুধু প্রথম ছবিটি পড়ে বা নির্দিষ্ট সাইজ দাবি করে। একক ছবির ICO বানাতে আইকনের সাইজ থেকে 256, 128, 64, 32 বা 16 px বেছে নিন।
- প্রোগ্রামের ডকুমেন্টেশনে যে সাইজ বলা আছে সেটি অনুসরণ করুন
- নির্দিষ্ট 256 px আইকনের জন্য দেখুন PNG থেকে ICO 256x256
এমন PNG ডিজাইন তৈরি করা, যা 16 px-এও স্পষ্ট বোঝা যায়
ফেভিকনের ধারণা এসেছে 1999 সালের Internet Explorer 5 থেকে, যা কেউ বুকমার্ক করলে সাইটের রুটে favicon.ico নামের ফাইল খুঁজত। অন্য ব্রাউজারও এই আচরণ নকল করে, তাই আজও সার্ভার লগে ঠিক ওই পাথের রিকোয়েস্ট দেখা যায়।
১৬ × ১৬-তে মোট পিক্সেল মাত্র 256, তাই নকশা হতে হবে সাহসী। ট্যাগলাইন ও সরু আউটলাইন বাদ দিন, ব্রাউজারের হালকা ও গাঢ় দুই থিমেই জোরালো কনট্রাস্ট রাখুন এবং আকৃতির চারপাশে এক পিক্সেল ফাঁকা রাখুন। অনেক ব্র্যান্ড শুধু নামের আদ্যক্ষর বা প্রতীক ব্যবহার করে। লোগো ভেক্টর ফাইল হলে SVG থেকে ICO দিয়ে কনভার্ট করুন, যাতে প্রতিটি সাইজ ধারালো আউটলাইন থেকে আঁকা হয়।
PNG থেকে ICO নিয়ে প্রশ্ন
ওয়েবসাইটের ফেভিকনের জন্য PNG থেকে ICO কীভাবে করব?
সব সাইজ বেছে কনভার্ট করুন, ফাইলের নাম বদলে favicon.ico রাখুন এবং সাইটের রুট ফোল্ডারে আপলোড করুন। ব্রাউজার নিজে থেকেই ওই পাথ খোঁজে, আর পেজের হেডে link rel="icon" ট্যাগ দিয়েও এটি উল্লেখ করতে পারেন।
16 পিক্সেলে আমার আইকন ঝাপসা দেখায় কেন?
১৬ × ১৬ পর্যন্ত ছোট করলে বিস্তারিত নকশা টেকে না, কারণ সেখানে একটি অক্ষর বা সরু রেখা এক পিক্সেলেরও কম জায়গা নেয়। ছোট সাইজের জন্য নকশা সহজ করুন: ব্রাউজার ট্যাবে লেখাসহ পুরো লোগোর চেয়ে একটি মোটা অক্ষর বা আকৃতি বেশি স্পষ্ট দেখায়।
আমার PNG বর্গাকার না হলে কী হবে?
আইকন চতুষ্কোণ, তাই চওড়া লোগো যে প্রোগ্রাম পড়ছে তার ওপর নির্ভর করে হয় ফাঁকা জায়গা দিয়ে ভরা হয় নয়তো চেপে যায়। আগে PNG-টি বর্গাকার ক্যানভাসে ক্রপ বা প্যাড করে নিন, তাহলে ফাঁকা জায়গা কোথায় থাকবে তা আপনিই ঠিক করবেন।
Windows-এ ফোল্ডারের আইকন বদলাতে কি .ico ফাইলটি ব্যবহার করা যায়?
হ্যাঁ। ফোল্ডারে রাইট-ক্লিক করে Properties > Customize > Change Icon খুলুন এবং .ico ফাইলটি বেছে নিন। ডেস্কটপ শর্টকাটেও একইভাবে Properties > Change Icon থেকে করা যায়।
সাইটে PNG আইকন থাকলেও কি ICO ফাইল দরকার?
আধুনিক ব্রাউজার পেজের হেডে দেওয়া PNG ও SVG আইকন গ্রহণ করে, কিন্তু কিছু টুল, ফিড রিডার ও পুরোনো ব্রাউজার এখনও সরাসরি /favicon.ico চায়। সেখানে ছোট একটি মাল্টি-সাইজ ICO রাখলে লগে 404 ত্রুটি আসে না।