Blog

Cursuri online de creare site web

Testează programul nostru pentru creare site web și obține acces la cursul online gratuit. La înregistrare îți vom expedia un mesaj e-mail cu un click către înregistrare la cursul online. La acel curs vei afla cum poți crea un site web gratis, singur și fără cunoștințe de programare.

Testează gratuit

Formatul SVG, sau imagini vectoriale într-un site web

Imaginile responsive, sau ajustarea website-ului pentru mărimea și rezoluția ecranului, oferă utilizatorilor o experiență optimă.

Oamenii se așteaptă ca ei să navigheze ușor pe site-ul nostru folosind un smartphone sau computer, iar pentru asta noi vom fi nevoiți să le oferim elemente și grafică de cea mai înaltă calitate.

O fotografie pe care am selectat-o poate părea bună la început, dar atunci când utilizatorii vor încerca să o mărească, s-ar putea să se confrunte cu o problemă de claritate.

Formatul grafic SVG vine în ajutorul nostru în cazul acestui element și în ciuda specificațiilor W3C din 2001, nu s-a bucurat de publicitatea pe care o merita.

În momentul în care selectăm fotografiile pentru site-ul nostru, avem două tipuri de imagini din care să putem alege: grafică vectorială și raster (de obicei o fotografie care are o rezoluție fixă și formată din pixeli).

După o mărire a imaginii, aceasta își pierde din calitate și devine ”pixelată”. O imagine vectorială, în schimb, este creată folosind puncte, forme și linii, iar extinderea acesteia nu implică pierderi de calitate.

De asemenea, imaginile din vectori au un număr limitat de detalii pe care le pot conține, motiv pentru care funcționează cel mai bine ca elemente tipografice, logo-uri, icoane sau ilustrații. Formatul SVG începe, în acest fel, să joace un rol din ce în ce mai important în proiectarea site-urilor web.

SVG (Grafică Vectorială Scalabilă)

Fișierul SVG este un format grafic simplu, bazat pe XML, care utilizează trei tipuri de obiecte pentru a descrie grafica: imagini, text și vectori (linii, căi, cadre, cercuri sau poligoane).

Orice program care recunoaște un format XML, precum browserul web, poate afișa o imagine utilizând imformațiile conținute în fișierul SVG. Formatul descris în limbajul grafic textual se aplică numai graficelor bidimensionale, dar poate să mai susțină și interactivitatea, animația și scripturile.

 

Avantajele extensiei SVG

Scalabilitate. Prima și cea mai importantă caracteristică este faptul că nu este limitată de dimensiune sau rezoluție. Fișierele SVG păstrează aceeași calitate și focalizare indiferent de dimensiunea ecranului pe care sunt afișate, ceea ce înseamnă că aceasta va apărea întotdeauna, indiferent de situație, clară.

Dimensiuni mici de grafică. Imaginile raster nu sunt la fel ca vectorii. Putem oricând reduce graficul, ceea ce nu va afecta calitatea acestuia, dar același lucru nu va funcționa și în cazul creșterii. În cazul fișierelor SVG, greutatea acestora va rămâne întotdeauna neschimbată, indiferent de dimensiunile graficului, pentru că mărimea acestora crește în funcție de numărul de detalii conținute, precum straturi, gradienți, animații sau efecte. Tocmai din acest motiv, un fișier SVG este ideal pentru logo-uri, fonturi sau diagrame.

Alătură-te celor 120 de mii de utilizatori, care creează site web gratis și fără cunoștințe de programare.

Programul pentru creare site-uri, WebWave, permite crearea paginilor web  în plină libertate. Poți începe procesul de creare site web de la o pagină curată sau folosește un șablon.

CREEAZĂ SITE-UL PROPRIU GRATUIT

Viteza de încărcare. Având în vedere dimensiunea redusă a fișierelor, ceea ce implicit înseamnă și viteză de încărcare a paginilor, SVG poate fi extrem de eficientă atunci când îl adăugăm direct în codul HTML. Pe baza acestuia, browserul ”desenează” graficul fără a fi nevoie de o descărcare. Asta înseamnă că încorporarea SVG în codul HTML, acțiune numită și ”SVG inline”, va elimina cererea HTTP de a încărca grafica.

Pentru a afla a multe metode de îmbunătățire a vitezei de încărcare a site-ului, vezi acest articol.

SEO. Imaginile normale nu au conținut pentru indexare decât dacă le vom adăuga atributele alt și titlul. În schimb, imaginile SVG sunt definite în fișierele XML, astfel încât să putem pune cu ușurință cuvinte cheie și descrieri care vor fi recunoscute și indexate de păianjenii motorului de căutare.

Animații. Fișierele SVG pot fi stilizate și animate, inclusiv folosind CSS sau JavaScript. Efectele precum transformarea sau tranziția, pe care le folosim în elementele HTML, pot fi, de asemenea, utilizate într-un fișier SVG. Sigur că, pentru asta, veți avea nevoie de cunoștințe adecvare despre codificare, dar posibilităție sunt enorme.

Editare. Aceste fișiere SVG pot fi editate în programe speciale vectoriale, precum Adobe Illustrator și Xd, Corel Draw sau Sketch.

 

În creatorul WebWave puteți foloși cu ușurință grafice vectoriale SVG și instrucțiuni de folosire. Avem sute de elemente grafice, iar găsirea celui potrivit pentru dumneavoastră nu ar trebui să fie o problemă. Țineți minte că alegerea SVG vă va ajuta să mențineți claritatea și calitatea imaginilor pe fiecare ecran pe care va fi afișat site-ul dumneavoastră.

 

Sumar

Calitatea elementelor afișate pe ecran este un aspect din ce în ce mai căutat, cu adevărat necesar. Tocmai de aceea ar trebui să ne alegem cu grijă grafica pentru site-ul nostru. Deoarece fișierele SVG sunt responsive, animate și complexe, nu ar trebui să existe niciun motiv pentru care noi să evităm să le folosim. Alegerea principală pentru fotografie, probabil că va rămâne în continuare cea bitmap, datorită adâncimii de culoare, dar pentru elemente, precum logo-uri, icoane, fonturi, grafica vectorială este ideală. De precizat ar mai fi și faptul că fișierele SVG sunt susținute de toate browserele moderne, mai puțin de versiunile mai vechi de la Internet Explorer (de la 8 în jos) și Android nu acceptă acest format. Faptul că pot fi mărite sau micșorate extrem de mult și își păstrează calitatea, imaginile SVG sunt o alegere potrivită chiar și pentru cele mai pretențioase dispozitive.

 

Ce părere ai despre această extensie? Folosești fișiere SVG pe site-urile tale?

 

Vezi cât de repede poți crea un site web!

Articole similare pe care trebuie să le citești:

Autor: Cristian Lenga

29/11/2018

Formatul SVG, sau imagini vectoriale într-un site web

 

Logo, WebWave - program pentru crearea site-urilor web

WebWave - program pentru creare site-uri web. Poți începe să creezi pagini web de la zero sau să beneficiezi de unul din șabloane, pe care le poți modifica după propriul plac.

Panoul webmaster

CONTACT

ro@webwave.me
Scrie-ne pe chat.

Acest site a fost creat în totalitate cu ajutorul WebWave - program gratuit pentru creare site web. Această pagină utilizează module Cookie. Află mai multe.

RO

EN

CUNOAȘTE-NE MAI BINE ÎN REȚEA

ÎNCEPE ACUM

PROGRAM

PL

Prețuri

wEBwAVE

Tutoriale

Pentru clienți

WebWave - program pentru creare site web

Începe acum

PANOUL WEBMASTER

LOGIN