آج آپ کی ویب سائٹ پر ایس جی جی کا استعمال کیوں کرنا چاہئے

اسکالبل ویکٹر گرافکس کا استعمال کرنے کے فوائد

اسکبلبل ویکٹر گرافکس، یا ایس وی جی، آج ویب سائٹ کے ڈیزائن میں ایک اہم کردار ادا کرتے ہیں. اگر آپ ابھی اپنے ویب ڈیزائن کے کام میں SVG استعمال نہیں کر رہے ہیں تو، یہاں کچھ وجوہات ہیں جو آپ کو ایسا کرنا شروع کرنی چاہئے، اس کے ساتھ ساتھ آپ ان بڑے فائلوں کے لئے استعمال کرسکتے ہیں جو ان فائلوں کی حمایت نہیں کرتی ہیں.

قرارداد

SVG کا سب سے بڑا فائدہ حل آزادی ہے. کیونکہ SVG فائلیں پکسل کی بنیاد پر رسٹر کی تصاویر کی بجائے ویکٹر گرافکس ہیں، وہ کسی بھی تصویر کے معیار کو کھونے کے بغیر دوبارہ تبدیل کر سکتے ہیں. یہ خاص طور پر مددگار ہے جب آپ ذمہ دار ویب سائٹس تیار کر رہے ہیں جو سکرین کی سائز اور آلات کی وسیع رینج میں اچھی لگتی ہیں اور اچھی طرح سے کام کرنے کی ضرورت ہوتی ہے .

SVG فائلوں کو آپ کے ذمہ دار ویب سائٹ کے بدلنے کے سائز اور ترتیب کی ضروریات کو ایڈجسٹ کرنے کے لئے اوپر یا نیچے کی سطح پر تقسیم کیا جاسکتا ہے اور آپ ان طرح کے گرافکس کے بارے میں فکر کرنے کی ضرورت نہیں ہے جو سمجھوتہ معیار کے راستے کے کسی بھی مرحلے میں ہیں.

فائل کا ناپ

ذمہ دار ویب سائٹس پر رسٹرٹر تصاویر (جے پی جی، PNG، GIF) کا استعمال کرتے ہوئے چیلنجوں میں سے ایک ان تصاویر کی فائل کا سائز ہے. کیونکہ رسٹرٹر کی تصاویر اس طرح کی پیمائش نہیں کرتے کہ وہ ویکٹر لوگ کرتے ہیں، آپ کو آپ کے پکسل کی بنیاد پر تصاویر کو سب سے بڑے سائز پر پہنچایا جاسکتا ہے جس میں وہ دکھایا جائے گا. یہی وجہ ہے کہ آپ ہمیشہ ایک تصویر کو چھوٹ سکتے ہیں اور اس کی کیفیت کو برقرار رکھ سکتے ہیں، لیکن تصاویر بڑے ہونے کے لئے بھی درست نہیں ہیں. آخر نتیجہ یہ ہے کہ آپ اکثر اکثر ایسی تصاویر ہیں جو کسی شخص کی اسکرین پر دکھایا جارہا ہے، جس کا مطلب یہ ہے کہ وہ بیکار طور پر ایک بڑی فائل کو ڈاؤن لوڈ کرنے کے لئے مجبور کیا جارہا ہے.

SVG اس چیلنج سے خطاب کرتا ہے. چونکہ ویکٹر گرافکس توسیع پذیر ہیں، آپ کو ان کی تصاویر کو ظاہر کرنے کی ضرورت ہوسکتی ہے، اس کے باوجود آپ کو بہت کم فائلوں کا سائز حاصل ہوسکتا ہے. یہ بالآخر سائٹ کے مجموعی کارکردگی اور ڈاؤن لوڈ کی رفتار پر مثبت اثر پڑے گا.

سی ایس ایس اسٹائلنگ

