ICO থেকে SVG কনভার্টার

যে টুল শুধু SVG নেয়, তার জন্য Windows আইকন বা ফেভিকন একটি .svg ফাইলে রাখুন। আইকনের পিক্সেল পিক্সেলই থাকে, তাই আসল ভেক্টর পাথ বা শুধু একটি বড় PNG কীভাবে পাবেন, সেটিও এই পেজে দেখানো হয়েছে।

অথবা JPG, JPEG, JPE … ফাইল এখানে ড্রop করুন ·

প্রতি ফাইল সর্বোচ্চ 95 MB· সর্বোচ্চ 20টি ফাইল· 30 মিনিট পরে মুছে ফেলা হয়

আউটপুট

যে ফরম্যাটে রূপান্তর

ফাইল আমাদের সার্ভারে প্রসেস করা হয় এবং 30 মিনিট পরে মুছে ফেলা হয়।

কোয়ালিটি ও রং

আউটপুট রিসাইজ

আউটপুট ছবি রিসাইজ

মূল মাপ রাখুন, অথবা একটি বাহু লিখুন; অনুপাত ঠিক থাকবে।

মেটাডেটা ও কালার প্রোফাইল

স্বয়ংক্রিয় ওরিয়েন্টেশন

EXIF-এ থাকা ওরিয়েন্টেশন অনুযায়ী ছবি ঘুরিয়ে দেয়, ফলে সব জায়গায় সোজা দেখায়।

মেটাডেটা মুছে দিন

GPS লোকেশন, ক্যামেরার তথ্য ও মন্তব্য সরান। কালার প্রোফাইল নিচে আলাদাভাবে রাখা যায়।

কালার প্রোফাইল রাখুন

এমবেড করা ICC প্রোফাইল রাখুন, যাতে রূপান্তরের পরও রঙ নির্ভুল থাকে।

কালার স্পেস

স্ক্রিন ও ওয়েবের জন্য sRGB সঠিক। প্রিন্টের কাজে মূলটি রাখুন; গ্রেস্কেল রঙ বাদ দেয়।

DPI ট্যাগ

dpi

শুধু মেটাডেটা, ০ মানে মূল মান থাকবে। প্রিন্টার ও কিছু পোর্টাল এই সংখ্যা পড়ে; এতে পিক্সেল মাপ বদলায় না।

এই টুল কীভাবে ব্যবহার করবেন

1
.ico ফাইলটি আপলোড করুন
কোনো ওয়েবসাইটের favicon.ico বা Windows প্রোগ্রামের আইকন। প্রতি ব্যাচে সর্বোচ্চ ২০টি ফাইল।
2
SVG-এ কনভার্ট করুন চাপুন
ICO-তে থাকা সবচেয়ে বড় ছবিটি স্বচ্ছতা অক্ষুণ্ণ রেখে একটি SVG ডকুমেন্টের ভেতরে বসানো হয়।
3
এরপর কী দরকার ঠিক করুন
SVG যেমন আছে তেমন ব্যবহার করুন, স্কেলযোগ্য পাথের জন্য ট্রেস করুন, অথবা শুধু ছবিটি চাইলে PNG বের করে নিন।

উত্তর

ICO থেকে SVG করলে কি আইকন স্কেলযোগ্য হয়?

না। ICO-তে শুধু বিটম্যাপ থাকে, তাই SVG তার সবচেয়ে বড়টিকে পিক্সেল ও স্বচ্ছতাসহ মুড়ে রাখে। যেকোনো সাইজে স্পষ্ট আইকন চাইলে ট্রেস করুন; বড় ছবির ফাইল চাইলে PNG বের করুন।

এই পেজ

মোড়ানো SVG

ICO-র সবচেয়ে বড় বিটম্যাপ একটি .svg ফাইলের ভেতরে।

দেখতে হুবহু আইকনের মতো
স্বচ্ছতা বজায় থাকে
বড় করলে ঝাপসা হয়

ট্রেসিং

ট্রেস করা SVG

ছবি থেকে SVG টুল প্রান্তগুলোকে ভেক্টর পাথে রূপ দেয়।

যেকোনো সাইজে স্কেল হয়
রং ও শেপ এডিট করা যায়
ছোট ডিটেইল সরল হয়ে যেতে পারে

এক্সট্র্যাক্ট

ICO থেকে PNG

সবচেয়ে বড় আইকন ছবি PNG হিসেবে সংরক্ষিত।

সবখানে খোলে
লসলেস ও স্বচ্ছ
নির্দিষ্ট পিক্সেল সাইজ

ICO থেকে SVG: পিক্সেলের চারপাশে একটি মোড়ক, ভেক্টর নয়

