SVG অপটিমাইজার

এডিটর ব্লোট সরিয়ে, ফ্লোটিং-পয়েন্ট পাথ কোঅর্ডিনেট রাউন্ড করে ও হোয়াইটস্পেস কমিয়ে SVG ভেক্টর ফাইল ৮০% পর্যন্ত মিনিফাই ও পরিষ্কার করুন — ১০০% ব্রাউজারে স্থানীয়ভাবে।

কোন আপলোডকোন সাইন আপব্যাচ প্রসেসিং
80% পর্যন্ত ছোটসমন্বয় নির্ভুলতাআগে / পরেব্যাচ ZIP
ডাউনলোড করুন
অফলাইন ইঞ্জিন প্রস্তুত100% ব্যক্তিগত ইন-ব্রাউজার ওয়ার্কস্পেস • জিরো ক্লাউড আপলোড
১০০% প্রাইভেট • জিরো সার্ভার ফাইল আপলোড

কেন Utiliome-এর ক্লায়েন্ট-সাইড SVGO ভেক্টর অপটিমাইজার ব্যবহার করবেন?

কঠোর প্রাইভেসি, তাৎক্ষণিক এক্সিকিউশন ও জিরো ঘর্ষণের জন্য তৈরি। সাবস্ক্রিপশন, পেওয়াল বা অ্যাকাউন্ট রেজিস্ট্রেশন লাগে না।

কোঅর্ডিনেট ডেসিমাল প্রিসিশন রাউন্ডিং

verbose 6-ডেসিমাল বেজিয়ার পাথ কোঅর্ডিনেট (d="M12.345678...") 1–5 ডেসিমালে রাউন্ড করে, দৃশ্যমান বিকৃতি ছাড়া কাঁচা ভেক্টর বাইট সাইজ ৫০%–৭৫% কমায়।

Figma, Illustrator ও Inkscape ব্লোট সরায়

XML প্রোলগ, কমেন্ট, <metadata>, xmlns:inkscape, sodipodi:*, data-name অ্যাট্রিবিউট এবং খালি <g> বা <defs> কন্টেইনার স্বয়ংক্রিয়ভাবে মুছে।

লাইভ Before / After স্প্লিট ও কোড ভিউ

স্বচ্ছ চেকারবোর্ডে ইন্টারঅ্যাকটিভ Before/After স্প্লিট স্লাইডারে অপটিমাইজড ভেক্টর দেখুন, অথবা Code View-এ মিনিফাইড SVG মার্কআপ কপি করুন।

১০০% লোকাল গোপনীয়তা ও ব্যাচ ZIP এক্সপোর্ট

ডজন খানেক আইকন একসাথে ব্রাউজার মেমোরিতে অপটিমাইজ করুন, ট্যাবপ্রতি প্রগ্রেস সহ, এবং পরিষ্কার .svg ফাইল একটি ZIP আর্কাইভে এক্সপোর্ট করুন।

Utiliome বনাম প্রচলিত ক্লাউড বিকল্প

আমাদের লোকাল-ফার্স্ট WebAssembly ইঞ্জিনকে পুরনো ক্লাউড টুলের সাথে তুলনা করুন।

ফিচার Utiliome (লোকাল ব্রাউজার) পুরনো ক্লাউড কনভার্টার
পাথ কোঅর্ডিনেট প্রিসিশন নিয়ন্ত্রণ d, points, viewBox ও ট্রান্সফর্মে 1 থেকে 5 ডেসিমাল রাউন্ডিং সমন্বয়যোগ্য স্থির আক্রমণাত্মক রাউন্ডিং যা ছোট 16×16 আইকন ভাঙে
ভিজুয়াল যাচাই ও কোড ডিফ ইন্টারঅ্যাকটিভ Before/After স্প্লিট স্লাইডার + লাইভ কপিযোগ্য SVG কোড ভিউ পাশাপাশি পাথ পরিদর্শন ছাড়া অন্ধ ফাইল ডাউনলোড
ডেটা গোপনীয়তা ও মালিকানাধীন আইকন ১০০% ক্লায়েন্ট-সাইড ইন-ব্রাউজার এক্সিকিউশন (শূন্য সার্ভার আপলোড) মালিকানাধীন ব্র্যান্ড লোগো ও UI কিট ক্লাউড সার্ভারে আপলোড
ব্যাচ প্রসেসিং ও খরচ সীমাহীন মাল্টি-ফাইল ব্যাচ কিউ + এক-ক্লিক ZIP এক্সপোর্ট (১০০% বিনামূল্যে) ফাইল-সংখ্যা ক্যাপ, পেওয়াল, বা CLI সেটআপ লাগে
কীভাবে কাজ করে

