SVG থেকে আইকন কনভার্টার

Q: এই পেজ আর SVG থেকে ICO পেজের মধ্যে পার্থক্য কী?

[SVG to ICO](/svg-to-ico) মূলত ফেভিকন ও Windows-এর জন্য একটি .ico ফাইলে মনোযোগ দেয়। এই পেজে আইকন লাগে এমন সব জায়গা আছে, যার মধ্যে macOS-এর ICNS এবং Android, iOS ও অ্যাপ স্টোরের চাওয়া নির্দিষ্ট সাইজের PNG-ও রয়েছে।

একটি ভেক্টর লোগো দিয়েই আপনার সব আইকনের জায়গা পূরণ করা যায়: ফেভিকন, Windows শর্টকাট, Mac অ্যাপ এবং ফোনের লঞ্চার আইকন। এই পেজ শুরুতে মাল্টি-সাইজ ICO বেছে রাখে, অন্য প্ল্যাটফর্মের জন্য আপনি ICNS বা PNG-তে বদলে নিতে পারবেন।

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

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

আউটপুট

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

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

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

অ্যানিমেটেড ইনপুট

এই ফরম্যাটে একটিই ছবি থাকে। অ্যানিমেশন রাখতে চাইলে GIF বা WebP আউটপুট বেছে নিন।

আইকনের সাইজ

মাল্টি-সাইজ আইকনে একটি ফাইলে একাধিক রেজোলিউশন থাকে; ব্রাউজার ও অপারেটিং সিস্টেম প্রয়োজনমতো বেছে নেয়।

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

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

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

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

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

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

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

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

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

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

কালার স্পেস

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

DPI ট্যাগ

dpi

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

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

1
একটি বর্গাকার SVG আপলোড করুন
আপনার লোগো বা মার্কের SVG যোগ করুন, সম্ভব হলে স্কয়ার viewBox সহ। একসাথে সর্বোচ্চ 20টি ফাইল যোগ করা যায়, যেমন একটি লাইট ও একটি ডার্ক ভ্যারিয়েন্ট।
2
আইকন ফরম্যাট বেছে নিন
ICO আর আইকনের সাইজ হিসেবে সব সাইজ (16–256) আগে থেকেই বাছাই করা থাকে। macOS-এর জন্য যে ফরম্যাটে রূপান্তর থেকে ICNS বেছে নিন, আর ফোন বা স্টোরের আইকনের জন্য PNG বেছে আউটপুট ছবি রিসাইজ-এ প্রস্থ দিন।
3
কনভার্ট করে ফাইলগুলো জায়গামতো রাখুন
ICO-এ কনভার্ট করুন চাপুন (বোতামের লেখা আপনার বাছাই করা ফরম্যাট অনুযায়ী বদলায়), ডাউনলোড করুন, এবং প্রতিটি ফাইল তার প্ল্যাটফর্মের নির্দিষ্ট জায়গায় রাখুন।

আইকনের কোনো একক ফরম্যাট নেই। Windows ও ব্রাউজার ICO ব্যবহার করে, macOS ব্যবহার করে ICNS, আর ফোন ব্যবহার করে PNG-র সেট। SVG থেকে শুরু করলে প্রতিটি আইকন ভেক্টর থেকে নতুন করে আঁকা হয়, তাই প্রতিটি সাইজে স্পষ্ট থাকে।

SVG থেকে আইকন: একটি ভেক্টর, তিন ধরনের আইকন ফাইল

আইকন ফাইল ভেক্টর নয়, ছোট ছোট বিটম্যাপের একটি কনটেইনার। অপারেটিং সিস্টেম প্রয়োজনীয় সাইজের সবচেয়ে কাছের বিটম্যাপ বেছে নেয়, তাই ভালো আইকনে কয়েকটি বিটম্যাপ থাকে, প্রতিটি নিজস্ব গ্রিডের জন্য আঁকা।

এই পেজের ICO প্রিসেট 16 থেকে 256 px পর্যন্ত সব সাইজ নিয়ে একটি ফাইল তৈরি করে, যা favicon.ico ও Windows শর্টকাটের জন্য যথেষ্ট। Apple আইকন কনটেইনারের জন্য যে ফরম্যাটে রূপান্তর ICNS-এ বদলান, অথবা Android, iOS ও অ্যাপ স্টোরের চাওয়া আলাদা আলাদা সাইজের জন্য PNG বেছে নিন।

টেবিলে প্রধান প্ল্যাটফর্মগুলো আইকনের জন্য যা প্রকাশ করেছে তা দেওয়া হলো।

প্রতিটি প্ল্যাটফর্ম যে আইকন ফাইল চায়
সংস্থা	শর্ত	সূত্র
Windows ডেস্কটপ ও টাস্কবার	একাধিক সাইজসহ ICO, যার মধ্যে 16, 32, 48 ও 256 px থাকবে	—
ওয়েবসাইটের ফেভিকন	সাইটের রুটে 16, 32 ও 48 px সহ favicon.ico; apple-touch-icon-এর জন্য 180 × 180 px PNG	—
macOS অ্যাপ আইকন	ICNS বা Xcode অ্যাসেট ক্যাটালগ, 1024 × 1024 px পর্যন্ত সাইজ	—
Google Play স্টোর লিস্টিং	512 × 512 px 32-bit PNG, সর্বোচ্চ 1,024 KB	—
Apple App Store	স্বচ্ছতা ছাড়া 1024 × 1024 px PNG	—