ICO ফরম্যাটের শুরু ১৯৮৫ সালের Windows 1.0-তে, আর ১৯৯৯ সালে Internet Explorer 5 /favicon.ico খুঁজতে শুরু করলে এটি favicon ফরম্যাট হয়ে ওঠে। একটি ফাইলে কয়েকটি বর্গাকার বিটম্যাপ থাকে, যাতে Windows ও ব্রাউজার উপযুক্ত সাইজটি বেছে নিতে পারে: ব্রাউজার ট্যাবের জন্য ১৬ px, টাস্কবার ও ডেস্কটপের জন্য ৩২ বা ৪৮ px, আর Windows Vista থেকে কমপ্রেসড PNG ডেটা হিসেবে রাখা ২৫৬ px ছবি। এই কাঠামোর কোথাও পাথ, বক্ররেখা বা ফিল নেই।

২০০১ সাল থেকে W3C ফরম্যাট SVG দুই ধরনের কনটেন্টই রাখতে পারে: ভেক্টর শেপ এবং এমবেড করা বিটম্যাপ। ICO কনভার্ট করলে সৎ আউটপুট কেবল দ্বিতীয়টিই। SVG-তে আইকনের প্রস্থ-উচ্চতা এবং পিক্সেলসহ একটি image এলিমেন্ট থাকে, তাই ব্রাউজার, Figma বা স্লাইডে এটি ICO-র মতোই দেখায়। জুম করলে একই পিক্সেল দেখা যায়, কারণ নতুন করে কিছু আঁকা হয়নি।

ICO-র ভেতরের আইকন সাইজ, আর সবচেয়ে বড়টি কেন গুরুত্বপূর্ণ

1:1

16 × 16 px

ব্রাউজার ট্যাবের favicon

ভালো ট্রেস করার জন্য খুব ছোট

1:1

32 × 32 px

হাই-ডেনসিটি ট্যাব, টাস্কবার

favicon.ico-র সাধারণ সর্বোচ্চ সাইজ

1:1

48 × 48 px

ডেস্কটপ আইকন (Windows)

বেশিরভাগ প্রোগ্রাম আইকনে থাকে

1:1

256 × 256 px

বড় আইকন ভিউ

ট্রেসিং বা PNG-র জন্য সেরা উৎস

ICO

Windows আইকন

ICO হলো Microsoft-এর আইকন ফরম্যাট, যা Windows প্রোগ্রামের আইকন ও ওয়েবসাইটের ফেভিকনে ব্যবহৃত হয়। একটি .ico ফাইলে ১৬×১৬, ৩২×৩২, ৪৮×৪৮ ও ২৫৬×২৫৬ পিক্সেলের মতো ভিন্ন সাইজের একাধিক ছবি থাকতে পারে, ফলে সিস্টেম সবচেয়ে মানানসইটি বেছে নিতে পারে। প্রতিটি ছবি বিটম্যাপ বা PNG ডেটা হিসেবে থাকতে পারে এবং পূর্ণ আলফা স্বচ্ছতা সাপোর্ট করে। ICO ছবি বা বড় আর্টওয়ার্কের জন্য নয়। ব্রাউজার, Windows ও বেশিরভাগ আইকন এডিটর এটি পড়তে পারে।

কম্প্রেশন: লসলেস
স্বচ্ছতা (ট্রান্সপারেন্সি): হ্যাঁ
অ্যানিমেশন: না
প্রবর্তনের সাল: Microsoft

ICO কনভার্টার

SVG

Scalable Vector Graphics

SVG হলো XML-ভিত্তিক একটি ভেক্টর ফরম্যাট, যা W3C ২০০১ সালে স্ট্যান্ডার্ড করে। পিক্সেলের বদলে এটি আকার, পাথ ও টেক্সট বর্ণনা করে, তাই যেকোনো সাইজে স্পষ্ট থাকে এবং লোগো ও আইকনের জন্য সাধারণত খুব ছোট হয়। এটি স্বচ্ছতা, CSS স্টাইলিং, স্ক্রিপ্টিং ও অ্যানিমেশন সমর্থন করে, আর প্রতিটি ব্রাউজার নিজে থেকেই এটি রেন্ডার করে। SVG ফটোগ্রাফের জন্য উপযুক্ত নয়, এবং জটিল ইলাস্ট্রেশন রেন্ডার হতে ধীর হতে পারে। Illustrator, Inkscape, Figma ও ব্রাউজারে এটি খোলা ও এডিট করা যায়।

কম্প্রেশন: –
স্বচ্ছতা (ট্রান্সপারেন্সি): হ্যাঁ
অ্যানিমেশন: হ্যাঁ
প্রবর্তনের সাল: 2001 · W3C

