SVG থেকে ICO কনভার্টার
SVG থেকে ফেভিকন বানানোই সবচেয়ে ভালো উপায়: বড় বিটম্যাপ ছোট করার বদলে প্রতিটি আইকন সাইজ ভেক্টর থেকে নতুন করে আঁকা হয়, তাই 16 px সংস্করণও পিক্সেল গ্রিডে যতটা সম্ভব ততটাই ঝকঝকে থাকে।
ছবি কনভার্টার
অথবা JPG, JPEG, JPE … ফাইল এখানে ড্রop করুন ·
প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়
ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।
৮৫ ছবিকে দেখতে মূলের মতোই রাখে। ছোট ফাইল দরকার হলেই কেবল কমান।
JPG, BMP ও EPS-এ স্বচ্ছতা নেই। স্বচ্ছ পিক্সেল এই রঙে ভরা হয়।
স্বচ্ছ পিক্সেলের পেছনে ব্যবহৃত হেক্স রঙ, যেমন #FFFFFF।
এই ফরম্যাটে একটিই ছবি থাকে। অ্যানিমেশন রাখতে চাইলে GIF বা WebP আউটপুট বেছে নিন।
মাল্টি-সাইজ আইকনে একটি ফাইলে একাধিক রেজোলিউশন থাকে; ব্রাউজার ও অপারেটিং সিস্টেম প্রয়োজনমতো বেছে নেয়।
মূল মাপ রাখুন, অথবা একটি বাহু লিখুন; অনুপাত ঠিক থাকবে।
উপরে বেছে নেওয়া বাহুর পিক্সেল।
মূল মাপের শতাংশ।
স্ক্রিন ও ওয়েবের জন্য sRGB সঠিক। প্রিন্টের কাজে মূলটি রাখুন; গ্রেস্কেল রঙ বাদ দেয়।
শুধু মেটাডেটা, ০ মানে মূল মান থাকবে। প্রিন্টার ও কিছু পোর্টাল এই সংখ্যা পড়ে; এতে পিক্সেল মাপ বদলায় না।
এই টুল কীভাবে ব্যবহার করবেন
- 1
SVG লোগো আপলোড করুন
পুরো ওয়ার্ডমার্ক নয়, শুধু লোগোর চিহ্ন বা মনোগ্রাম ব্যবহার করুন। viewBox চৌকো হলে ফলাফল সবচেয়ে পরিষ্কার হয়।
- 2
সব আইকন সাইজ রেখে দিন
আইকনের সাইজ শুরুতে সব সাইজ (16–256) থাকে, এতে সব রেজোলিউশন একটি .ico ফাইলে জমা হয়। কোনো প্রোগ্রাম ঠিক একটি সাইজ চাইলেই কেবল একক সাইজ বেছে নিন।
- 3
ICO-এ কনভার্ট করুন চাপুন
ফাইলটি favicon.ico নামে আপনার সাইটের রুট ফোল্ডারে সেভ করুন, অথবা Windows শর্টকাটে এটিকে আইকন হিসেবে দিন।
favicon-এর জন্য SVG থেকে ICO কীভাবে কনভার্ট করব?
SVG আপলোড করুন, আইকনের সাইজ সব সাইজ (16–256) রাখুন এবং ICO-এ কনভার্ট করুন চাপুন। ভেক্টর থেকে আঁকা সব রেজোলিউশন নিয়ে একটি .ico পাবেন, স্বচ্ছতাও অক্ষত থাকবে।
SVG থেকে ICO কনভার্টার: কেন ভেক্টরই সঠিক উৎস
.ico ফরম্যাট Windows-এর প্রথম দিকের সংস্করণ থেকে এসেছে, আর favicon.ico রীতি এসেছে 1999 সালের Internet Explorer 5 থেকে, যা বুকমার্ক করা প্রতিটি সাইটের রুটে ওই নামের ফাইল খুঁজত। ICO একটি ছোট কনটেইনার: এতে এন্ট্রির তালিকা থাকে, প্রতিটি আলাদা চৌকো বিটম্যাপ, তাই একটি ফাইলে 16 px ট্যাব আইকন ও 256 px ডেস্কটপ আইকন পাশাপাশি থাকতে পারে। Windows Vista সর্বোচ্চ সাইজ 256 × 256 করেছে এবং বড় এন্ট্রি PNG হিসেবে রাখার অনুমতি দিয়েছে।
প্রতিটি এন্ট্রি আলাদা বিটম্যাপ, তাই আইকনের মান নির্ভর করে প্রতিটি সাইজ কীভাবে তৈরি হয়েছে তার ওপর। PNG থেকে প্রতিটি সাইজ একই পিক্সেলের ছোট করা রূপ। SVG থেকে প্রতিটি সাইজ পাথের নতুন রেন্ডার, যেখানে অ্যান্টি-অ্যালিয়াসিং ঠিক ওই গ্রিডের জন্য হিসাব করা হয়। 16 × 16 px-এ, যেখানে লোগোর জন্য মাত্র 256 পিক্সেল, এই পার্থক্য চোখে পড়ে।
16 × 16 px
16 × 16
ব্রাউজার ট্যাব, বুকমার্ক ও হিস্ট্রি তালিকা।
32 × 32 px
32 × 32
হাই-ডেনসিটি স্ক্রিনের ট্যাব, Windows টাস্কবার শর্টকাট।
64 × 64 px
64 × 64
স্কেল করা ডেস্কটপ ভিউ ও পিন করা আইটেম।
128 × 128 px
128 × 128
ফাইল ম্যানেজারে বড় প্রিভিউ।
256 × 256 px
256 × 256
ICO-র সবচেয়ে বড় এন্ট্রি; Explorer-এর অতি বড় আইকন।
SVG
Scalable Vector Graphics
SVG হলো XML-ভিত্তিক একটি ভেক্টর ফরম্যাট, যা W3C ২০০১ সালে স্ট্যান্ডার্ড করে। পিক্সেলের বদলে এটি আকার, পাথ ও টেক্সট বর্ণনা করে, তাই যেকোনো সাইজে স্পষ্ট থাকে এবং লোগো ও আইকনের জন্য সাধারণত খুব ছোট হয়। এটি স্বচ্ছতা, CSS স্টাইলিং, স্ক্রিপ্টিং ও অ্যানিমেশন সমর্থন করে, আর প্রতিটি ব্রাউজার নিজে থেকেই এটি রেন্ডার করে। SVG ফটোগ্রাফের জন্য উপযুক্ত নয়, এবং জটিল ইলাস্ট্রেশন রেন্ডার হতে ধীর হতে পারে। Illustrator, Inkscape, Figma ও ব্রাউজারে এটি খোলা ও এডিট করা যায়।
- কম্প্রেশন
- –
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- হ্যাঁ
- প্রবর্তনের সাল
- 2001 · W3C
ICO
Windows আইকন
ICO হলো Microsoft-এর আইকন ফরম্যাট, যা Windows প্রোগ্রামের আইকন ও ওয়েবসাইটের ফেভিকনে ব্যবহৃত হয়। একটি .ico ফাইলে ১৬×১৬, ৩২×৩২, ৪৮×৪৮ ও ২৫৬×২৫৬ পিক্সেলের মতো ভিন্ন সাইজের একাধিক ছবি থাকতে পারে, ফলে সিস্টেম সবচেয়ে মানানসইটি বেছে নিতে পারে। প্রতিটি ছবি বিটম্যাপ বা PNG ডেটা হিসেবে থাকতে পারে এবং পূর্ণ আলফা স্বচ্ছতা সাপোর্ট করে। ICO ছবি বা বড় আর্টওয়ার্কের জন্য নয়। ব্রাউজার, Windows ও বেশিরভাগ আইকন এডিটর এটি পড়তে পারে।
- কম্প্রেশন
- লসলেস
- স্বচ্ছতা (ট্রান্সপারেন্সি)
- হ্যাঁ
- অ্যানিমেশন
- না
- প্রবর্তনের সাল
- Microsoft
SVG থেকে ICO কনভার্ট করার কারণ হলো, লোগো ভেক্টর আকারে থাকলেও ওয়েবসাইটের রুট, Windows শর্টকাট বা ডেস্কটপ অ্যাপ এখনও একটি .ico ফাইল চায়, যাতে একাধিক বিটম্যাপ সাইজ থাকে।
SVG থেকে ICO কনভার্ট করার আগে SVG প্রস্তুত করুন
| করণীয় | বর্জনীয় |
|---|---|
viewBox চৌকো রাখুন, যেমন 0 0 512 512। | 32 px-এর নিচে মিলিয়ে যায় এমন খুব সরু রেখার ওপর ভরসা করবেন না। |
| চিহ্ন যেন আইকনের কিনারা না ছোঁয়, তাই সামান্য মার্জিন রাখুন। | চওড়া ওয়ার্ডমার্ক রাখবেন না, এটি সরু দাগের মতো দেখায়। |
| লেখাকে আউটলাইনে রূপান্তর করুন, যাতে ফন্ট বদলে না যায়। | SVG-র ভেতরে বাইরের ছবি বা ওয়েব ফন্টের রেফারেন্স দেবেন না। |
| পুরো নাম নয়, প্রতীক বা নামের আদ্যক্ষর ব্যবহার করুন। | গাঢ় ট্যাবেও সাদা চাইলে ছাড়া লোগোর পেছনে সাদা আয়তক্ষেত্র যোগ করবেন না। |
কনভার্টার SVG যা বর্ণনা করে শুধু তা-ই রেন্ডার করে, তাই লিঙ্ক করা অ্যাসেট এবং এমবেড না করা ফন্ট আনা যায় না। Figma, Illustrator ও Inkscape-এর মতো ডিজাইন টুল লেখাকে পাথ হিসেবে এক্সপোর্ট করতে পারে; তা করলে অক্ষরগুলো সব জায়গায় আপনার ব্র্যান্ডের মতোই থাকবে।
.ico তৈরি হলে Apple touch icon-এর জন্য 180 px PNG এবং ভেক্টর favicon সমর্থন করে এমন ব্রাউজারের জন্য SVG-টিও যোগ করুন; যেকোনো সাইজের PNG পেতে SVG থেকে PNG ব্যবহার করুন। আপনার সোর্স বিটম্যাপ লোগো হলে PNG থেকে ICO পিক্সেল থেকে একই কাজ করে।
SVG থেকে ICO কনভার্ট: প্রশ্নোত্তর
PNG থেকে শুরু না করে SVG থেকে ICO কনভার্টার কেন ব্যবহার করবেন?
PNG থেকে প্রতিটি আইকন সাইজের জন্য ছবি ছোট করতে হয়, আর ছোট করলে কিনারা ঝাপসা হয়ে যায়। SVG সরাসরি 16, 32, 64, 128 ও 256 px-এ রেন্ডার হয়, তাই প্রতিটি সাইজের কিনারা নিজস্ব পিক্সেল গ্রিডে স্পষ্ট থাকে।
সাইটে SVG আইকন থাকলেও কি ব্রাউজারের favicon.ico দরকার হয়?
Chrome ও Firefox link ট্যাগে দেওয়া SVG favicon পড়তে পারে, কিন্তু অনেক ব্রাউজার, ফিড রিডার ও ক্রলার এখনও ডিফল্টভাবে সাইটের রুট থেকে /favicon.ico চায়। দুটোই রাখলে সব জায়গায় কাজ করবে।
আমার SVG বর্গাকার না হলে কী হবে?
আইকনের জায়গা চৌকো, তাই চওড়া লোগোতে হয় ফাঁকা মার্জিন থাকে, নয়তো লোগো খুব ছোট দেখায়। আগে viewBox-এর প্রস্থ ও উচ্চতা সমান করে নিন, অথবা PNG এক্সপোর্ট করে ছবি ক্রপ টুলে চৌকো সংস্করণ কেটে নিন।
ICO-তে কি স্বচ্ছ ব্যাকগ্রাউন্ড থাকে?
হ্যাঁ। ICO-তে অ্যালফা চ্যানেল থাকে, তাই SVG-তে যেসব অংশে রং নেই সেগুলো স্বচ্ছ থাকে এবং আইকন হালকা ও গাঢ় দুই রকম ব্রাউজার ট্যাবেই পরিষ্কার দেখায়।
Windows প্রোগ্রাম বা ফোল্ডার আইকনের জন্য কি SVG থেকে ICO কনভার্ট করা যায়?
হ্যাঁ, একই ফাইল কাজ করবে। Windows বড় ও অতি বড় Explorer ভিউতে 256 px ছবি এবং তালিকা ও টাস্কবারে ছোট এন্ট্রিগুলো ব্যবহার করে।
16 px-এ আমার আইকন ফাঁকা দেখায় কেন?
সরু রেখা ও ছোট লেখা ওই সাইজে মিলিয়ে যায়। 512 ইউনিটের আর্টবোর্ডে 2 ইউনিটের স্ট্রোক 16 px আইকনে এক পিক্সেলেরও অনেক কম হয়ে যায়। রেখা মোটা করুন, অথবা favicon-এর জন্য আরও সরল চিহ্ন ব্যবহার করুন।
অন্যান্য আইকন কনভার্টার
- PNG থেকে ICO কনভার্টারঅনলাইনে PNG থেকে ICO: একটি .ico ফাইলে 16 থেকে 256 px সব সাইজ, ট্রান্সপারেন্সি অক্ষুণ্ণ। ফেভিকন ও Windows শর্টকাটের জন্য। ফ্রি, অ্যাকাউন্ট ছাড়াই।
- JPG থেকে ICO কনভার্টারJPG বা JPEG কে 16, 32, 64, 128 ও 256 px সাইজসহ .ico ফাইলে কনভার্ট করুন, ওয়েবসাইটের ফেভিকন বা Windows শর্টকাটের জন্য। সাইন-আপ ছাড়াই।
- ICO থেকে PNG কনভার্টারস্বচ্ছ ব্যাকগ্রাউন্ড রেখে .ico ফাইল PNG-তে কনভার্ট করুন। আইকনের সবচেয়ে বড় ছবিটি বের হয়, তাই ফেভিকন ও Windows আইকন স্পষ্ট থাকে।
- SVG থেকে PNG কনভার্টারSVG লোগো ও আইকন আপনার বেছে নেওয়া প্রস্থে PNG করুন, ডিফল্ট 1024 px, স্বচ্ছ ব্যাকগ্রাউন্ড অক্ষত থাকে। DPI আর পিক্সেলের সম্পর্কও জানুন।
- PNG থেকে ICO 256x256 কনভার্টারPNG থেকে 256 × 256 ICO বানান Windows-এর Extra large আইকন, অ্যাপ ইনস্টলার ও Electron বিল্ডের জন্য। স্বচ্ছতা অটুট, ফাইলে একটি সাইজ, অ্যাকাউন্ট ছাড়াই।
- ছবি থেকে ICO কনভার্টারযেকোনো ছবি থেকে ফেভিকন বা Windows শর্টকাটের জন্য মাল্টি-সাইজ .ico বানান। PNG, JPG, SVG, WebP, HEIC সহ আরও ফরম্যাট; এক ফাইলে 16 থেকে 256 px।