Kur krijon një faqe interneti, projektuesi i uebit duhet të ketë parasysh katër pika kryesore duke menduar për paraqitjen dhe dizajnin vizual të ueb-it, teksti, imazhet, ngjyrat dhe fontet punonjësit.
Nga këto katër pika, ajo që do t'i kushtojmë më shumë rëndësi në këtë postim janë imazhet, pasi do të flasim për si të krijoni skedarë svg pasi është shumë e rëndësishme të merret parasysh cilësia e imazheve me të cilat punoni.
Trajtime me skedarë SVG, është rritur nga profesionistët dhe jo aq profesionistë në botën e dizajnit.
Çfarë është një skedar SVG?
SVG është shkurtesa në anglisht për Scalabe Vector Graphics, në spanjisht, Scalable Vector Graphics. Bëhet fjalë për një format i hapur dhe i lirë me të cilat krijohen grafika 2D, dy dimensione.
Ndryshe nga formatet e tjera të imazhit, të tilla si JPG ose PNG, SVG është një format i shkallëzuar, sado që dëshironi të rrisni madhësinë e tij, pasi cilësia e imazhit do të ruhet. Është një nga formatet më të përdorura në faqet e internetit për të vendosur imazhe grafike ose vektoriale.
Pse duhet të përdorim SVG?
Me këtë lloj formati, imazhet vektoriale do të ruajnë cilësi të lartë, pavarësisht nga madhësia dhe rezolucioni i tyre. Përkundrazi, imazhet e përbëra nga bitmap, të përbëra nga pikselë, humbasin cilësinë nëse ndryshohen përmasat. Formati SVG përcaktohet nga lehtësia dhe shkathtësia e tij.
Një pikë tjetër në favor të përdorimit të këtij formati është madhësia e tij e vogël, domethënë falë kësaj rrit shpejtësinë e ngarkimit të faqeve ku ndodhen. Këto imazhe janë ndërtuar nga shfletuesi, gjë që ndihmon në uljen e ngarkesës dhe konsumit në server.
Përveç kësaj, ata mund krijoni imazhe të animuara SVG me të cilat t'i japim faqes sonë të afërt dhe të tërheqim vëmendjen e shikuesve që e vizitojnë atë.
SVG është një format i hapur, d.m.th. mund të pësojë përmirësime dhe përditësime. Përveç kësaj, skedarët SVG mund të redaktohen me programe të redaktimit të vektorit, për shembull Adobe Illustartor pa humbur cilësinë në ekranin e tij, ai mund të shikohet në çdo pajisje. Gjithashtu na lejon ta printojmë pa humbur cilësinë.
Si të krijoni me lehtësi skedarë SVG
Ndoshta mënyra më e lehtë për të krijuar skedarë SVG, nëse jeni të njohur me to, është përmes një programi të dizajnit grafik, si Illustrator, Corel Draw, ndër të tjera.
Duke u ndalur te programi Illustrator, kur do të përdorim formatin SVG, duhet të kemi parasysh nëse kemi përdorur gradientë apo efekte të tjera, si efekti artistik, blur, brusha, piksel etj. pasi ato janë rasterizuar kur ruhen në formatin e skedarit SVG. Rekomandohet përdorimi i efekteve të filtrit SVG, për të shtuar efekte në mënyrë që ato të mos mund të rasterizohen më vonë.
Një tjetër këshillë që ju japim është ta përdorni simbole dhe shtigje të thjeshta në ilustrime për performancë më të mirë të formatit të përmendur. Shmangni përdorimin e furçave me shumë gjurmime pasi kjo gjeneron një ngarkesë më të lartë të dhënash.
Për të krijuar një skedar SVG në këtë program, Gjëja e parë që duhet të kemi hapur është një kanavacë bosh ku do të punojmë mbi idenë tonë.
Pasi të përfundojë puna jonë, ajo që do të bëjmë është të shkojmë në shiritin e veglave që shfaqet sipër programit dhe do të zgjedhim opsionin e skedar, ruaj si dhe do të shfaqet një ekran pop-up ku na thotë t'i japim një emër skedarit tonë dhe tregoni formatin në të cilin duam ta ruajmë. Është në këtë seksion të fundit ku duhet të shënojmë opsionin SVG.
Kur zgjidhni llojin SVG, shfaqet një kuti dialogu që na tregon opsione të ndryshme që duhet të merren parasysh.
Si rregull i përgjithshëm, në fushën e parë që shfaqet në tabelë, shfaqet profili SVG 1.1. Në vijim na jep mundësinë të zgjedhim burimet, në të cilat na japin parazgjedhur për tekstin e shënuar në SVG dhe nëngrupin si asnjë. Në rastin tonë, kjo punë nuk ka fonte, nëse do të kishte, opsioni i nënbashkësive do të duhej të ndryshonte nga asnjë në të gjitha piktogramet.
Seksioni i mëposhtëm është shumë i rëndësishëm, nëse theksojmë opsionin embed, imazhet e përbërjes do të inkorporohen në skedar, gjë që do të bëjë që ajo të fitojë peshë nëse përdorim shumë imazhe bitmap. Nëse, nga ana tjetër, shënojmë opsionin e lidhjes, duhet të jemi të kujdesshëm me imazhet nëse do t'i përdorim në një faqe interneti, pasi duhet të përfshijmë skedarët e imazheve tona dhe gjithashtu, shumë e rëndësishme, të ruajmë ato. rrugë. Avantazhi i këtij opsioni është se skedarët do të peshojnë shumë më pak.
Në seksionin e opsioneve të avancuara gjejmë opsionin për të Kodi SVG, ky opsion do të tregojë se si skedari është brenda, domethënë kodi pas punës sonë. Ky opsion është thelbësor nëse dëshironi të shtoni skedarin tuaj SVG, për shembull në WordPress-in tuaj personal, thjesht duhet të kopjoni kodin dhe ta shtoni direkt në redaktorin tuaj HTML të WordPress.
Këshilla e fundit që ju japim është që kur ruani në formatin SVG, kini parasysh se nëse jeni duke punuar me tabela të ndryshme artistike, do të mbahet vetëm tabela aktive e artit.
Nëse duam të shkojmë më tej dhe të aplikojmë efekte SVG në ilustrimin tonë, Illustrator na ofron një grup efektesh. Për ta bërë këtë, do të duhet të zgjedhim një objekt ose grup. Për të aplikuar një efekt duhet të zgjedhim dritaren e efekteve, filtrat SVG dhe ta zbatojmë atë.
Kur aplikoni një filtër SVG, programi i projektimit na tregon një dritare ku Shfaqet një listë e filtrave që mund të aplikohen., sapo të zgjedhim një, Illustrator na tregon se si duket, por në një version të rasterizuar.
Siç e keni parë, Formati SVG ka qenë një revolucion. Falë potencialit dhe cilësisë së tij që ofron, i bën faqet e internetit që ne i gjejmë shumë më tërheqëse pa sakrifikuar performancën, për sa kohë që ato përdorin saktë formatin e përmendur. SVG është bërë bashkimi i përsosur midis botës së dizajnit dhe zhvillimit të uebit.