Эскертүү Элегантные колдонуунун пайдасы
Эскертүү Элегантные, же SVG, бүгүнкү күндө сайты иштеп чыгууда маанилүү ролду ойнойт. Азыркы желе долбоорлоо ишине SVG колдонуп жок болсо, бул жерде сиз кылып баштоо керек жана эмне үчүн кээ бир себептери, ошондой эле чегинүүлөрдү бул документ колдоого эмес, улуу браузерлер үчүн пайдалана алат.
токтому
SVG ири пайда чечим көз карандысыздыгы. SVG Files ордуна пикселдик негизделген Растр сүрөттөлүштөрдүн багыты сүрөттөр болгондуктан, алар ар кандай сүрөт сапатын жоготпой өлчөмүн өзгөртсө болот. Сиз жооп сайттарды түзүп жатабыз Бул, өзгөчө, пайдалуу , жакшы карап, экран өлчөмү жана аппараттардын бир катар боюнча жакшы иштеген .
SVG Files сиздин жооп сайт өзгөрүшү көлөмү жана жайгашуусу керектөөлөрүн канааттандыруу үчүн өйдө же ылдый масштабдуу жана сапаттуу жол бир кадам бузулган Ошол сүрөттөрдү тынчсызданбай кереги жок болот.
File Size
Растр сүрөттөлүштөрдү пайдалануу менен чакырыктардын бири (JPG, PNG, GIF) боюнча кабыл сайттардын ошол сүрөттөрдүн билэ кээмэйэ болуп саналат. Растр сүрөттөр адамдар эмне багытка жол жарып жок, анткени, алар көрсөтүлө турган турган ири өлчөмдө сиздин пикселдик негизделген сүрөттөрдү жеткирүү керек. Бул ар дайым бир сүрөттөлүш майда кылып жана анын сапатын сактоо мүмкүн эмес, бирок, ошол эле сүрөттөр көп кабыл алуу үчүн туура эмес болуп саналат. натыйжасы көп учурда, алар, алар өмүрлөрүн абдан көп билэни жүктөп алууга аргасыз болуп жаткан деген адамдын экранында, көрүнүп жатат алда канча көп сүрөттөрдү ээ.
SVG бул маселени карайт. Оору сүрөттөр эскертүү болуп саналат, анткени, сиз карабастан, ошол сүрөттөрдүн көрсөтүлүүсүн керек канчалык чоң өтө аз билэ өлчөмдө болушу мүмкүн. Бул түпкүрүндө бир сайттын жалпы аткаруу жана Ылдамдыгы боюнча оң таасирин тийгизет.
CSS Styling
SVG коду да бетине HTML менен түздөн-түз кошо болот. Бул катары белгилүү "киргизилген SVG." Киргизилген SVG колдонуп бир пайдасы сүрөттөр чынында кодду боюнча серепчи тарабынан тартылып жаткан, себеби, сүрөт алып келүү үчүн бир HTTP суранычын үчүн эч кандай зарылдыгы жок экенин көрсөтүп турат. Дагы бир пайдасы киргизилген SVG CSS менен атай турган болуп саналат.
учун SVG институту түсүн өзгөртүү керек? түзөтүү үчүн программага жана экспорттун кандайдыр бир көрүнүштү ачуу жана кайрадан жүктөөгө аракет кылууга муктаж ордуна, сен жөн эле CSS бир нече сап менен SVG билэни өзгөртө аласыз.
Үстүнө мамлекеттердин же бир дизайн муктаждыктары үчүн, силер да, аларды өзгөртүү үчүн SVG арбытууга башка CSS стилдерди пайдалана алышат. Эгер сен да, атүгүл бетине кээ бир кыймыл жана өз ара аракеттенүүнү кошуу ошол сүрөттөрү жандуу болот.
Animations
киргизилген SVG Files CSS менен атай мүмкүн болгондуктан, ошондой эле алар боюнча CSS Animations колдоно аласыз. CSS өзгөртөт, жана өткөн SVG даанасын бир өмүр кошуу үчүн эки жеңил жолдору бар. Сиз алдырып эле беттеги бай Flash сыяктуу окуялар аласыз Жарк колдонуу менен келген зыяны бүгүн интернет.
SVG пайдалануу
SVG, чынында эле, күчтүү, бул сүрөттөр Сиз сайтында колдонуп жаткан ар бир сүрөт түзүлүшү алмаштыра албайсыз. терең түстүү жука талап Сүрөттөр деле JPG же, балким, PNG билэ болушу керек, бирок сүрөтчөлөргө окшогон жөнөкөй сүрөттөр SVG катары өлүм жазасына тартыш үчүн абдан ылайыктуу болуп саналат.
SVG, ошондой эле компания логотип же диаграммалар жана диаграмдар сыяктуу, комплекстүү бир мисалдарды ылайыктуу болушу мүмкүн. Бул макалада келтирилген сүрөттөрдү бардык CSS менен атай турган жөндөмдүү, эскертүү пайда алып келет, жана башка артыкчылыктары.
Улгайган Серепчилер колдоо
SVG азыркы колдоо заманбап желе браузерлерде абдан жакшы болот. Бул сүрөттөрдү гана браузерлер чындыгында колдоого муктаж улгайган Internet Explorer боюнча (Version 8 ылдый жактан жана бул) котормолорунда жана Android улгайган нускалары аз болуп саналат. Бардыгы, карап чыгуу калктын аз пайызы ушул эле браузерлерге колдонот, ал эми саны азайып жатат. Бул SVG бүгүн интернет сулуу коопсуз пайдаланылышы мүмкүн дегенди билдирет.
Сиз SVG үчүн чегинүү берүү үчүн келсе, анда сиз Ысытуу тобунун Grumpicon сыяктуу куралды колдоно аласыз. Бул ресурс SVG сүрөтү материалдары жана улгайган браузерлер учун PNG чегинүүлөрдү түзөт.
Jeremy Джирард тарабынан 1/27/17 күнү өзгөртүлдү