Kurdamas svetainę, interneto dizaineris turi atsižvelgti į tai keturi pagrindiniai punktai galvodami apie interneto išdėstymą ir vizualinį dizainą, tekstas, vaizdai, spalvos ir šriftai darbuotojų.
Iš šių keturių punktų šiame įraše didžiausią reikšmę skirsime vaizdai, nes kalbėsime apie kaip sukurti svg failus nes labai svarbu atsižvelgti į vaizdų, su kuriais dirbate, kokybę.
Gydymas SVG failais, padaugėjo profesionalų ir ne tokie profesionalai dizaino pasaulyje.
Kas yra SVG failas?
SVG yra „Scalabe Vector Graphics“ santrumpa anglų kalba, ispaniškai „Scalabe Vector Graphics“. Tai apie a atviras ir nemokamas formatas su kuria galima kurti 2D grafiką, dviejų matmenų.
Skirtingai nuo kitų vaizdo formatų, tokių kaip JPG arba PNG, SVG yra keičiamo dydžio formatas, nesvarbu, kiek norite padidinti jo dydį, nes vaizdo kokybė bus išlaikyta. Tai vienas iš dažniausiai naudojamų formatų tinklalapiuose grafiniams ar vektoriniams vaizdams talpinti.
Kodėl turėtume naudoti SVG?
Naudojant šį formatą, vektoriniai vaizdai išliks aukšta, nepaisant jų dydžio ir skiriamosios gebos. Priešingai, vaizdai, sudaryti iš bitmaps, sudaryti iš pikselių, praranda kokybę, jei keičiamas jų dydis. SVG formatą apibūdina jo lengvumas ir universalumas.
Kitas šio formato naudojimo aspektas yra jo mažas dydis, tai yra dėl to padidina puslapių, kuriuose jie yra, įkėlimo greitį. Šiuos vaizdus kuria naršyklė, o tai padeda sumažinti serverio apkrovą ir suvartojimą.
Be to, jie gali sukurti animuotus SVG vaizdus su kuria mūsų svetainei suteiksime artumo ir atkreiptume joje apsilankančių žiūrovų dėmesį.
SVG yra atviras formatas, ty gali būti tobulinami ir atnaujinami. Be to, SVG failus galima redaguoti vektorinio redagavimo programomis, pavyzdžiui, Adobe Illustartor neprarandant jo ekrano kokybės, jį galima peržiūrėti bet kuriame įrenginyje. Tai taip pat leidžia spausdinti neprarandant kokybės.
Kaip lengvai sukurti SVG failus
Galbūt lengviausias būdas sukurti SVG failus, jei esate su jais susipažinęs, yra naudojant grafinio dizaino programas, tokias kaip Illustrator, Corel Draw ir kt.
Dėmesys „Illustrator“ programai, kai ketiname naudoti SVG formatą, turime atsižvelgti į tai, ar naudojome gradientus ar kitus efektus, tokius kaip meninis efektas, suliejimas, teptukai, pikseliai ir kt. nes jie yra rastruojami, kai įrašomi SVG failo formatu. Rekomenduojama naudoti SVG filtrų efektus, pridėti efektus, kad vėliau nebūtų galima jų rastruoti.
Kitas patarimas, kurį jums duodame, yra naudoti paprasti simboliai ir keliai iliustracijose geresniam veikimui minėto formato. Venkite naudoti šepetėlius su daug pėdsakų, nes tai padidina duomenų apkrovą.
Norėdami sukurti SVG failą šioje programoje, Pirmas dalykas, kurį turime atidaryti, yra tuščia drobė, kurioje dirbsime ties savo idėja.
Baigę darbą, eisime į įrankių juostą, kuri rodoma virš programos, ir pasirinksime parinktį failą, išsaugokite kaip ir pasirodys iššokantis langas, kuriame bus nurodyta suteikti failui pavadinimą ir nurodykite formatą, kuriuo norime jį išsaugoti. Šiame paskutiniame skyriuje turime pažymėti SVG parinktį.
Pasirinkus SVG tipą, pasirodo dialogo langas, kuriame rodomos įvairios parinktys, į kurias reikia atsižvelgti.
Paprastai pirmame lentelės lauke rodomas SVG 1.1 profilis. Toliau tai suteikia mums galimybę pasirinkti šaltinius, kuriuose jie mums pateikia pagal numatytuosius nustatymus tekstas pažymėtas SVG formatu ir pogrupis kaip nėra. Mūsų atveju šis darbas neturi šriftų, jei būtų, pogrupių parinktį tektų pakeisti iš none į visas piktogramas.
Kitas skyrius yra labai svarbus, jei atkreipsime dėmesį į įterpti, kompozicijos vaizdai bus įtraukti į failą, dėl ko jis priaugs svorio, jei naudosime daug bitmap vaizdų. Kita vertus, jei pažymime nuorodos parinktį, turime būti atsargūs su vaizdais, jei ketiname juos naudoti svetainėje, nes turime įtraukti savo vaizdų failus, o taip pat, labai svarbu, prižiūrėti juos. kelias. Šios parinkties pranašumas yra tas, kad failai svers daug mažiau.
Išplėstinių parinkčių skiltyje randame parinktį SVG kodas, ši parinktis parodys, kaip failas yra viduje, tai yra mūsų darbo kodas. Ši parinktis yra būtina, jei norite pridėti SVG failą, pavyzdžiui, prie savo asmeninio „WordPress“, tereikia nukopijuoti kodą ir pridėti jį tiesiai į „WordPress“ HTML rengyklę.
Paskutinis patarimas, kurį duodame, yra tai, kad išsaugodami SVG formatu, atminkite, kad jei dirbate su skirtingomis piešinių lentomis, bus išsaugota tik aktyvi piešinių lenta.
Jei norime eiti toliau ir savo iliustracijai pritaikyti SVG efektus, „Illustrator“ siūlo mums efektų rinkinį. Norėdami tai padaryti, turėsime pasirinkti objektą ar grupę. Norėdami pritaikyti efektą, turime pasirinkti efektų langą, SVG filtrus ir juos pritaikyti.
Taikant SVG filtrą, projektavimo programa parodo mums langą, kuriame Pasirodo filtrų, kuriuos galima pritaikyti, sąrašas., kai pasirenkame vieną, „Illustrator“ parodo, kaip jis atrodo, bet rastrinėje versijoje.
Kaip matėte, SVG formatas buvo revoliucija. Dėl savo potencialo ir kokybės kuriuos jis siūlo, mūsų nuomone, tinklalapiai tampa daug patrauklesni neprarandant našumo, jei jie teisingai naudoja minėtą formatą. SVG tapo tobula dizaino pasaulio ir interneto svetainių kūrimo sąjunga.