تاسو ولې نن ورځ ستاسو په ویب پاڼه کې د SVG کارولو څخه باید کار واخلئ

د سکالبل وړ ویراف ګرافکس کارولو ګټې

د سایټ وړ وړونکي ګرافکس، یا SVG، نن ورځ په ویب پاڼه کې مهم رول لوبوي. که تاسو اوس مهال د خپل ویب ډیزاین کار کې نه SVG کاروئ، دلته ځینې ځینې دلیلونه دي چې تاسو باید دا کار پیل کړئ، او همدا رنګه تاسو د پخوانیو براؤزرونو لپاره کاروئ چې د دې فایلونو مالتړ نه کوي.

پریکړه

د SVG لویه ګټه د حل خپلواکۍ ده. ځکه چې د SVG فایلونه د پکسل-بیس راټیټ انځورونو پرځای د ویکٹر ګراف دي، دوی د عکس کیفیت له لاسه ورکولو پرته بیا کیدی شي کیدی شي. دا په ځانګړې توګه مرسته کوونکی دی کله چې تاسو د ځواب ویونکو ویب پاڼو جوړولو ته اړتیا لرئ چې د سکرین اسباب او وسیلو په پراخو لړۍ کې ښه او غوره کار کولو ته اړتیا لري.

د SVG فایلونه پورته کیدی شي یا ښکته شي چې ستاسو د ځواب ورکوونکي ویب پاڼې بدلون بدلولو او ترتیباتو اړتیاوې پوره کړئ او تاسو د هغو ګرافونو په اړه اندیښنه نلرئ چې د موافقې کیفیت د الرې هر ګام لري.

د فایل اندازه

په ځواب ورکوونکو ویب پاڼو کې د راستر انځورونو (JPG، PNG، GIF) کارولو سره یو له ننګونو څخه د دغو عکسونو فایل اندازه ده. ځکه چې د راسټر انځورونه هغه لارې اندازه نه کوي چې ویټور یې کوي، تاسو اړتیا لرئ چې خپل پکسل - انځور انځورونه تر ټولو لوی اندازې وړاندې کړئ کوم چې دوی به وښودل شي. دا ځکه چې تاسو کولی شئ یو انځور کوچنی کړئ او د هغې کیفیت وساتئ، مګر دا د انځورونو لوی کولو لپاره ریښتیا ندي. د پایلې پایله دا ده چې تاسو ډیری انځورونه لرئ چې د دوی په پرتله په لوی سکرین کې ښودل کیږي، دا پدې مانا ده چې دوی بې وزله دي چې د لوړې فایل فایل ډکولو لپاره مجبور دي.

SVG د دې ننګونې نښه کوي. ځکه چې د ویکٹر ګرافونه د توکیو وړ دي، تاسو کولی شئ د فټ کوچنۍ اندازې لرئ پرته له دې چې دا انځورونه څومره اړتیا لیدل کیدی شي. دا به په پایله کې د یوې سیمې ټولیز فعالیت او د سرعت ډکولو باندې مثبته اغیزه ولري.

سی ایس ایس سټلینګ

د SVG کود کوالی شئ په مستقیمه توګه د یوې پاڼې HTML کې اضافه کړئ. دا د "SVG انلاین" په نوم پیژندل کیږي. د SVG د انډول کولو څخه د ګټې اخیستنې څخه یوه دا ده چې ګرافونه په حقیقت کې ستاسو د کوډ پر اساس د براوزر لخوا چمتو شوي دي، د عکس فایل فایل کولو لپاره د HTTP غوښتنه کولو لپاره اړتیا نشته. بله ګټه دا ده چې انډول SVG کیدای شي د CSS سره ډیزاین شي.

د SVG عکاس رنګ بدلولو ته اړتیا؟ د ځینې بدلیدونکي سافټویر کې د انلاین کولو او اړتیاو پرځای د فایل د فایلولو لپاره اړتیا ته، تاسو کولی شئ په ساده ډول د SVG فایل د څو سیسټمونو CSS سره بدل کړئ.

تاسو کولی شئ د سی ایس جی ګرافونو کې د نورو سی ایس ایس شیلیدونو کارولو لپاره د هور ریاستونو یا د ځانګړو ډیزاین اړتیاوو لپاره بدل کړئ. تاسو کولی شئ آن هغه ګرافونه متحد کړئ چې د پاڼې لپاره ځینې خوځښت او اتصالیت زیاتولو لپاره.

متحرکونه

ځکه چې په انډول کې د SVG فایلونه کیدای شي د CSS سره ډیزاین شي، تاسو کولی شئ په دوی باندې د سی ایس ایس متحرکات هم کاروئ. سی ایس ایس بدلول او لیږدونه د SVG فایلونو لپاره ځینې ژوند اضافولو لپاره دوه اسانه لارې دي. تاسو کولی شئ په یوه پاڼه کې شتمني فال لکه تجربې ترلاسه کړئ پرته له دې چې د فایټسایډونو سره وسوځېږي چې نن ورځ په ویب پاڼو کې کارول کیږي .

د SVG کارول

لکه څنګه چې د SVG په څیر پیاوړې ده، دا ګرافونه نشي کولی د هر بل انځور بڼه بدل کړي چې تاسو په خپل ویب پاڼه کې کاروئ. هغه عکسونه چې د ژور رنګ ژورالی ته اړتیا لري لاهم د JPG یا شاید PNG فایل ته اړتیا لري، مګر ساده انځورونه لکه شبیه په بشپړ ډول د SVG په توګه اعدام کیږي.

SVG د نورو پیچلو انځورونو لپاره هم مناسب وي، لکه د شرکت لوګو یا ګرافونه او چارټونه. ټول ګرافونه به د سکالبل وړ وي، د سی ایس ایس سره ډیزاین شي، او په دې مقالې کې لست شوي نور ګټو څخه ګټه پورته کړي.

د زړو براؤزرونو ملاتړ

د SVG لپاره اوسني ملاتړ په عصري ویب سایټونو کې خورا ښه دی. هغه ګورتونکي چې په رښتیا د دې ګرافونو لپاره ملاتړ نلري د انټرنیټ انټرنیټ پخوانی نسخه (نسخه 8 او لاندې) او د Android لپاره ځینې زاړه نسخه. په ټوله کې، د لټون کولو نفوس ډیره کوچنۍ فیصله لا تر اوسه دا ګورتونکي کاروي، او دا شمیر مخ په زیاتیدو دی. دا پدې مانا ده چې SVG کولی شي نن ورځ په ویب پاڼو کې په خورا خوندي توګه کارول شي.

که تاسو غواړئ چې د SVG لپاره یو ځنډ چمتو کړئ، تاسو کولی شئ د فلامین ګروپ څخه ګروپکان لکه یو وسیله وکاروئ. دا سرچینه به ستاسو د SVG انځور فایلونه واخلي او د پخوانی براؤزرونو لپاره د PNG شاتګ جوړ کړي.

په 1/27/17 باندی جریمی Girard لخوا تصویب شوی