৩ ধাপে অনলাইনে SVG ফাইল কীভাবে অপটিমাইজ ও মিনিফাই করবেন

সফটওয়্যার ইনস্টল লাগে না। সবকিছু সরাসরি ওয়েব ব্রাউজারে চলে।

1

এক বা একাধিক SVG ফাইল ড্রপ করুন

.svg আইকন, লোগো বা ইলাস্ট্রেশন ড্রপজোনে টেনে আনুন। Utiliome প্রতিটি ফাইল ব্রাউজারে ক্রমান্বয়ে পার্স ও অপটিমাইজ করে।

2

কোঅর্ডিনেট প্রিসিশন ও অপটিমাইজেশন পাস সমন্বয়

Coordinate Precision স্লাইডার সমন্বয় করুন (2 ডেসিমাল সুপারিশকৃত) এবং মেটাডেটা অপসারণ, HEX রং মিনিফিকেশন ও হোয়াইটস্পেস কমানো টগল করুন, Before/After স্প্লিট ভিউ চেক করে।

3

মিনিফাইড SVG কোড কপি বা ZIP ডাউনলোড

'Copy SVG Code' ক্লিক করে ইনলাইন HTML/JSX মার্কআপ কোডবেসে পেস্ট করুন, অথবা আলাদা -optimized.svg ফাইল ও ব্যাচ ZIP আর্কাইভ ডাউনলোড করুন।

এক্সপোর্ট করা SVG ফাইল ফোলা কেন: ভেক্টর ফাইল ওভারহেডের অ্যানাটমি

দ্রুত উত্তর: Adobe Illustrator, Figma, Inkscape ও Sketch-এর মতো ডিজাইন টুল XML এডিটর নেমস্পেস, লেয়ার নাম, লুকানো গ্রুপ ও 6-ডেসিমাল ফ্লোটিং-পয়েন্ট কোঅর্ডিনেট এম্বেড করে যাতে পরে আবার এডিট করা যায়—প্রায়ই ওয়েব SVG সাইজ ৪০% থেকে ৮০% ফুলিয়ে।