SVG

Scalable Vector Graphics

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

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

SVG কনভার্টার

ICO

Windows আইকন

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

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

ICO কনভার্টার

একটি ভেক্টর লোগো থেকে একাধিক প্ল্যাটফর্মের জন্য আইকন বানাতে হলে মানুষ SVG থেকে আইকন খোঁজে, কারণ প্রতিটির আইকন কনটেইনার আলাদা: ওয়েবসাইটের favicon.ico থেকে Mac-এর ICNS এবং অ্যাপ স্টোরের নির্দিষ্ট সাইজের PNG পর্যন্ত।

Windows, Mac, Android ও iOS-এর জন্য SVG থেকে আইকন ফাইল কনভার্ট করুন

ICO এবং আইকনের সাইজ সব সাইজে রাখুন। ওয়েবসাইটের রুটের জন্য ফলাফলের নাম favicon.ico করুন, অথবা Windows শর্টকাটের Change Icon ডায়ালগে এটি দেখিয়ে দিন।

একটি .ico ফাইলই ট্যাব, বুকমার্ক ও টাস্কবারে কাজ করে
iPhone হোম-স্ক্রিন বুকমার্কের জন্য 180 px PNG যোগ করুন

এমন SVG ডিজাইন করুন যা 16 px-এও স্পষ্ট থাকে

16 × 16 px আইকনে মোট 256টি পিক্সেল থাকে। বেশিরভাগ ব্র্যান্ড আলাদা একটি আইকন মার্ক রাখে, প্রায়ই শুধু প্রতীক বা একটি অক্ষর, মোটা আকার ও অল্প রঙে; আপনার না থাকলে আইকনের জন্য SVG-র একটি সরলীকৃত কপি বানান।

কনভার্ট করার আগে viewBox দেখে নিন। চওড়া viewBox হলে মার্কের ওপরে-নিচে ফাঁকা অংশ নিয়ে আইকন তৈরি হয়, তাই আগে সেটি স্কয়ার করে ক্রপ করুন; স্কয়ার ক্রপের জন্য ছবি রেশিও অনুযায়ী ক্রপ করার গাইড দেখুন, আর ডিজাইন যাচাই করতে SVG to PNG দ্রুত বড় প্রিভিউ দেয়।

SVG থেকে আইকন: সাধারণ প্রশ্ন

এই পেজ আর SVG থেকে ICO পেজের মধ্যে পার্থক্য কী?

SVG to ICO মূলত ফেভিকন ও Windows-এর জন্য একটি .ico ফাইলে মনোযোগ দেয়। এই পেজে আইকন লাগে এমন সব জায়গা আছে, যার মধ্যে macOS-এর ICNS এবং Android, iOS ও অ্যাপ স্টোরের চাওয়া নির্দিষ্ট সাইজের PNG-ও রয়েছে।

কোন অপারেটিং সিস্টেম কোন আইকন ফরম্যাট ব্যবহার করে?

Windows ICO পড়ে, macOS পড়ে ICNS বা Xcode-এ তৈরি অ্যাসেট ক্যাটালগ, আর Android ও iOS নির্দিষ্ট পিক্সেল সাইজের PNG ছবি নেয়।

এক কনভার্সনেই কি আমার অ্যাপের সব PNG সাইজ পাওয়া যাবে?

না। একটি PNG-তে একটি সাইজই থাকে, তাই প্রতিবার কনভার্ট করলে একটি প্রস্থের ফাইল তৈরি হয়। আউটপুট ছবি রিসাইজ-এ একটি সাইজ দিয়ে কনভার্ট করুন, তারপর সংখ্যা বদলে আবার কনভার্ট করুন; প্রতিটি সাইজ ভেক্টর থেকে স্পষ্টভাবে আঁকা হয়।

এই পেজের ICNS কি Retina Mac আইকনও কভার করে?

এতে 16 থেকে 256 px পর্যন্ত সাইজ থাকে। বর্তমান macOS অ্যাপ আইকনে Retina ডিসপ্লের জন্য 512 px ও 1024 px এন্ট্রিও থাকে, যা Xcode বা Apple-এর iconutil PNG থেকে তৈরি করে; ওই দুটি এখানে PNG হিসেবে এক্সপোর্ট করে সেটে যোগ করুন।

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

ICO, ICNS ও Android লঞ্চার লেয়ারের জন্য হ্যাঁ: স্বচ্ছতা থাকলে সিস্টেম নিজের ব্যাকগ্রাউন্ড আঁকতে পারে। iOS App Store আইকন ব্যতিক্রম; Apple আলফা চ্যানেলসহ 1024 px মার্কেটিং আইকন গ্রহণ করে না, তাই ওই PNG-র জন্য SVG-তে একটি সলিড ব্যাকগ্রাউন্ড দিন।

ছোট আইকনে আমার বিস্তারিত লোগো কেন ঝাপসা দলা হয়ে যায়?

16 বা 32 px-এ সরু রেখা বা ছোট লেখার জায়গা থাকে না। স্ট্রোক এতটা মোটা করুন যাতে ছোটতম সাইজেও অন্তত পুরো একটি পিক্সেল ঢাকে, আর ওয়ার্ডমার্ক বাদ দিন।