Mes praleidome daug laiko kalbėdami apie tiesioginio ir elemento naudojimą. Galite sukurti piktogramų sistemą, kurioje gausu privalumų.
Galite sukurti SVG piktogramų sistemą, nors ir kitais būdais. Galite išdėstyti tradicinį groteluotą „sprite“ lapą SVG ir atlikti fono padėties spritus, kaip mes darėme su rastriniais vaizdais. Ateityje galėsite naudoti fragmentų identifikatorius, kad net būtų šiek tiek lengviau. Daugiau informacijos apie šiuos dalykus.
Kitas būdas yra įdėti SVG atvaizdo duomenų URI tiesiai į CSS failą. Tokio požiūrio laikosi „Grunticon“.
„Grunticon“ yra „Grunt“ papildinys, skirtas automatizuoti SVG piktogramų sistemą. Tai užima aplanką, pilną SVG, ir apdoroja juos CSS faile. Remiantis SVG vaizdų failų pavadinimais, yra daugybė selektorių, kurie turi background-imageSVG duomenų URI (nors ne „Base64“).
Tokiu būdu tai reiškia, kad gausite SVG mastelio ir failo dydžio privalumus, bet viskas. Vis dėlto dažnai tai yra viskas, ko jums reikia.
Turbūt geriausia „Grunticon“ dalis yra ta, kad ji suteikia jums viską, ko reikia atsilikimams. Tai apima alternatyvų duomenų lentelę, skirtą duomenų URI PNG ir net atskiriems PNG (kuriuos jis sukuria jums). Be to, scenarijus, kurį naudojate savo puslapyje, kad nustatytumėte palaikymą ir įkeltumėte tik atitinkamą stiliaus lapą.
Manau, teisinga sakyti, kad tai palengvina atsilikimus, nei kol kas. Ne todėl, kad tai neįmanoma.
„Grumpicon“ yra naršyklės „Grunticon“ versija, kurią naudojome šioje ekrano kopijoje.
Rašydamas tai, „Grunticon“ kuria būdą, kaip palaipsniui tobulinti įterptąjį įterptąjį SVG, o tai būtų labai šaunu!