Scalable Vector Graphics (.svg) প্লেইন-টেক্সট XML নথি যা গাণিতিক পাথ দিয়ে আকৃতি বর্ণনা করে (<path>, <circle>, <rect>, <polygon>)। ডেস্কটপ ভেক্টর এডিটর থেকে আইকন বা ইলাস্ট্রেশন এক্সপোর্ট করলে এক্সপোর্টার প্রোডাকশন ওয়েব পারফরম্যান্সের চেয়ে প্রজেক্ট পুনঃইমপোর্টকে অগ্রাধিকার দেয়:

  • 6-ডেসিমাল কোঅর্ডিনেট অতিরিক্ত প্রিসিশন: M 14.892341,28.104923 C 19.000124,31.999871...-এর মতো পাথ কমান্ড প্রতি ভার্টেক্সে ডজন খানেক বাইট নষ্ট করে সাব-পিক্সেল ভগ্নাংশে, যা কোনো স্ক্রিনে দেখা যায় না।
  • এডিটর নেমস্পেস ও RDF মেটাডেটা: Inkscape ও Illustrator <metadata>, <sodipodi:namedview>, xmlns:inkscape, data-name ও enable-background অ্যাট্রিবিউট ঢোকায় যা ব্রাউজার সম্পূর্ণ উপেক্ষা করে।
  • অপ্রয়োজনীয় খালি কন্টেইনার ও লম্বা HEX কোড: আনগ্রুপ করার পর পড়ে থাকা নেস্টেড <g></g> গ্রুপ এবং 6-অক্ষরের হেক্স (#ffffff এর বদলে #fff) অপ্রয়োজনীয় DOM নোড ও বাইট যোগ করে।

কোঅর্ডিনেট প্রিসিশন রাউন্ডিং কার্ভ বিকৃত না করে SVG পাথ ডেটা কীভাবে ছোট করে

দ্রুত উত্তর: SVG পাথ কোঅর্ডিনেট (d ও points অ্যাট্রিবিউট) 2 ডেসিমালে রাউন্ড করলে পাথ স্ট্রিং দৈর্ঘ্য ৪৫%–৭০% কমে, স্ট্যান্ডার্ড viewBox মাত্রায় সাব-শতাংশ পিক্সেল নির্ভুলতা বজায় থাকে।

প্রোডাকশন ওয়েব আইকন ও ইলাস্ট্রেশনে <path d="..." /> অ্যাট্রিবিউট সাধারণত মোট ফাইল সাইজের ৭০% থেকে ৯০% দখল করে। সঠিক ডেসিমাল প্রিসিশন সর্বোচ্চ বাইট কম্প্রেশন ও জ্যামিতিক বিশ্বস্ততার ভারসাম্য রাখে:

প্রিসিশন সেটিং কোঅর্ডিনেট উদাহরণ আদর্শ viewBox স্কেল সাধারণ বাইট সাশ্রয় ও ভিজুয়াল প্রভাব
1 ডেসিমাল (0.1) M14.9 28.1 বড় ইলাস্ট্রেশন (500×500+) ৬৫%–৮০% ছোট; ছোট 16×16 আইকনে কন্ট্রোল পয়েন্ট সামান্য সরতে পারে
2 ডেসিমাল (0.01) — ডিফল্ট M14.89 28.1 স্ট্যান্ডার্ড UI আইকন (24×24 থেকে 512×512) ৫০%–৭০% ছোট; Retina ডিসপ্লেতে মূল থেকে গাণিতিকভাবে অভেদ
3 ডেসিমাল (0.001) M14.892 28.105 উচ্চ-ঘনত্বের টেকনিক্যাল CAD / ম্যাপ ৩৫%–৫০% ছোট; চরম জুমে মাইক্রো-কার্ভ রাখে
4–5 ডেসিমাল M14.8923 28.1049 সাব-ইউনিট নরমালাইজড viewBox="0 0 1 1" ২০%–৩৫% ছোট; ট্রেইলিং জিরো নয়েজ সরিয়ে CAD প্রিসিশন রাখে

ক্যানভাসে ইন্টারঅ্যাকটিভ Before / After স্প্লিট স্লাইডার দিয়ে ভেক্টর আর্টওয়ার্ক রিয়েল টাইমে টেনে নিশ্চিত করুন কার্ভ ড্রিফট শূন্য, তারপর এক্সপোর্ট করুন।

SVG অপটিমাইজার vs SVG to PNG কনভার্টার: সঠিক ভেক্টর ওয়ার্কফ্লো বেছে নিন

দ্রুত উত্তর: গ্রাফিক স্কেলেবল .svg ফাইল বা ইনলাইন <svg> কোড হিসেবে ছোট KB ফুটপ্রিন্টে রাখতে চাইলে SVG অপটিমাইজার ব্যবহার করুন। SVG আপলোড ব্লক করে এমন প্ল্যাটফর্মের জন্য রাস্টার .png বিটম্যাপ চাইলে SVG to PNG কনভার্টার ব্যবহার করুন।

দুটি টুলই .svg ভেক্টর ফাইল ব্রাউজারে স্থানীয়ভাবে প্রসেস করে, কিন্তু সম্পূর্ণ ভিন্ন পাবলিশিং লক্ষ্যে কাজ করে:

ওয়ার্কফ্লো লক্ষ্য সুপারিশকৃত Utiliome টুল আউটপুট ফরম্যাট ও প্রাথমিক ব্যবহার
ওয়েব ও ইনলাইন কোডের জন্য .svg বাইট সাইজ ছোট করুন SVG Optimizer (এই টুল) পরিচ্ছন্ন, মিনিফাইড .svg ভেক্টর ফাইল বা কপিযোগ্য <svg> কোড HTML, React, Vue ও Core Web Vitals-এর জন্য
.svg রাস্টারাইজ করে পিক্সেল বিটম্যাপ (1x–8x) SVG to PNG Converter আলফা ট্রান্সপারেন্সিসহ উচ্চ-রেজোলিউশন লসলেস .png সোশ্যাল মিডিয়া, CMS আপলোড ও App Store অ্যাসেটের জন্য
অপটিমাইজড SVG-কে CSS Data URI হিসেবে এনকোড Image to Base64 Converter জিরো-রিকোয়েস্ট CSS ব্যাকগ্রাউন্ড এম্বেডিংয়ের জন্য data:image/svg+xml;base64,... স্ট্রিং
SVG লোগো ব্রাউজার ফেভিকনে প্যাকেজ Favicon Generator মাল্টি-সাইজ favicon.ico, apple-touch-icon.png ও site.webmanifest বান্ডেল
FAQ

SVG অপটিমাইজার FAQ ও ভেক্টর পাথ মিনিফিকেশন গাইড

Utiliome-এর ফ্রি অনলাইন SVG অপটিমাইজার ব্যবহার নিয়ে যা জানা দরকার।

SVG অপটিমাইজ করলে কি ভিজুয়াল কোয়ালিটি বা রেজোলিউশন কমে?

না। অপটিমাইজেশনের পরও SVG ফাইল ১০০% অসীম স্কেলেবল ভেক্টর থাকে। XML কমেন্ট, এডিটর মেটাডেটা ও হোয়াইটস্পেস সরানোর ভিজুয়াল প্রভাব শূন্য, আর পাথ কোঅর্ডিনেট 2–3 ডেসিমালে রাউন্ড করলে সাব-পিক্সেল কার্ভ নির্ভুলতা থাকে।

24×24 UI আইকনের জন্য কোন কোঅর্ডিনেট প্রিসিশন ব্যবহার করব?

স্ট্যান্ডার্ড 16×16, 20×20 বা 24×24 UI আইকনে (Lucide, Heroicons বা Feather) 2 ডেসিমাল সেরা জায়গা। খুব ছোট viewBox (যেমন 0 0 8 8) ব্যবহার করে Before/After স্লাইডারে সামান্য কার্ভ সরে দেখলে স্লাইডার 3 ডেসিমালে তুলুন।

এই SVG অপটিমাইজার কি ক্ষতিকর <script> বা ইভেন্ট অ্যাট্রিবিউট সরায়?

কপি বা ডাউনলোডের আগে 'SVG Code' ট্যাবে পরিষ্কার মার্কআপ পরিদর্শন করতে পারেন। আমাদের অপটিমাইজার নন-স্ট্যান্ডার্ড XML প্রোলগ, DOCTYPE, কমেন্ট ও এডিটর নেমস্পেস সরিয়ে পরিচ্ছন্ন ভেক্টর জ্যামিতি রাখে।

একাধিক SVG একসাথে অপটিমাইজ করে ZIP ডাউনলোড করা যায়?

হ্যাঁ। পুরো আইকন সেট ওয়ার্কস্পেসে ড্রপ করুন—Utiliome প্রতিটি SVG ট্যাব লোকাল ব্রাউজার মেমোরিতে ক্রমান্বয়ে প্রসেস করে, সব ফাইলে প্রিসিশন সেটিং প্রয়োগ করতে ও একটি ZIP এক্সপোর্ট করতে দেয়।

কখন SVG অপটিমাইজার vs SVG to PNG কনভার্টার ব্যবহার করব?

ওয়েবসাইট, React/Vue অ্যাপ বা CSS-এ স্কেলেবল ভেক্টর আইকন ডিপ্লয় করতে এবং সবচেয়ে ছোট .svg ফাইল চাইলে SVG অপটিমাইজার ব্যবহার করুন। প্ল্যাটফর্ম (Twitter/X, ইমেইল সিগনেচার বা Google Docs) .svg না নিয়ে উচ্চ-DPI .png বিটম্যাপ চাইলে আমাদের SVG to PNG কনভার্টার ব্যবহার করুন।

অপটিমাইজেশনের সময় আমার SVG কি রিমোট সার্ভারে আপলোড হয়?

কখনোই না। প্রতিটি অপটিমাইজেশন পাস ১০০% স্থানীয়ভাবে ব্রাউজারে JavaScript দিয়ে চলে। মালিকানাধীন ব্র্যান্ড লোগো ও আইকন লাইব্রেরি ডিভাইস ছাড়ে না।