اس کام کی مثال پر عمل کریں، پھر انہی کنٹرولز کو اپنی تصویر کے مطابق ڈھالیں۔ SVG کمپریسر کھولیں.
ایک سٹیٹک SVG اپ لوڈ کریں یا مارک اپ پیسٹ کریں
SVG کمپریسر کھولیں اور ایک SVG فائل منتخب کریں یا نمونہ آزمائیں۔ نمونہ svg-compressor.svg ہے، ایک 985-بائٹ مدار کا نشان جس میں 512 × 512 ویو باکس، گریڈینٹ فل، عنوان اور تفصیل ہے۔ جب مارک اپ پہلے سے ایڈیٹر یا کلپ بورڈ میں ہو تو Paste SVG استعمال کریں۔
یہ ٹول 20 فائلوں تک قبول کرتا ہے جن میں سے ہر ایک 2 MB کی ہو۔ یہ ایک مکمل SVG دستاویز کو پارس کرتا ہے اور بیرونی فائلیں لوڈ کیے بغیر معیاری SVG دستاویز کے اعلانات کو ہٹا دیتا ہے۔ خراب XML، کسٹم اینٹیٹی ڈیکلریشنز اور اندرونی دستاویز کے ذیلی سیٹس مسترد کر دیے جاتے ہیں۔ بہت پیچیدہ فائلیں ایلیمنٹ یا پروسیسنگ ٹائم کی حد تک بھی پہنچ سکتی ہیں۔
یہ ورک فلو سٹیٹک ویکٹر آرٹ ورک تیار کرتا ہے۔ اسکرپٹس، ایونٹ ہینڈلرز، بیرونی وسائل، اینیمیشن اور ایمبیڈڈ راسٹر تصاویر کو ہٹا دیا جاتا ہے۔ اصل پریویو پہلے سے ہی سینیٹائزڈ ہے، لہذا اسے ماخذ فائل کی ہر خصوصیت کی غیر محدود رینڈرنگ کے طور پر نہیں سمجھا جانا چاہیے۔
اصل SVG کی ایک کاپی رکھیں۔ ایک انٹرایکٹو السٹریشن یا ایک SVG جس میں تصویر ہو، ایک سٹیٹک ویکٹر آئیکن سے مختلف استعمال کا کیس ہے۔
نتیجے کا موازنہ کریں اور ڈیسیمل پریسیژن سیٹ کریں
دو پریویو پینلز سینیٹائزڈ اصل اور آپٹمائزڈ نتیجہ دکھاتے ہیں۔ Original اور Optimized کے ساتھ سائز اور بائٹ سمری ماخذ فائل کا تیار شدہ آؤٹ پٹ کے ساتھ موازنہ کرتی ہے۔ یہ اضافہ رپورٹ کرتا ہے جب آپٹیمائزیشن کسی خاص فائل کو بڑا بنا دیتی ہے بجائے اس کے کہ ہر بار کمی کا وعدہ کرے۔
Settings کھولیں اور مثال کے لیے ڈیسیمل پریسیژن کو 2 پر سیٹ کریں۔ پریسیژن 1 سے 5 تک ہوتی ہے اور 3 سے شروع ہوتی ہے۔ کم اقدار عددی جیومیٹری کو آسان بنا سکتی ہیں لیکن باریک منحنی خطوط، چھوٹے وقفوں یا سیدھے کناروں کو ہلا سکتی ہیں۔ جب پریویو اہم تفصیلات کھو دے تو اسے بڑھائیں۔
یہ نمونہ سیدھی جیومیٹری استعمال کرتا ہے، لہذا پریسیژن 2 اس کی پہچاننے والی شکل کو برقرار رکھتی ہے۔ پیچیدہ ڈیسیمل کوآرڈینیٹس والے دیگر SVGs زیادہ تبدیل ہو سکتے ہیں۔ آپٹمائزڈ SVG مارک اپ دیکھیں جو اصل ٹیکسٹ کو ظاہر کرتا ہے جسے ڈاؤن لوڈ کیا جائے گا؛ یہ اصل کی الگ نمائندگی نہیں ہے۔
ایک ویکٹر کو اس کے مطلوبہ ڈسپلے سائز اور بڑے ویو پر چیک کریں۔ ایک معمولی تبدیلی چھوٹے تھمب نیل میں دیکھنا مشکل ہو سکتا ہے۔
اس گائیڈ میں دی گئی مثال
ایک نمونہ آزمائیں: svg-compressor.svg، 985 بائٹس، 512 × 512 ویو باکس۔ اعشاریہ کی درستگی 2؛ قابل رسائی عنوانات/تفصیلات کو برقرار رکھیں اور اندرونی IDs کو مختصر کرنا فعال؛ ریسپانسیو ڈائمینشنز اور قابل مطالعہ آؤٹ پٹ مارک اپ غیر فعال۔ ڈاؤن لوڈ کردہ SVG: 635 بائٹس۔
- سورس SVG
- 985 بائٹس
- آپٹمائزڈ SVG
- 635 بائٹس
- پیمائش شدہ کمی
- 35.5%
- محفوظ شدہ سیاق و سباق
- عنوان، تفصیل اور 512 × 512 ویو باکس
تفصیلات کو محفوظ رکھیں اور بیرونی IDs پر غور کریں
کام کی مثال کے لیے Keep accessible titles and descriptions کو فعال رکھیں۔ یہ SVG کے عنوان اور تفصیل کو برقرار رکھتا ہے جبکہ غیر ضروری ایڈیٹر میٹا ڈیٹا کو ہٹاتا ہے اور اہل مارک اپ کو آسان بناتا ہے۔ یہ معلومات کی مختلف اقسام ہیں اور انہیں ایک دوسرے کے متبادل کے طور پر نہیں لیا جانا چاہیے۔
Shorten internal IDs بائی ڈیفالٹ آن ہوتا ہے۔ آپٹمائزر SVG کے اندر حوالہ جات کو اپ ڈیٹ کرتا ہے، لیکن بیرونی CSS یا جاوا اسکرپٹ اب بھی اصل IDs پر انحصار کر سکتے ہیں۔ جب فائل کسی بڑی ایپلیکیشن کا حصہ ہو جو اپنے عناصر کا نام رکھتی ہو تو اس آپشن کو آف کریں، اور اس سیاق و سباق میں تیار شدہ SVG کو ٹیسٹ کریں۔
مثال کے لیے Responsive dimensions اور Readable output markup کو آف رکھیں۔ Responsive dimensions فکسڈ چوڑائی اور اونچائی کو ہٹا دیتا ہے جب کوآرڈینیٹ ویو باکس اسکیل ایبل سائزنگ فراہم کر سکتا ہے۔ Readable output انڈینٹیشن شامل کرتا ہے اور دیکھ بھال کے لیے مفید ہے، لیکن ٹیکسٹ کا سائز بڑھا سکتا ہے۔
ایک اسٹینڈ الون آئیکن فائل کے لیے، اندرونی ID کی صفائی عام طور پر سیدھی ہوتی ہے۔ بیرونی طور پر اسکرپٹڈ ڈایاگرام کے لیے، شناخت کنندگان کو محفوظ رکھنا چند بچائے گئے بائٹس سے زیادہ اہم ہو سکتا ہے۔
تیار شدہ ویکٹر ڈاؤن لوڈ اور تصدیق کریں
Start منتخب کریں، پھر Download کریں۔ تیار شدہ آؤٹ پٹ 635 بائٹس ہے جبکہ ماخذ 985-بائٹ کا ہے: 35.5% کمی۔ اس کا عنوان اور تفصیل برقرار ہے، اور دکھایا گیا موازنہ اصلی ماخذ سے رینڈر کیا گیا ہے اور SVG ڈاؤن لوڈ کیا گیا ہے۔
یہ مضمون نتائج کی واضح تصویر کشی کے لیے دونوں ویکٹرز کو 1,024 پکسلز پر رینڈر کرتا ہے؛ ان کا منطقی کوآرڈینیٹ سائز 512 × 512 رہتا ہے۔ ایک بڑا پیش منظر محفوظ کردہ SVG میں کوئی راسٹر مواد شامل نہیں کرتا۔ موجودہ پروڈکشن اثاثے کو تبدیل کرنے سے پہلے اپنے منزلہ صفحے میں اصل ویکٹر کا جائزہ لیں۔
ایک فائل اپنے اصل بنیادی نام کے ساتھ SVG کے طور پر ڈاؤن لوڈ ہوتی ہے۔ ایک بیچ ایک ZIP کے طور پر ڈاؤن لوڈ ہوتا ہے، جس میں ڈپلیکیٹ فائل ناموں کے لیے نمبر والے لاحقے ہوتے ہیں۔ پروسیسنگ براؤزر میں ہوتی ہے۔ اگر آپ بعد میں مختلف آپٹیمائزیشن سیٹنگز آزمانا چاہتے ہیں تو اصل سورس کو محفوظ رکھیں۔
فائل کے سائز میں بچت کا موازنہ صرف اس نمونے سے کیا گیا ہے۔ پہلے سے آپٹمائز شدہ SVG میں بہت کم بہتری نظر آ سکتی ہے یا وہ تھوڑا بڑا ہو سکتا ہے۔
عام سوالات
کیا بہتر کردہ SVG بالکل ویسا ہی نظر آئے گا؟
آپٹیمائزر کا مقصد ساکن ظاہری شکل کو برقرار رکھنا ہے، لیکن راؤنڈنگ اور غیر تعاون یافتہ مواد کو ہٹانا فائل کو تبدیل کر سکتا ہے۔ پیش نظاروں کا موازنہ کریں اور اپنے پروجیکٹ میں محفوظ کردہ SVG کی جانچ کریں۔
اعشاری درستگی کیا تبدیل کرتی ہے؟
یہ عددی جیومیٹری اور پاتھ ڈیٹا کے لیے استعمال ہونے والی درستگی کو کنٹرول کرتی ہے۔ کم اقدار سائز کو کم کر سکتی ہیں لیکن باریک تفصیلات کو تبدیل کر سکتی ہیں۔ ڈیفالٹ 3 ہے۔
کیا یہ عنوان اور تفصیل کو برقرار رکھتی ہے؟
جی ہاں، ڈیفالٹ کے طور پر۔ ان SVG عناصر کو محفوظ رکھنے کے لیے 'قابل رسائی عنوانات اور تفصیلات برقرار رکھیں' کو فعال رہنے دیں۔
اسکرپٹس یا راسٹر تصاویر غائب کیوں ہیں؟
یہ ٹول ایک جامد ویکٹر آؤٹ پٹ بناتا ہے۔ اسکرپٹس، ایونٹس، بیرونی وسائل، اینیمیشن اور ایمبیڈڈ راسٹر تصاویر کو صفائی کے دوران جان بوجھ کر ہٹا دیا جاتا ہے۔
کیا میں CSS کے ذریعے حوالہ کردہ IDs کو برقرار رکھ سکتا ہوں؟
جب بیرونی کوڈ مخصوص IDs پر منحصر ہو تو 'اندرونی IDs کو مختصر کریں' کو بند کر دیں۔ اصل فائل کو تبدیل کرنے سے پہلے ٹارگٹ صفحہ میں آپٹمائزڈ فائل کی تصدیق کریں۔
کیا SVG فائلیں آپٹیمائزیشن کے لیے اپ لوڈ کی جاتی ہیں؟
نہیں۔ یہ ٹول براؤزر میں پارسنگ اور آپٹیمائزیشن انجام دیتا ہے اور نتیجہ مقامی طور پر ڈاؤن لوڈ کرتا ہے۔
کیا میں DOCTYPE کے ساتھ SVG اپ لوڈ کر سکتا ہوں؟
ایک معیاری SVG دستاویز کا اعلان قبول کیا جاتا ہے اور اس کے بیرونی شناخت کنندہ کو لائے بغیر ہٹا دیا جاتا ہے۔ کسٹم اینٹیٹی ڈیکلریشنز اور اندرونی دستاویز کے ذیلی سیٹس مسترد کر دیے جاتے ہیں۔
ویکٹر کو ہلکا بنائیں، ایسے نتیجے کے ساتھ جسے آپ دیکھ سکیں۔
ایک نمونہ آزمائیں یا اپنی فائل استعمال کریں، اور شیئر کرنے سے پہلے نتیجے کا جائزہ لیں۔