Cum sa faceti un favicon cu ajutorul programului Gimp!



    Salut, in acest tutorial este prezentat modul prin care puteti realiza un favicon pentru wesite. Pentru ca nu toata lumea isi permite un program cu licenta, pentru editare imagini, am folosit Gimp, un program gratuit, open sorce si foarte bun, faviconul are de obicei rezolutie mica, 16x16 pixeli sau 32x32 pixeli, dar pentru telefoane, tablete rezolutia este mai mare, eu am prezentat un favicon pentru un calculator obisnuit, acesta este un simbol pentru pagina, majoritatea website-urilor folosesc, am folosit aceiasi metoda folosita si in pixelart, lucrand pixel cu pixel putem da orce forma dorim, putem crea forma logo-ului sau orce alceva reprezentativ. Gimp in ciuda faptului ca este gratuit, poate sa faca minuni, am folosit optiune show grid, aceasta imparte fiecare pixel si astfel putem realiza ceia ce dorim, pencil tool este diferit fata de brush, nu are acel gradient, are aceiasi culoare pe toata suprafata sa. In tutorial am tinut cont de lumina, de aceia am ale o culoare inchisa mai spre spatele obiectului si mai deschisa in partea de sus si cea din fata, astfel putem destinge forma pe care vrem sa o desenam. Am salvat imaginea in format ico, majoritatea browserelor merg cu acest format, am fi putut sa folosim gif, in acest format putem face animatii sau png o calitate mai buna a imaginilor. Am creat o fisier html, apoi am scris codul de mai jos, pentru a functiona totul corect trebuie sa adaugam corect sursa imagini, altfel nu o sa apara nimic in browser. Daca nu stiti html, este foarte simplu, acesta incepe cu tagurile html, acesta are 2 parti importane, partea care se vede in continutul pagini cuprinsa intre tagurile body si partea care tine mai mult de configurare stilului, SEO (search optimization engine) optimizare pentru motoarele de cautare, diferite scripturi titlu siteului si desigur tagul cu faviconul, acestea sunt cuprine in intre tagurile head. Foarte important este si browserul, acestea acepta sau nu diferite scripturi, fisiere, este practic o mare batalie intre browsere, chrome firefox si opera, bataie de cap le da html 5, acesta se dezvolta, si nu de multe ori avem solutii doar pentru cateva browsere. Noi trebuie sa fim in pas cu timpu si sa adaptam pagina pentru cat mai multe deviceurile.

Codul pagini:

	<html>
		 <head> 
		 	<link href="favicon.ico" rel="icon" type="x-icon" /> 
		 </head> 
		 <body>
		 </body> 
	</html>






Ultimele postari