SVG کوڈ کو براہ راست صفحہ کے ایچ ٹی ایم ایل میں شامل کیا جا سکتا ہے. یہ "ان لائن SVG" کے طور پر جانا جاتا ہے. ان لائن SVG کا استعمال کرتے ہوئے فوائد یہ ہے کہ چونکہ گرافکس اصل میں آپ کے کوڈ پر مبنی براؤزر کی طرف سے تیار ہیں، ایک تصویر فائل حاصل کرنے کے لئے HTTP درخواست بنانے کی کوئی ضرورت نہیں ہے. ایک اور فائدہ یہ ہے کہ ان لائن میں ایس ایس جی سی ایس ایس کے ساتھ سٹائل کیا جا سکتا ہے.

SVG آئکن کا رنگ تبدیل کرنے کی ضرورت ہے؟ کسی قسم کے ایڈیٹنگ سافٹ ویئر میں اس تصویر کو کھولنے اور فائل کو برآمد کرنے اور دوبارہ اپ لوڈ کرنے کی بجائے، آپ صرف ایس ایس جی فائل کو سی ایس ایس کی چند لائنوں کے ساتھ تبدیل کر سکتے ہیں.

آپ کو ہور ریاستوں میں یا کسی خاص ڈیزائن کی ضروریات کے لئے SVG گرافکس پر دیگر CSS شیلیوں کا استعمال بھی کر سکتے ہیں. آپ ان صفحات کو کسی بھی تحریک اور انٹرایکٹوٹی کو شامل کرنے کے لۓ ان گرافکس کو بھی متحرک کرسکتے ہیں.

متحرک تصاویر

کیونکہ ان لائن ایس وی جی کی فائلوں کو سی ایس ایس کے ساتھ سٹائل کیا جا سکتا ہے، آپ ان پر سی ایس ایس کی متحرک تصاویر بھی استعمال کرسکتے ہیں. ایس ایس جی کی فائلوں میں کچھ زندگی شامل کرنے کے لئے سی ایس ایس کو تبدیل اور ٹرانزیشنیں دو آسان طریقے ہیں. آپ کو ایک صفحے پر امیر فلیش کی طرح کے تجربات حاصل کرنے کے بغیر آج کی ویب سائٹس پر فلیش کا استعمال کرنے کے ساتھ آتے ہیں.

SVG کا استعمال

جیسا کہ ایس جی جی ہے، یہ گرافکس آپ کی ویب سائٹ پر ہر دوسری تصویر کی شکل کی جگہ نہیں لے سکتے ہیں. تصاویر جو گہرائی رنگ کی گہرائی کی ضرورت ہوتی ہے اب بھی ایک جی پی جی یا شاید PNG فائل کی ضرورت ہوگی، لیکن شبیہیں جیسے سادہ تصاویر SVG کے طور پر عملدرآمد کے لئے مکمل طور پر موزوں ہیں.

SVG زیادہ پیچیدہ عکاسی کے لئے موزوں ہو سکتا ہے، جیسے کمپنی کے لوگو یا گرافس اور چارٹ. تمام گرافکس سکیلیبل، سی ایس ایس کے ساتھ سٹائل کروانے کے قابل، اور اس مضمون میں درج دیگر فوائد سے فائدہ اٹھائے گا.

پرانے براؤزر کے لئے سپورٹ

جدید ویب براؤزر میں SVG کے لئے موجودہ معاونت بہت اچھا ہے. صرف ان براؤزرز کے لئے حمایت صرف براؤزر جو انٹرنیٹ ایکسپلورر (ورژن 8 اور اس سے نیچے) کے پرانے ورژن اور لوڈ، اتارنا Android کے چند پرانے ورژن ہیں. سب کچھ، براؤزنگ کی آبادی کا ایک بہت چھوٹا حصہ اب بھی ان براؤزر کا استعمال کرتا ہے، اور یہ تعداد سکڑ جاری ہے. اس کا مطلب یہ ہے کہ SVG آج ویب سائٹ پر محفوظ طریقے سے استعمال کیا جا سکتا ہے.

اگر آپ SVG کے فال بیک بیک فراہم کرنا چاہتے ہیں تو، آپ کو فلامین گروپ سے گرمپک جیسے آلے کا استعمال کر سکتے ہیں. یہ وسائل آپکے ایس جی جی تصویر فائلوں کو لے لے اور پرانے براؤزرز کیلئے PNG گرے بیک بنائے گا.

1/27/17 پر جیریمی Girard کی طرف سے ترمیم