Cum se face o pictogramă favicon modernă pentru un site

Cum se face o pictogramă favicon modernă pentru un site

Mai întâi trebuie să decideți asupra pictogramei. Cum va fi? Trebuie să veniți cu un simbol care să fie asociat cu subiectul site-ului sau să utilizați logo-ul dvs. (sau o parte a acestuia), dacă există.







Apoi, există mai multe moduri - de a desena, de a ordona sau de a descărca (și ușor schimba). Vom merge în mod simplu ...

Căutați icoane pe Internet

Există multe site-uri pe care puteți descărca icoane și alte grafice cu o licență gratuită pentru utilizare.

Vă recomandăm să utilizați icoane monocrome (cu o singură culoare).

Mai multe site-uri pentru a ajuta:

game-icons.net - În general, icoane pe tema jocului, dar puteți alege și ceva pentru blog. Nu există căutare pe site, este necesar să căutați manual. Căutare după cuvinte cheie. Site în engleză.

iconsdb.com - Site-ul are aproape 4000 de icoane unicat. Există o căutare. În limba engleză.

Alegeți o pictogramă cu o dimensiune de cel puțin 70 cu 70 de pixeli, iar pentru un rezultat mai bun, cel puțin 256 de 256.

Crearea unei pictograme (editare)

Cum se face o pictogramă favicon modernă pentru un site

Cum se face o pictogramă favicon modernă pentru un site

După aceasta, veți vedea următoarele:

Cum se face o pictogramă favicon modernă pentru un site
Cum se face o pictogramă favicon modernă pentru un site

În primul bloc - setări pentru dispozitive pe iOS (pentru tehnologia Apple).

Implicit, sistemul iOS umple fundalul transparent cu culoarea neagră. Puteți schimba culoarea de umplere prin comutarea la "Adăugați un solid, ..." și alegeți o culoare.

Puțin mai mic, puteți regla dimensiunea pictogramei în sine.

În fila "Imagine dedicată", puteți să o înlocuiți cu alta.

În cel de-al doilea bloc - setări pentru dispozitive pe Android.

"Nici o schimbare, ..." - lăsați neschimbată (lăsați un fundal transparent).

"Adăugați un fond solid, simplu ..." - adăugați un fundal. Mai jos, puteți alege culoarea și ajustați dimensiunea.







"Aplicați o umbră ușoară de picătură, ..." - Sunt folosite umbre mici, similare cu cele pe care le au aplicațiile Google.

"Culoare temă" - puteți seta culoarea barei de activități în Androyd.

În fila "Opțiuni", puteți configura o comandă rapidă care va fi pe desktop (Android).

Cum se face o pictogramă favicon modernă pentru un site

Browser (Browser). În acest mod, când utilizatorul face clic pe link, Android Chrome se comportă ca și când pagina ar fi deschisă ca un site normal.

Nu este specificat. Android Chrome se va comporta așa cum procedează în mod obișnuit atunci când utilizatorul își întoarce dispozitivul.

Forțați orientarea ecranului la Portret. - Activați afișarea ca pe un ecran vertical.

Forțați orientarea ecranului la Peisaj. - Afișarea forțată ca pe un ecran orizontal.

În fila "Imagine dedicată", puteți să o înlocuiți cu alta.

În al treilea bloc - setări pentru dispozitivele de pe Mac OS și Windows 8, 10.

În Safari 9 pentru Mac OS X El Capitan a implementat filele fixate. Această funcție utilizează o pictogramă specială. Această pictogramă trebuie să fie monocromă, iar Safari va face restul.

Utilizați o siluetă a imaginii originale. Funcționează bine cu imaginile. - Utilizați silueta imaginii originale. Funcționează bine cu imagini cu zone transparente.

Transformați fotografia într-o pictogramă monocromă. Jucați cu pragul pentru a obține cel mai bun rezultat. - Transformați fotografia într-o pictogramă monocromă. Pentru o calitate mai bună, deplasați glisorul spre dreapta, până la capăt.

Nicio pictogramă. Safari utilizează prima literă a numelui dvs. de domeniu pentru a crea o pictogramă implicită. - Nici o pictogramă. Safari utilizează prima literă a numelui dvs. de domeniu pentru a crea pictograma implicită.

Culoarea temei - puteți seta culoarea temei.

În fișierele "Windows 8 și 10" pentru versiunile corespunzătoare Windows.

Utilizatorii de Windows 8 pot conecta site-ul la desktop-ul lor. Site-ul dvs. este afișat ca o țiglă, la fel ca o aplicație nativă pentru Windows 8.

Cum se face o pictogramă favicon modernă pentru un site

Aici puteți vedea cum va arăta aproximativ țigla cu pictograma dvs.

Utilizați faviconul original așa cum este - Utilizați pictograma originală.

Utilizați o siluetă albă a faviconului. Funcționează bine cu imaginile. - Folosește o siluetă albă. Funcționează bine cu imagini cu fundal transparent. Vă recomandăm să utilizați această opțiune.

În al patrulea bloc - setările generatorului

Prima filă este Calea - Calea

Voi plasa fișiere favicon ... - Plasarea fișierelor în rădăcina site-ului.

A doua opțiune este plasarea fișierelor într-un alt director. În câmp, puteți specifica calea completă la directorul dorit. Vă recomandăm să utilizați această opțiune și să creați un director, cum ar fi favicon. deoarece vor exista 30 de fișiere pentru favicon.

A doua fila este Versiunea / Reîmprospătarea

Aici puteți alege metoda de comprimare a imaginii.

Algoritmul Scalare

Aici trebuie să alegeți un algoritm de scară pentru dimensiunea pictogramei de 16 cu 16 pixeli. Alegeți cel în care pictograma arată cel mai bine (de obicei cu mai mulți pixeli).

Totul este destul de simplu!

Cum se face o pictogramă favicon modernă pentru un site

Pasul 1. Descărcați arhiva făcând clic pe butonul pachetului Favicon.

Pasul 2. Despachetați arhiva în rădăcina site-ului sau în directorul specificat în setări (în fila Path).

Pasul 3. Copiați și inserați codul specificat între și .

Pasul 4. Opțional. Puteți verifica pictograma făcând clic pe link-ul de verificare favicon.

Dacă nu este afișat, ștergeți site-ul și cache-ul browserului.

Asta e tot! Nu este foarte dificil, dar fascinant.







Articole similare

Trimiteți-le prietenilor: