سکلبل ویکٹر گرافڪس استعمال ڪرڻ جا فائدا
اسپيبل ويیکٹر گرافڪس، يا ايس اين جي، ويب سائيٽ ڊزائين جي ڊيزائن ۾ هڪ اهم ڪردار ادا ڪري ٿو. جيڪڏهن توهان هن وقت توهان جي ويب ڊيزائن جي ڪم ۾ SVG استعمال نٿا ڪري سگهو، هتي ڪجهه سبب آهن ته توهان ائين ڪرڻ شروع ڪيو وڃي، انهي سان گڏ توهان جي پراڻن برائوزرن لاء جيڪي استعمال ڪري سگھن ٿا اهي انهن فائلن کي سپورٽ نٿا ڪن.
قرارداد
SVG جو بهترين فائدو قرارداد آزاديء وارو آهي. ڇو ته SVG فائلون پکسل جي بنياد تي ريزريز تصويرون جي بدران ویکٹر گرافڪس آهن، اهي بغير ڪنهن به تصوير جي معيار کي وڃائڻ کان ٺهيل ٿي سگهي ٿو. اهو خاص طور تي مددگار آهي جڏهن توهان ذمہ دار ويب سائيٽون ٺاهي رهيا آهيو جيڪا اسڪرين جي سائيز ۽ ڊوائيسز جي وڏي رينج ۾ سٺي ۽ سٺو ڪم ڪرڻ جي ضرورت آهي .
ايس وي جي فائلون شايد مٿي يا هيٺ تبديل ٿي سائيز ۽ توهان جي جواب ڏيڻ جي ويب سائيٽ ترتيب جي ضرورتن کي تبديل ڪرڻ لاء ۽ شايد توهان انهن گرافڪس بابت پريشان ٿيڻ واري معيار کي ڪنهن به قدم سان پريشان ڪرڻ جي ضرورت ناهي.
فائل جو قد
قبول ڪندڙ ويب سائيٽن تي راسٽر تصويرون (JPG، PNG، GIF) استعمال ڪرڻ وارن مان هڪ چئلينج انهن تصويرن جو فائل سائيز آهي. ڇاڪاڻ ته راسڊر تصويرون جيڪي ویکٹر جيڪي توهان ڪندا هئا انهن کي اندازو نه ڏيندا آهن، توهان کي پنهنجي پينسل-شڪل تصويرون وڏي انگ ۾ پهچائڻ جي ضرورت هوندي جنهن ۾ اهي ظاهر ڪيا ويندا. اهو ئي سبب آهي ته توهان هميشه هڪ تصوير ٺاهيندا ۽ پنهنجي معيار کي برقرار ڪري سگهو ٿا، پر اهو ساڳيو شڪل وڏن ٺاهڻ لاء درست ناهي. آخر نتيجو اهو آهي ته توهان اڪثر تصويرون آهن جيڪي هڪ کان وڌيڪ وڏي آهن جيڪي هڪ شخص جي اسڪرين تي ڏيکاريل آهن، انهي جو مطلب اهو آهي ته اهي لازمي طور تي وڏي پئماني تي ڊائونلوڊ ڪرڻ تي مجبور ٿي ويندا آهن.
ايس ايس جي هن چئلينج کي خطاب ڪندي. ڇو ته ویکٹر گرافڪ اسڪالبل آهن، توهان وٽ ڪيترا ئي تصويرون ڏيکارڻ جي ضرورت هجي انهي کان سواء توهان وٽ ننڍڙي فائلن جا ننڍا ننڍا هوندا. اهو بالآخر سائيٽ جي مجموعي ڪارڪردگي ۽ ڊائون لوڊ تي مثبت اثر ٿيندو.
ايس ايس اسٽائلنگ
ايس ايس جي ڪوڊ پڻ سڌو سنئون HTML جي لاء شامل ڪري سگھجي ٿو. اهو "ان لائن SVG" جي نالي سان سڃاتو وڃي ٿو. ان لائن SVG استعمال ڪرڻ جي فائدي مان هڪ آهي ته جيئن ته گرافڪس اصل ۾ توهان جي ڪوڊ جي بنياد تي برائوزر جي طرفان تيار ڪيا ويا آهن، هڪ تصوير جي فائل آڻڻ لاء هڪ HTTP جي درخواست ٺاهڻ جي ڪا ضرورت ناهي. هڪ ٻيو فائدو اهو آهي ته ان لائن SVG سي ايس سان گڏ ٿي سگهي ٿو.
SVG آئکن جي رنگ تبديل ڪرڻ جي ضرورت آهي؟ انهي قسم جي ادائيگي واري سافٽويئر ۾ انهي تصوير کي کولڻ ۽ ٻيهر فائل لوڊ ڪرڻ ۽ ٻيهر اپ لوڊ ڪرڻ جي بدران توهان صرف سي ايس جي فائيل ڪي سي ايس جي فائلن سان تبديل ڪري سگهو ٿا.
توهان هوري رياستن تي تبديل ڪرڻ يا ڪجهه خاص ڊيزائن جي ضرورتن لاء SVG گرافڪس تي ٻين سي ايس جي شئي استعمال پڻ ڪري سگهو ٿا. توھان انھن گرافڪس کي انٽرويو ڪري سگھو ٿا ھڪڙو صفحي ڏانھن ڪجھ تحريڪ ۽ لامحدود شامل ڪرڻ لاء.
متحرڪ
ڇو ته SVG فائلون سي ايس سان اسٽيل ٿي سگهن ٿا، توهان ان تي سي ڊي ايڪسيونشنون پڻ استعمال ڪري سگهو ٿا. سي ايس ڊي کي تبديل ڪرڻ ۽ ٽرانسينشن جا ٻه آسان طريقا آهن جيڪي ڪجهه زندگي کي ايس ايم جي فائلن ڏانهن شامل ڪرڻ لاء. توهان ڪنهن به صفحي تي فليش وانگر تجربو حاصل ڪري سگهو ٿا بغير ڊائونڊس کي جاري ڪرڻ جي بغير جيڪا اڄ ويب سائيٽن تي فليش استعمال ڪري ٿي .
SVG جو استعمال
جئين طاقتور SVG آهي، اهي گرافڪس هر ٻي تصوير جي شڪل ۾ تبديل نه ٿيون ڪري سگھو جيڪي توهان پنهنجي ويب سائيٽ تي استعمال ڪندا آهيو. تصويرون جيڪا گهري رنگ جي ضرورت هونديون اڃا تائين JPG يا شايد پي اين جي فائيل جي ضرورت هوندي، پر سادو تصويرن وانگر جهڙوڪ ايس ايس ڊي جي طور تي ختم ٿي ويندا آهن.
ايس اين جي وڌيڪ پيچيده نموني لاء مناسب ٿي سگهي ٿو، جهڙوڪ ڪمپني جي منطق يا گرافس ۽ چارٽس. سڀئي گرافڪس سکائبلبل، سي ايس ايس سان اسٽائل ڪرڻ جي قابل، ۽ هن مضمون ۾ ڏنل فائدا ٻين فائدي کان فائدو وٺندا.
پراڻن برائوزرن لاء مدد
جديد ويب برائوزرز ۾ ايس ايم جي لاء موجوده حمايت ڏاڍي سٺي آهي. اهي گرافڪس لاء حقيقت جو صرف برائوزر انٽرنيٽ ايڪسپلورر (پراڻن 8 ۽ هيٺيان) ۽ Android جي ڪجهه پراڻن ورزن جا پراڻا نسخو آهن. سڀني کي، برائوزنگ آبادي جي هڪ تمام ننڍو سيڪڙو اڃا تائين انهن برائوزرن کي استعمال ڪندو آهي، ۽ اهو تعداد تڪڙي جاري آهي. ان جو مطلب اهو آهي ته SVG اڄ ويب سائيٽن تي سهولتن کي استعمال ڪري سگهجي ٿو.
جيڪڏهن توهان SVG لاء فريب فراهم ڪرڻ چاهيو ٿا، توهان فلور گروپ مان Grumpicon جهڙو هڪ اوزار استعمال ڪري سگهو ٿا. اهو ذريعو توهان جي SVG تصويري فائلن کي وٺي ويندي ۽ پراڻن برائوزرن لاء PNG فليڪٽس ٺاهي سگهندا.
1/27/17 تي Jeremy Girard پاران ڏنل