Oggi toccheremo un argomento molto interessante. Quando lavori sul tuo sito, prima o più tardi ci sarà bisogno di creare un favicon. In lingua semplice, Favon è l'icona del tuo sito, che viene visualizzata nella scheda Browser. Inoltre, può essere visto nell'area di accesso rapido del browser se il tuo sito è stato aggiunto a "Preferiti".
I siti più popolari di Favon
Penso che non abbia senso dire che Favon deve essere una buona qualità, perché è in qualche modo la faccia del tuo sito. In questo articolo, impareremo a creare confessare alle nostre esigenze del favikon, e anche conoscere il servizio per la loro conversione. Leggi di più.
Video artista:
Cosa dovrebbe fare il favon
Prima di iniziare a creare il favicon stesso, sarebbe bello soffermarti su ciò che dovrebbero essere idealmente. Quindi, la favon perfetta:
- È chiaro e comprensibile
- Fatto di buona qualità
- Trasmette il significato del tuo sito
- Ha uno stilista comune con il tuo sito
- Spicca contro lo sfondo delle icone di altri siti
I parametri sopra riportati possono essere attribuiti alla favon ideale. E abbiamo bisogno di creare solo un'icona del genere per il nostro sito. Tuttavia, ci sono controversie su cosa dovrebbe essere raffigurato esattamente su Favonna. Credo che questo problema debba procedere dallo stilistero generale e dall'argomento del tuo sito. Qualche immagine o testo può essere raffigurata su di esso. Nel caso del collocamento sul testo di Favonoe, dovrebbe essere costituito da non più di 2 lettere. Altrimenti, nessuno può smontare tale testo, perché le dimensioni del favicon costituiscono principalmente 16 * 16 pixel.
Quali dimensioni ci sono icone del sito web
Come sai, ora ci sono una grande varietà di browser, monitor e dispositivi. E i loro requisiti per le dimensioni di Favonov differiscono. Ci sono le seguenti dimensioni che seguono:
- 16 * 16PX - Dimensioni favoni standard Adatto per la maggior parte dei browser e dei dispositivi
- 32 * 32px - usato in alcuni casi Internet Explorer. e Safari.
- 57 * 57px - usato quando si visualizza su i phone.
- 72 * 72px - usato quando si visualizza su iPad.
- 114 * 114PX - Utilizzato durante la visualizzazione su Retina Visualizza (57 * 2 \u003d 114)
- 144 * 144PX - Utilizzato quando si visualizzano su Retina display iPad. (72*2=144)
Quale formato dovrebbe fare il favon
In precedenza, i browser percepiscono Favonos solo in formato "ICO". Ora hanno imparato a capire altri formati, incluso "PNG". Nel nostro caso, uccideremo 2 lepri con un colpo. Per prima cosa creeremo Favon in formato "PNG"e quindi convertirlo in "ICO".
Diversi modi per creare Favonov
Oggi ci sono due modi principali per creare Favonov:
- Attraverso servizi online speciali
- Creare te stesso attraverso programmi speciali come Photoshop e Adobe Illustrator
Ogni metodo ha le sue caratteristiche. Il vantaggio di creare un favon attraverso servizi online è che non è necessario avere alcune abilità speciali per questo. Semplicemente caricare l'immagine desiderata, lo hai finalizzato e scarica la favon finita. O funziona solo con il testo e disegna un'icona dello strumento di servizio online. In generale, il maggior numero di questo metodo è la semplicità. Tuttavia, il lato opposto della medaglia risiede nel fatto che la qualità di tali icone per i siti lascia molto da desiderare. Favon unico che non si riceve per la semplice ragione che la Galleria di servizio online non è illimitata. E quando si utilizzano le tue immagini, con l'aiuto degli strumenti di servizio, non è così facile creare un prodotto di qualità. In caso di disegno un'icona manuale attraverso gli strumenti di servizio online, è ottenuto "qualcosa di inimmaginabile".
Pertanto, scegliamo la seconda soluzione più complicata ma riuscita. Per creare un favon, utilizzeremo il programma Photoshop.. Se non hai esperienza con questo programma, allora nulla di terribile. Seguendo le mie istruzioni, puoi facilmente gestire l'attività.
Crea Favon.
Come ho detto, FAVON può essere creato usando un'immagine o semplicemente lettere. Nel nostro caso, userò qualche immagine. Ad esempio, immaginiamo che abbiamo un sito web del tema automobilistico. Di conseguenza, dobbiamo trovare un'immagine dall'area della macchina. Suggerisco di rendere l'icona del nostro sito come ruota.
Selezioniamo un'immagine
Puoi prendere le immagini da qualsiasi luogo. Ad esempio, attraverso lo stesso immagini di yandex.. La condizione principale deve essere semplice, senza ombre e volumi. Ciò è dovuto al fatto che quando diminuisce per le taglie in 16 pixel, non avrà grandi dettagli. A causa di volumi e ombre inutili, l'immagine può essere spalmata.
Trovo un'immagine adatta usando una ricerca. googlesu richiesta "ruota". Resta solo per salvarlo facendo clic con il tasto destro del mouse e selezionando la funzione "Salva immagine come".
Immagine adatta nelle immagini di Google Quindi, apriamo questa immagine con Photoshop.. È molto importante che il favon sia con uno sfondo trasparente. Nel nostro caso, non lo è. Per rimuovere lo sfondo posteriore, usiamo lo strumento "Magic Wand". L'essenza del suo lavoro è molto semplice. Con questo strumento, siamo in grado di assegnare aree sull'immagine dello stesso colore. Poiché lo sfondo della nostra immagine si contrasta chiaramente con la ruota stessa, sarà molto facile farlo. Cliccando dopo aver evidenziato un'area monocromatica. Premendo un tasto tastiera Ctrl + Elimina. Eliminiamo questa zona.
Rimuovi lo sfondo della nostra ruota Lo facciamo con tutte le parti dello sfondo dell'immagine. Quindi, nella nostra foto, la ruota è su uno sfondo trasparente, che è stato richiesto. Quindi, il billet per l'icona del nostro sito è pronto.
Crea un favon in 2 diverse dimensioni
Suggerisco di fare 2 film con dimensioni di 64px e 16px. Innanzitutto, dobbiamo creare un'icona più grande (64px). Per fare questo, premiamo la combinazione di tasti Ctrl + N.. Nella finestra che appare, scegliamo l'altezza e la larghezza dell'immagine in 64px.
Imposta le dimensioni del futuro Favicon Successivamente, abbiamo bisogno di trasferire la nostra ruota verso l'area di appena creata immagine. Per fare ciò, torniamo all'immagine con la ruota e scegliamo lo strumento "Sposta". Il prossimo passo che facciamo clic sull'immagine della ruota e con il tasto sinistro del mouse, lo spostiamo nell'area della nuova immagine. Assicurarsi che quando si spostasse, uno strato con una ruota è isolato. Altrimenti, il trasferimento non avrà successo.
Portiamo la ruota a una nuova immagine Dopo aver spostato la ruota in una nuova immagine, vediamo che non sono adatti per dimensioni. Dobbiamo ridurre la ruota a 64 dimensioni PX. Per fare questo, blocchiamo la chiave Cambio.e facendo clic sul punto diagonale dell'immagine che lo riduriamo. Quindi abbiamo creato il primo Favy per il nostro sito. Ti ricordo che è 64 * 64 px. Ora dobbiamo salvarlo scegliendo la funzione "Salva per Web" nella scheda "File". Scegliamo il formato. PNG-24. e cartella immagini. Favon stesso chiama anche, solo lettere latine - "Favicon".
Mantieni il favon. Eccellente. Ora dobbiamo creare una favone di dimensioni più piccole. Per fare ciò, clicziamo sulla scheda "Immagine" e selezioniamo la funzione "Dimensione immagine". Qui impostiamo la larghezza e l'altezza in 16px. Ora dobbiamo salvare questa immagine per il web. Può essere chiamato "Favicon-2".
Quindi, qui abbiamo creato 2 favics per il nostro sito in formato "PNG". Abbiamo creato un'opzione con una dimensione di 64px per ridurlo facilmente alle taglie in 16px. Se si crea per la prima volta un'opzione da 16px, allora non funzionerà fino a 64px senza perdita di qualità. Pertanto, tieni a mente di non fare doppio lavoro.
Installa Favon in loco
Per installare un favicon al sito all'interno del tag Prescriviamo:
Nel caso in cui abbiamo Favon in formato " ico " allora invece noi pNG " Ti registriamo " ico ". Per esempio:
Come puoi vedere, l'icona del sito viene visualizzata come abbiamo concepito.
Convertiamo l'icona per il sito per formattare "ico"
I moderni browser senza problemi possono riconoscere e visualizzare Favonat in formato "PNG". Tuttavia, potrebbe essere necessario convertirlo in formato "ICO". Uno dei vantaggi di questo formato è lo stoccaggio di correzioni di tutte le dimensioni in un unico file. Accetto che è molto conveniente. Quindi, per convertire i nostri badge, useremo il servizio di classe - Xiconeditor.com. Lavorare con lui è molto semplice. Tutto succede 4 gradini:
1. Per cominciare, dobbiamo scaricare il nostro favon. Per questo clicchiamo sul pulsante "Importare".
Caricamento del favonson nel servizio Xiconeditor.com 
3. Se lo desideri, puoi cliccare sul pulsante "ANTEPRIMA" E vedere come saranno visualizzati. Per scaricare il nostro Favonov in formato "ICO" Clicziamo sul pulsante "Esportare".
Quindi, qui abbiamo imparato come creare Favona in "PNG" e convertili nel formato "ICO". In particolare non ho considerato il trattamento dettagliato dell'immagine in Photoshop, come per molti non saranno necessari. Se necessario, è possibile migliorare ulteriormente la qualità del favon, lavorando con i pixel in Photoshop. Ho provato a definire tutto ciò di cui hai bisogno in una forma semplificata. E ho tutto su di esso. Spero che questa lezione fosse utile per te. Se è vero:
- Effettua un ripubbo di questo articolo sui social network in modo che più persone ne traggono beneficio;
- Iscriviti alla mia newsletter in modo da non perdere pubblicazioni utili e interessanti sul blog.
Non dico addio a te. Grazie per la vostra attenzione all'incontro nelle seguenti pubblicazioni!
Voglio oggi ti conoscere con Favon Creazione di servizi per il tuo sito. Favicon è una riduzione delle parole inglesi Preferito e icona. Questa è un'immagine di 16 dimensioni a 16 pixel, chiamato Favicon e ha un'estensione di ICO. Viene inserito nella cartella principale del tuo sito sull'hosting. Quando si scarica il sito, il browser cerca automaticamente questo file, quindi aggiunge alla stringa di indirizzo prima dell'URL della pagina e dei segnalibri, assegnandolo al tuo sito. Nessun utilizzo pratico Icona del sito Web non trasporta e serve solo il suo riconoscimento.
Ora qualsiasi web designer, che almeno in qualche modo pensa all'unicità e all'originalità della sua risorsa, è semplicemente obbligato a fare un'icona speciale per lui. In qualsiasi browser nella barra degli indirizzi, il nome del tuo sito insieme all'icona sarà moderna e rilevante. Sarà anche evidente nei segnalibri e nei preferiti, che gli consentirà di distinguersi dalla massa di tali siti. Puoi scegliere un'icona in base all'argomento della tua risorsa e senza iniziare a studiarlo, il visitatore capirà immediatamente cosa è. Sarà bene influenzare il riconoscimento del sito e la formazione di esso come un marchio.
Per impostazione predefinita, viene visualizzato un sito Web per il sito Web, che è fornito per questo nel browser corrente. Inoltre, la maggior parte delle versioni dei moderni browser supporta correzioni personali dei siti. E nel motore di ricerca Yandex, che ora è dominato da Google sullo spazio di lingua russo, quando si cerca nella query di ricerca, i siti Web classificati appaiono con la sua icona. Pertanto, non posticipare per dopo, è necessario prestare molta attenzione alla sua creazione.
Ci sono molte risorse su Internet su cui sono memorizzate le icone già realizzate. Loro grandi, ma ora siamo interessati a creare Favicon.
Hai bisogno di creare Favicon per il sito? Considera i servizi per creare favon online
Il servizio più popolare per creare un'icona per il sito. È appena abbastanza per lavorarci e persino un utente novice può farcela. Alleniamo l'immagine che vogliamo vedere come icona del sito. Lo elabora. Guardiamo l'immagine risultante e se è adatta, quindi fai clic su Download. Salvato automaticamente il file con il nome. Puoi selezionare in modo indipendente pixelly e se ti piace, quindi salva anche come icona. È importante che un semplice disegno sia usato per creare un favon. Se c'è un sacco di tutti i multicolori, quindi prendi la macchia sbagliata.
Il prossimo servizio, che è anche facile da usare. Lavorare in esso è approssimativamente simile all'analogico precedente. L'unica cosa che è inglese e qui più pubblicità. Ma in generale, le azioni di generazione sono abbastanza simili. Carica l'immagine, vedere, modificare e salvare.
Ora quasi tutte le risorse forniscono la promozione o analisi di siti Web per loro, ha un'opzione aggiuntiva per creare Favonov. Ad esempio, tutti i servizi noti che hanno anche questa opzione aggiuntiva:
Ma mi piacciono i servizi che sono affilati direttamente sotto la creazione. Qui, guarda, un altro attrezzo grazioso online per generare icone di varie dimensioni e formati. Modestamente e di buon gusto. Caricato il nostro file. Dimensioni selezionate Anteprima e salva su un computer.
Sarebbe ovviamente utilizzare creare un'icona Photoshop preferita per creare un'icona. Ma non salva le immagini con un'espansione ICO. Piuttosto salva, ma per questo è necessario decomprimere un plugin speciale - Icoformat.8Bi per installarlo nella cartella dei formati file dei file plug-in \\ file nella cartella Photoshop. Questo salverà i file con la nostra estensione desiderata. Per me, è piuttosto fastidioso.
Suggerisco questa opzione. In Photoshop, creiamo un'immagine che vogliamo vedere come icone, risparmiamo con qualsiasi estensione e inviamo a uno dei servizi di cui sopra, dove otteniamo da queste immagini di cui hai bisogno.
È inoltre possibile utilizzare convertitori grafici online da un formato a un altro. Per esempio, o. Con loro, è possibile modificare qualsiasi estensione del file grafico sull'ICO.
Come rendere l'icona diventare Favon per il sito?
Sono necessari i seguenti passaggi:
1 Assicurarsi che il file sia chiamato.
2 Utilizzare Filezilla per posizionarlo nella cartella principale del nostro sito. In teoria, queste azioni sono sufficienti e il browser determinerà automaticamente dove si trova. Ma riassicurano e prescriviamo il percorso di questo file con il codice HTML.
3 Per fare ciò, prendiamo il file del nostro argomento header.php (è possibile modificarlo nel pannello di amministrazione direttamente in WordPress e puoi scaricarlo dal server), aprirlo e prescriverlo davanti al tag di chiusura Prossimo codice:
/Favicon.ico "/\u003e
/Favicon.ico "/\u003e |
4 Salvare il file e trasferire torna all'hosting.
5 Pulire la cache del browser corrente e questo è tutto. Ricevuto il risultato desiderato.
A proposito, non è necessario che il favon si trovi nella radice. L'attributo HREF imposta direttamente la strada. Si scopre:
|
|
Inoltre, non è necessario che l'icona sia con un'estensione ICO. Puoi anche utilizzare le estensioni PNG e GIF. Per fare ciò, il tipo di output del file cambia nel codice.
Cioè, cambia il tipo con l'immagine / icona X su immagine / png o gif.
A proposito, puoi aggiungere qualcos'altro. Abbiamo creato e installato un fissatore per il sito e nel pannello di amministrazione WordPress, rimane il fixer standard predefinito. In modo che sia cambiato in generale ovunque, è necessario inserire il file del file function.php, inserire il seguente php -kod:
funzione sp_set_favicon () (echo " ";) Add_action (" admin_head "," sp_set_favicon "); add_action (" login_head "," sp_set_favicon "); add_action (" wp_head "," sp_set_favicon ");
funzione sp_set_favicon () () ( eco. ".get_bloginfo ("Template_url") /\u003e " ; add_action ("admin_head", "sp_set_favicon"); add_action ("login_head", "sp_set_favicon"); add_action ("wp_head", "sp_set_favicon"); |
Ora rifletterà in tutti i titoli.
Su questo, in generale, e questo è tutto. Oggi abbiamo discusso perché è necessario creare Favicon per il sito e recensire i servizi online per la creazione di Favon per il sito e la sottigliezza della sua installazione. Non dimenticare di iscriverti agli aggiornamenti del blog. A presto!
Guarda il video Come creare Favicon.ICo e posizionarlo in hosting:
Ciao a tutti!
In questo articolo, ti dirò come installare Favon al sito. È possibile farlo utilizzando la directory principale del sito o utilizzando la funzionalità del modello. Analizzeremo tutte le opzioni e determineremo quale sarà il migliore per uno o un altro caso.
Ma prima che parleremo di come questo favicon può essere disegnato. Successivamente, vedremo quali dimensioni dovrebbe essere il logo, alla fine ti dirò come inserire l'icona creata sul sito.
Favon (Favicon) - Icona del sito Web 16 x 16 (o 32 x 32, ma non di più). Viene visualizzato nella scheda Browser. Sembra questo:
L'icona viene visualizzata anche nei risultati di ricerca e se il tuo sito non ha il proprio favon, è improbabile che gli utenti prestano attenzione ad esso. Particolarmente più esperto che apprezziamo davvero ogni piccola cosa.
In Yandex Webmaster, la mancanza di un Favicon è classificata come errore che ha bisogno urgentemente corretto. Questo non è solo connesso con il fatto che le persone nel motore di ricerca potrebbero non fidarsi del sito senza un'icona, ma anche con alcuni algoritmi di ricerca. I robot vedono tali svantaggi tecnici e ridurre spesso la risorsa in estradizione. Un fenomeno triste che può influenzare tutta la promozione SEO.
Riassumentiamo:
- Favicon influisce sul comportamento e la climabilità in estradizione.
- Anche i robot di ricerca possono tenere conto della presenza o dell'assenza di un favicon.
- Tali difetti tecnici possono portare a un calo del traffico.
In altre parole, se hai una domanda in generale: aggiungi Favicon o no, allora la risposta è ovvia - Assicurati di aggiungere.
Ora capiamo come puoi disegnare questa icona. Puoi farlo con vari servizi online, editor.
Dove scaricare la versione pronta
Non una scelta migliore, ma qualcuno li piace. È possibile scaricare il favon finito da Internet e non è particolarmente preoccupato per la creazione indipendente del tuo. Tutti sono presentati in formati convenienti e le dimensioni desiderate.
Basta inserire la richiesta desiderata nel motore di ricerca, qualcosa come "Download Ready Favicon", dopo che verrai presentato un numero enorme di diverse varianti.
Scarica un'immagine sul tuo PC, quindi impostare sul sito. Tutto è semplice. Sono disponibili assolutamente gratuiti, nessuno ti rimproverà. Anche se questo riguarda la compagnia, anche se potrebbe essere piccola, allora gli incidenti spiacevoli possono verificarsi quando si trova il logo di qualcun altro.
Le opzioni pronte possono essere cercate su vari siti. Di norma, ci sono un'intera selezione di tutti i tipi di loghi tematici, che possono venire a degustare alcuni webmaster.
Ma ripeto ancora una volta, sarà meglio creare un favoloso te stesso.
Creazione di Favicon.
Servizi online
Favoron può essere disegnato nei servizi online. Basta inserire una richiesta appropriata nel motore di ricerca, dopo di che la tua attenzione verrà presentata un'intera lista di siti che possono aiutarti a realizzare concepiti.
Questo corso considererà le caratteristiche più importanti della creazione competente dei progetti di informazione, l'interazione con il team e altri aspetti utili che dovranno necessariamente bisogno di te quando si svilupperà la tua attività.
Nella lezione di oggi, ti parlerò icone di Favicon. (favon.). Ti mostrerò Come rendere Favicon.ico per il sito (o per un blog, qui senza differenza) e mostra come puoi pasta Favon..
Sicuramente, molti ancora non sanno di cosa dico il "miracolo". Basta mettere, Favicon (Favon) è un'immagine (icona), che è nel browser prima dell'indirizzo del sito. Mostrerò chiaramente il favicon del mio blog:
Questa icona è una specie di logo del tuo blog. Pertanto, alla creazione di un favikon, è necessario trattare con piena responsabilità. Ricorda, può evidenziare il tuo blog tra gli altri.
Piano di lezione:
- Creare Favicon da zero.
- Creare un dispositivo dall'immagine finita.
- Servizi con icone finite per il sito.
- Attaccare l'icona ricevuta al sito.
Come creare Favicon (Favon) da zero
C'è un servizio molto conveniente. Ha un indirizzo Favicon.cc. Questo servizio per la costruzione di Favonok è simile a questo:
Per disegna Favicon. Basta scegliere un colore e semplicemente disegnare. Se hai disegnato qualcosa, da qualche parte sbagliato, per rimuovere il frammento dell'immagine, selezionare lo strumento trasparente (controllare) e "POKE" sui pixel ("quadrati") che è necessario rimuovere:
Ho disegnato il seguente favonka:
La maggior parte di tutto in favicon.cc mi è piaciuto il fatto che puoi vedere immediatamente il risultato del tuo lavoro nelle dimensioni originali. Per fare questo, devi andare giù un po 'giù nella sezione Previw:
Oppure puoi direttamente nel browser (Opera, Firefox, Internet Explorer, ecc.). Vedi i risultati:
Creazione di Favicon (Favon) dall'immagine finita
Supponiamo di non volere creare un'icona da zero per il tuo sito, ma vuoi farlo dall'immagine pronta. In questo caso, il servizio sarà conveniente per te creare Favicon.ru Fixing.
Servizio in russo, quindi non dovresti avere problemi. Basta specificare un'immagine che desideri vedere le icone del tuo sito (pulsante "Panoramica"), quindi fai clic su " Crea favicon.ico.", E poi già" Scarica Favicon.ico.”.
In questa lezione, la creazione di Favicon è considerata, scoprirai perché questa icona è necessaria, ottenere raccomandazioni per migliorare il suo tipo e l'attrattiva.
Inoltre, considereremo il processo di creazione e aggiunta di Favicon per il sito.
Favicon. - Questa è una piccola icona che è possibile visualizzare nella barra degli indirizzi del browser e nelle schede delle pagine aperte, nonché quando si aggiunge un sito, questa icona viene aggiunta ai segnalibri del browser.
Inoltre, il motore di ricerca Yandex visualizza l'icona Favicon nei risultati dell'emissione accanto al tuo sito. Il tuo compito è quello di rendere questa icona che questa icona si distingue, sono stato ricordato contro lo sfondo di altre icone in estradizione, e aveva anche alcune associazioni con il tuo sito. Splendidamente creata e attirando l'icona di attenzione Favicon può aumentare significativamente il numero di obiettivi sul tuo sito rispetto a quelli su cui non è installato o ha una vista attraente.
Ecco alcune raccomandazioni che devono essere considerate quando si crea Favicon.
#uno. L'icona deve essere facilmente riconoscibile e avere associazioni con il tuo sito o nicchia a cui appartiene il tuo sito. Come distintivo, puoi usare il logo o il simbolo dell'associazione con il tuo sito. Inoltre, è possibile utilizzare la gamma di colori che crea il tuo sito web o il tuo logo.
# 2. Non usare icone standard. Molti dopo aver creato un sito su un particolare cm, lascia l'icona, senza cambiare. Di conseguenza, nell'emissione del motore di ricerca, potrebbe non esserci un sito con tale distintivo, ma molti. Questo non è il modo in cui non evidenzia il tuo sito, quindi usa solo le esclusive icone Favicon create specificamente per il tuo sito. Questo può anche includere la situazione quando si utilizzano icone da varie collezioni o elementi dell'interfaccia di altri siti. Ricordarsi di risaltare hai bisogno di un favicon unico.
# 3. Prova quando crei un badge per usare colori più luminosi e luminosi, di regola, attirano più attenzione.
#quattro. Non usare icone animate. In primo luogo, l'animazione è supportata da tutti i browser, nel secondo l'attenzione del visitatore dovrebbe essere concentrata sul contenuto e non sull'icona.
Ora considera direttamente il processo Favicon stesso. Per questo ci sono molti servizi. Tuttavia, sono più adatti a coloro che hanno già un'icona finita che da qualche parte servivano o prese da qualche collezione. Ma come ho detto sopra, l'icona deve essere unica, quindi qui considererò il processo di creazione utilizzando Photoshop, nell'esempio del sito del sito.
Creazione di Favicon Billet in Photoshop
#uno. Creare un nuovo documento in Photoshop Dimensione 64 * 64px, per farlo, vai al menu "File" \u003e\u003e "Nuovo ..." o premere la combinazione di tasti Ctrl + N. In generale, l'icona stessa dovrebbe essere 16 * 16px, ma è meglio la crearne la stessa dimensione e quindi ridurla al necessario.
# 2. Nel mio caso, non ho il logo per il sito, quindi ho deciso di utilizzare il simbolo "w" da cui inizia l'indirizzo del sito, così come quei colori che prevalgono nella parte superiore del sito è blu e giallo. Pertanto, ho impostato il valore del colore # 691D0 e utilizzando lo strumento "Riempimento" (G), impostare il colore blu del documento creato in precedenza.
# 3. Dopodiché, ho scelto lo strumento "Testo" (T) aggiunto il simbolo "w" e impostare il seguente valore di colore # Fac31d.
Affinché il simbolo sia in piedi su uno sfondo blu, l'ho aggiunto con un colore nero e una taglia 2px. Per fare questo, devi andare alla voce del menu. "Layer" \u003e\u003e "Style Layer" \u003e\u003e "Stroke", Seleziona il colore e la dimensione della corsa.
Dopo di che è necessario combinare livelli, per questo è necessario andare alla voce di menu "Layer" \u003e\u003e "Combina visibile" O premere la combinazione di tasti MAIUSC + CTRL + E.
Affinché le linee abbiano sneakers lisce, ho aggiunto sfocatura. Per fare questo, devi andare alla voce del menu. "Filtro" \u003e\u003e "Sfocatura" \u003e\u003e "Blur a Gauss ..." E impostare il raggio di 0,3 pixel.
Il suo carattere o il suo posto di immagine in modo che ci vuole un massimo di spazio, perché se è piccolo, quindi con la dimensione dell'icona 16 * 16 non sarà evidente.
#quattro. Ora è necessario modificare le dimensioni dell'icona. Per fare questo, vai al menu \u003e\u003e "Dimensione immagine"e impostare la dimensione di 16 * 16px.
#cinque. Resta per salvare l'icona. L'icona Favicon deve avere il nome Favicon e Extension.ico. Il fatto è che per impostazione predefinita Photoshop non salva le immagini in format.ico. Pertanto, salvalo in formato.png, per questo, vai alla voce di menu "File" \u003e\u003e "Salva come ..." e selezionare PNG dall'elenco a discesa.
Immagine di conversione in formato.ico
Dopodiché, lo convertiamo in formato.ICo usando il servizio. Vai a questo servizio e utilizzando il pulsante "Panoramica", selezionare il file salvato in precedenza nel formato PNG e quindi fare clic sul pulsante "Crea favicon.ico".
Dopodiché, il link "Download favicon.ico!" Apparirà sulla pagina di download. Cliccando su cui è possibile salvare l'icona FAVICON finita sul tuo computer.
Ora è il momento di aggiungere Favicon al tuo sito in modo che venga visualizzato per tutte le sue pagine. Per fare ciò, posiziona l'icona nella cartella principale del tuo sito. Se il tuo sito è già in hosting, in genere questa cartella si chiama "Public_html". Quindi, in ogni pagina del tuo sito, davanti al tag di chiusura Aggiungi le seguenti righe:
Ma in ogni pagina, i dati stringa devono essere aggiunti se si dispone di un sito su HTML. Ma poiché, molto probabilmente il tuo sito si basa su base, alcuni cm, quindi sarai sufficiente aggiungere queste righe al file principale del tuo tema che stai utilizzando per il sito.
Se si utilizza WordPress, vai alla cartella WP-Content / Temi / cartella-con-you-theme / Trova in esso e apri il file header.php e inserire le linee sono necessarie e salvato il file.
Se si utilizza Joomla, quindi vai alla cartella Modelli / cartella-c-your-topic / e apri il file index.php Inserire le righe richieste e salva.
In alcuni argomenti in Wordpress e Joomla, i loro percorsi possono già essere scritti al file favicon.ico, in questo caso, rimuoverli e sostituirli.
Se usi, qualsiasi altro CMS, quindi fai tutto per analogia.
Nelle pagine delle pagine e nella barra degli indirizzi del browser, la tua icona verrà visualizzata immediatamente, per quanto riguarda la ricerca di Yandex, allora è necessario avere il tempo e il robot di ricerca speciale Yandex ha trovato la tua icona, dopo di ciò Verrà visualizzato nei risultati della ricerca.
Il materiale è preparato dal progetto:
