WebP থেকে ICO কনভার্টার
আপনার লোগো কি শুধু নিজের সাইট থেকে সেভ করা বা ডিজাইন থেকে এক্সপোর্ট করা WebP হিসেবেই আছে? এটিকে এমন একটি favicon.ico-তে রূপান্তর করুন, যা ব্রাউজার, বুকমার্ক আর Windows শর্টকাট বাড়তি কোনো মার্কআপ ছাড়াই চিনে নেয়।
ছবি কনভার্টার
অথবা JPG, JPEG, JPE … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
৮৫ ছবিকে দেখতে মূলের মতোই রাখে। ছোট ফাইল দরকার হলেই কেবল কমান।
JPG, BMP ও EPS-এ স্বচ্ছতা নেই। স্বচ্ছ পিক্সেল এই রঙে ভরা হয়।
স্বচ্ছ পিক্সেলের পেছনে ব্যবহৃত হেক্স রঙ, যেমন #FFFFFF।
এই ফরম্যাটে একটিই ছবি থাকে। অ্যানিমেশন রাখতে চাইলে GIF বা WebP আউটপুট বেছে নিন।
মাল্টি-সাইজ আইকনে একটি ফাইলে একাধিক রেজোলিউশন থাকে; ব্রাউজার ও অপারেটিং সিস্টেম প্রয়োজনমতো বেছে নেয়।
মূল মাপ রাখুন, অথবা একটি বাহু লিখুন; অনুপাত ঠিক থাকবে।
উপরে বেছে নেওয়া বাহুর পিক্সেল।
মূল মাপের শতাংশ।
স্ক্রিন ও ওয়েবের জন্য sRGB সঠিক। প্রিন্টের কাজে মূলটি রাখুন; গ্রেস্কেল রঙ বাদ দেয়।
শুধু মেটাডেটা, ০ মানে মূল মান থাকবে। প্রিন্টার ও কিছু পোর্টাল এই সংখ্যা পড়ে; এতে পিক্সেল মাপ বদলায় না।
এই টুল কীভাবে ব্যবহার করবেন
- 1
WebP লোগো আপলোড করুন
একটি .webp ফাইল দিন, অথবা একবারে সর্বোচ্চ ২০টি, প্রতিটি ৯৫ MB পর্যন্ত। কমপক্ষে 256 × 256 px মাপের স্কোয়ার লোগো সবচেয়ে ভালো কাজ করে।
- 2
সব আইকন সাইজ রেখে দিন
উন্নত সেটিংস-এর ভেতরে আইকনের সাইজ শুরুতে সব সাইজ (১৬–২৫৬) থাকে। অ্যানিমেটেড WebP-র প্রথম ফ্রেম ব্যবহার হয়।
- 3
কনভার্ট করে আপনার সাইটে আপলোড করুন
ICO-এ কনভার্ট করুন চাপুন, দরকার হলে ফাইলের নাম বদলে favicon.ico করুন এবং আপনার ওয়েবসাইটের রুট ফোল্ডারে রাখুন।
ওয়েবসাইট থেকে সেভ করা লোগো আজকাল সাধারণত WebP হয়। একবার কনভার্ট করলেই স্বচ্ছ ব্যাকগ্রাউন্ডসহ সেটি একাধিক সাইজের favicon.ico হয়ে যায়।
WebP লোগো থেকে favicon.ico বানান
২০১০ সালে Google চালু করার পর WebP ওয়েবের একটি বড় অংশের ডিফল্ট ইমেজ ফরম্যাট হয়ে উঠেছে; WordPress ২০২১ সালে ৫.৮ সংস্করণ থেকে WebP আপলোড নেয়, আর অনেক ইমেজ CDN প্রতিটি PNG কনভার্ট করে পাঠায়। তাই নিজের লোগো খুঁজলে যে কপিটি পাওয়া যায় সেটি প্রায়ই .webp হয়, আর ফেভিকন জেনারেটর, Windows ও কিছু হোস্টিং প্যানেল তা নেয় না।
ICO ফরম্যাট WebP থেকে আলাদা সমস্যার সমাধান করে। একটি কমপ্রেসড ছবির বদলে এতে কয়েকটি স্কোয়ার বিটম্যাপ একসাথে থাকে, আর ব্রাউজার বা অপারেটিং সিস্টেম প্রয়োজনীয় সাইজটি বেছে নেয়: ট্যাবের জন্য 16 px, টাস্কবার বা বুকমার্ক বারের জন্য 32 px, ডেস্কটপ শর্টকাট ও হাই-ডেনসিটি স্ক্রিনের জন্য বড়গুলো। কনভার্ট করলে একবারেই আপনার WebP থেকে এই সাইজগুলো তৈরি হয়।
পেজ হেডারের লোগোর জন্য WebP ফাইলটি রেখে দিন। দুই ফাইল আলাদা জায়গায় কাজ করে, আর কনভার্সনে মূল ফাইলের কিছুই বদলায় না।
কনভার্টার ICO-তে কী কী রাখে
- একটি .ico-তে পাঁচটি সাইজ
- 16–256 px
- প্রতি ব্যাচে WebP ফাইল
- 20
- প্রতি ফাইলের সর্বোচ্চ সাইজ
- 95 MB
- তারপর সার্ভার থেকে মুছে যায়
- 30 মিনিট
WEBP
WebP ছবি
WebP হলো ওয়েব পেজ দ্রুত লোড করতে ২০১০ সালে Google প্রকাশিত একটি ইমেজ ফরম্যাট। এটি একই ফরম্যাটে লসি ও লসলেস কম্প্রেশন, আলফা স্বচ্ছতা এবং অ্যানিমেশন সমর্থন করে। সমান দৃশ্যমান মানের JPEG-এর তুলনায় লসি WebP ফাইল সাধারণত ২৫–৩৫% ছোট হয়, আর লসলেস WebP সাধারণত PNG-র চেয়ে ছোট। বর্তমানের সব ব্রাউজার এটি সমর্থন করে, কিন্তু কিছু পুরনো ডেস্কটপ সফটওয়্যার, প্রিন্ট সার্ভিস ও আপলোড ফর্ম এখনো এটি নেয় না। Windows, macOS এবং বেশিরভাগ আধুনিক ইমেজ এডিটর WebP খুলতে পারে।
- কম্প্রেশন
- লসি বা লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- হ্যাঁ
- প্রবর্তনের সাল
- 2010 · Google
ICO
Windows আইকন
ICO হলো Microsoft-এর আইকন ফরম্যাট, যা Windows প্রোগ্রামের আইকন ও ওয়েবসাইটের ফেভিকনে ব্যবহৃত হয়। একটি .ico ফাইলে ১৬×১৬, ৩২×৩২, ৪৮×৪৮ ও ২৫৬×২৫৬ পিক্সেলের মতো ভিন্ন সাইজের একাধিক ছবি থাকতে পারে, ফলে সিস্টেম সবচেয়ে মানানসইটি বেছে নিতে পারে। প্রতিটি ছবি বিটম্যাপ বা PNG ডেটা হিসেবে থাকতে পারে এবং পূর্ণ আলফা স্বচ্ছতা সাপোর্ট করে। ICO ছবি বা বড় আর্টওয়ার্কের জন্য নয়। ব্রাউজার, Windows ও বেশিরভাগ আইকন এডিটর এটি পড়তে পারে।
- কম্প্রেশন
- লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- Microsoft
ব্র্যান্ডের লোগোর একমাত্র কপি যখন ওয়েবসাইট বা CMS-এর দেওয়া কমপ্রেসড WebP ফাইল, অথচ সাইটের রুটে favicon.ico দরকার, তখন WebP লোগো ICO-তে রূপান্তর করতে হয়।
16 px ব্রাউজার ট্যাবের জন্য WebP লোগো তৈরি করা
শুধু প্রতীকটুকু ক্রপ করুন
বেশিরভাগ লোগো চওড়া হয়। শুধু প্রতীক বা প্রথম অক্ষরটি রেখে অল্প মার্জিনসহ স্কোয়ার করে ক্রপ করুন।
ছোট লেখা বাদ দিন
ট্যাগলাইন ও ওয়ার্ডমার্ক 16 px-এ ধূসর ঝাপসা হয়ে যায়। একটি মোটা আকৃতি টিকে থাকে; সরু রেখা টেকে না।
দুই ট্যাব রংয়েই দেখুন
ফলাফলটি হালকা ও গাঢ় দুই ব্রাউজার থিমেই দেখুন। স্বচ্ছ ব্যাকগ্রাউন্ডে গাঢ় লোগো গাঢ় ট্যাবে মিলিয়ে যেতে পারে।
আপনার সাইটে নতুন ফেভিকন যোগ করা
favicon.ico রুট ফোল্ডারে রাখুন, যাতে yoursite.com/favicon.ico-তে পাওয়া যায়। পেজের head-এ <link rel="icon" href="/favicon.ico" sizes="any"> দিলে পছন্দটি স্পষ্ট হয়, আর WordPress-এর মতো CMS-এ নিজস্ব Site Icon ঘর আছে যা এই ট্যাগ আপনার হয়ে লিখে দেয়।
আরও দুটি আইকন সেট সম্পূর্ণ করে। কেউ হোম স্ক্রিনে আপনার সাইট যোগ করলে iPhone ও iPad apple-touch-icon ব্যবহার করে, যা 180 × 180 px PNG; এটি বানাতে WebP থেকে PNG ও আমাদের ক্রপ করার গাইড দেখুন। Google Search এমন স্কোয়ার ফেভিকন চায় যার সাইজ 48 px-এর গুণিতক, তাই হোম পেজ থেকে লিংক করা 96 বা 144 px PNG সার্চ ফলাফলও কভার করে। ব্রাউজার ফেভিকন জোরালোভাবে ক্যাশ করে; নতুনটি সঙ্গে সঙ্গে দেখতে পেজটি প্রাইভেট উইন্ডোতে খুলুন।
WebP থেকে ICO নিয়ে প্রশ্ন
লোগো আগে থেকেই WebP হলে .ico কেন দরকার?
কোনো পেজে আইকন ঘোষণা না থাকলে ব্রাউজার নিজে থেকেই আপনার সাইটের রুট থেকে /favicon.ico চায়। Windows শর্টকাট, পুরনো ব্রাউজার এবং অনেক CMS-এর ফেভিকন ঘরে ICO বা PNG লাগে। রুটে একটি .ico থাকলে কোনো মার্কআপ ছাড়াই এসব জায়গায় কাজ চলে।
WebP লোগোর চারপাশের স্বচ্ছ অংশ কি স্বচ্ছই থাকবে?
হ্যাঁ। WebP ও ICO দুটোতেই অ্যালফা চ্যানেল থাকে, তাই স্বচ্ছ ব্যাকগ্রাউন্ড আইকনের প্রতিটি সাইজে সরাসরি চলে যায় এবং ফেভিকন হালকা ও গাঢ় ব্রাউজার ট্যাবে পরিষ্কার দেখায়।
অ্যানিমেটেড WebP আপলোড করলে কী হয়?
ICO-তে স্থির ছবি থাকে, তাই কনভার্টার প্রথম ফ্রেম ব্যবহার করে (অ্যানিমেটেড ইনপুট থাকে শুধু প্রথম ফ্রেম)। প্রথম ফ্রেম ফাঁকা বা ট্রানজিশনের মাঝামাঝি হলে অন্য সোর্স বেছে নিন।
WebP-এর লসি কম্প্রেশন কি ফেভিকনে দেখা যাবে?
16 থেকে 64 px-এ খুব কমই, কারণ ছোট করার সময় ছোট ত্রুটিগুলো মিশে যায়। 128 ও 256 px স্তরে হালকা হ্যালো থেকে যেতে পারে। লোগোটি ভেক্টরে থাকলে SVG থেকে ICO সবচেয়ে পরিষ্কার ধার দেয়।
ঝকঝকে ফেভিকনের জন্য WebP লোগোর রেজোলিউশন কত হওয়া দরকার?
কমপক্ষে 256 × 256 px এবং স্কোয়ার, যাতে সবচেয়ে বড় স্তরটি বড় না করে ছোট করে তৈরি হয়। পেজ হেডার থেকে সেভ করা 120 px লোগো বড় সাইজে ঝাপসা দেখাবে।