SVG কনভার্টার

ডিজাইন টুল, আইকন লাইব্রেরি বা ওয়েবসাইট টেমপ্লেট SVG চাইলে এবং লোগোর একমাত্র কপি favicon বা Windows আইকন হলে মানুষ ICO থেকে SVG খোঁজে; সাধারণত এটি ট্রেস করা ভেক্টরের দিকে প্রথম ধাপ।

আইকনকে আসল SVG পাথে ট্রেস করা

লক্ষ্য যদি স্কেলযোগ্য লোগো হয়, তবে মোড়ানো SVG বড়জোর একটি মধ্যবর্তী ধাপ। আইকনটি ছবি থেকে SVG কনভার্টার-এ দিন: এটি রঙের প্রান্ত অনুসরণ করে সেগুলোকে পাথ হিসেবে লেখে, যা আপনি রিসাইজ, রিকালার ও কাটতে পারবেন। ফলাফল উৎসের সাইজের ওপর নির্ভর করে, তাই প্রোগ্রাম আইকনের ২৫৬ px ছবি ১৬ px favicon-এর চেয়ে অনেক ভালো ট্রেস হয়। কতগুলো রং রাখবেন ও বক্ররেখা কীভাবে মসৃণ করবেন, তা আমাদের PNG থেকে SVG কনভার্ট গাইডে আছে।

আইকনটি শুধু ডকুমেন্ট বা এডিটরে ব্যবহার করতে চাইলে SVG বাদ দিন এবং ICO থেকে PNG দিয়ে সবচেয়ে বড় ছবিটি PNG হিসেবে নিন। উল্টো দিকে, ভেক্টর লোগো থেকে একাধিক সাইজের favicon বানাতে SVG থেকে ICO ব্যবহার করুন।

ICO থেকে SVG নিয়ে প্রশ্ন

ICO ফাইল কি আসল ভেক্টর SVG হতে পারে?

শুধু কনভার্ট করলে হয় না। ICO-তে কেবল বিটম্যাপ থাকে, ১৬ × ১৬ থেকে ২৫৬ × ২৫৬ px পর্যন্ত, তাই নেওয়ার মতো কোনো আকার (শেপ) নেই। পিক্সেল থেকে আসল পাথ ট্রেস করতে হয়, যা ছবি থেকে SVG কনভার্টার করে।

আমার .ico-র ভেতরের কোন সাইজটি SVG-তে যায়?

সবচেয়ে বড়টি, কারণ তাতে বিস্তারিত তথ্য সবচেয়ে বেশি। সাধারণ favicon.ico সর্বোচ্চ ৩২ বা ৪৮ px পর্যন্ত হয়, আর Windows অ্যাপ্লিকেশনের আইকনে সাধারণত ২৫৬ px সংস্করণ থাকে।

মোড়ানো SVG কি ওয়েবসাইটের ফেভিকন হিসেবে কাজ করবে?

Chrome ও Firefox SVG favicon গ্রহণ করে, কিন্তু যে SVG-তে শুধু ৩২ px বিটম্যাপ আছে, তাতে শুরুর ICO-র চেয়ে কোনো লাভ নেই। SVG favicon তখনই কাজের, যখন তাতে আসল পাথ থাকে এবং হাই-ডেনসিটি স্ক্রিনেও স্পষ্ট দেখায়।

ফেভিকন ট্রেস করলে আকারগুলো ঝাপসা দলা দলা হয় কেন?

৩২ px আইকনে মাত্র ১,০২৪টি পিক্সেল থাকে, আর ট্রেসিং প্রান্ত দেখে বক্ররেখা অনুমান করে। পিক্সেল যত কম, অনুমান তত অমসৃণ। পরিষ্কার আউটলাইনের জন্য Windows আইকনের ২৫৬ px ছবিটি ট্রেস করুন, অথবা আসল লোগোটি খুঁজে নিন।

আইকনের স্বচ্ছ ব্যাকগ্রাউন্ড কি থাকে?

হ্যাঁ। ICO ছবিতে আলফা চ্যানেল থাকে এবং SVG তা ধরে রাখে, তাই আইকনটি পেজ বা ডিজাইন টুলের যেকোনো ব্যাকগ্রাউন্ডের ওপর বসে।

পরে কি Inkscape বা Figma-তে আইকনের রং বদলানো যায়?

আলাদা আলাদা শেপ ধরে নয়, কারণ SVG-তে একটিমাত্র এমবেড করা ছবি থাকে। পুরো ছবিতে ফিল্টার বা ওভারলে দেওয়া যায়; শেপ অনুযায়ী রং বদলাতে চাইলে আগে ট্রেস করুন।