Dimensione favicon in pixel. Icona del sito Web: crea e modifica

Questa è solo una piccola immagine, e quanto hype intorno ad esso. L'icona del sito è ciò che ogni risorsa che si rispetti dovrebbe essere equipaggiata, perché è la favicon che mostra l'identità aziendale dell'azienda. Ma qual è la favicon, qual è la sua dimensione, come aggiungere questa immagine al sito? Tutto è scritto nell'articolo.

Questa è una favicon

Se traduci letteralmente questo termine, ottieni una "immagine preferita". Questa parola deriva dalla combinazione di due parole inglesi: preferiti, che significa il prescelto e icona, cioè un'immagine o un'icona.

Location favicons - riga dell'indirizzo di una risorsa Web nella scheda del browser o un elenco di preferiti preferiti. In alcuni motori di ricerca, le favicon si trovano vicino alle risorse nelle pagine di ricerca. Ad esempio, in "Yandex". Vale anche la pena notare che gli algoritmi di ricerca per questo sistema durante la ricerca dei risultati danno la precedenza alle risorse che hanno un'icona per il sito.

Pertanto, non ignorare il significato di questa immagine. Lascia che la dimensione della favicon e piccola, è una marca della risorsa, attira gli utenti e influisce sulla compilazione della prima impressione del sito.

Dalle pagine della storia

Per la prima volta un tale concetto come "favicon" è apparso nel 1999. Quindi la società "Microsoft" ha rilasciato una nuova versione del browser Explorer. In questa versione aggiornata di Internet Explorer -5, è diventato possibile utilizzare una favicon. Per fare ciò, dovevi caricare un'immagine con l'estensione .ico nella cartella del sito principale.

L'immagine scaricata dovrebbe avere il formato http:// "nome sito" /favicon.ico. Solo in questo caso, il browser potrebbe utilizzare la favicon di dimensioni appropriate nell'elenco dei segnalibri e vicino alla barra degli indirizzi del sito che si trova nei segnalibri. Ma questa tecnologia è stata a lungo obsoleta, ora l'icona del sito è supportata sui siti e senza segnalibri. Inoltre, sono disponibili vari formati di immagini preferite. Ora puoi usare non solo l'immagine con l'estensione .ico, ma anche i formati .jpg, .png, .gif e .jpeg sono adatti.

Caratteristiche dei formati

Come accennato in precedenza, solo l'immagine con estensione .ico era usata come favicon. E ha semplificato molto il compito, potresti prendere le immagini che ti piacciono per adattarle alle dimensioni della favicon e semplicemente cambiare l'estensione. Ora i servizi speciali sono impegnati in questo, ma a causa del fatto che il numero di formati è aumentato, è necessario avere almeno una conoscenza di base delle loro funzionalità.

I formati più comuni per oggi sono .png e .ico:

• . ico : questo formato è perfetto per Windows. Le immagini con questa estensione hanno risoluzioni e intensità di colore diverse. Ovvero, la profondità di bit, che caratterizza le informazioni sul colore per ciascun pixel e rende l'immagine più accurata. Per Internet Explorer, questa è un'ottima soluzione, poiché qui possono essere utilizzate favicon di dimensioni diverse.
• . png - i file di questa estensione sono più comodi da usare. Ciò è spiegato dal fatto che non sono necessari strumenti aggiuntivi per creare un'icona del sito. Inoltre, il formato supporta un canale maschera, con il quale è possibile creare un'immagine della dimensione più piccola senza perdita di qualità dell'immagine. L'unica cosa che questo formato è inferiore alla precedente è l'impossibilità di visualizzare una favicon in Internet Explorer.

Altre estensioni

Per quanto riguarda gli altri formati, ognuno ha i suoi vantaggi e svantaggi. Tutti appaiono a seconda del browser che viene visualizzato. Ad esempio, le immagini .gif non sono compatibili con i browser più vecchi. Le immagini .jpg mancano della qualità e della chiarezza dell'immagine, ma ci sono transizioni omogenee tra i colori. Le favicon del formato .svg hanno un'eccellente qualità dell'immagine, solo che sono disponibili solo nel browser Opera.

L'icona animata del sito .apng rimane in questione, poiché l'immagine in movimento può distogliere l'attenzione dell'utente dalle informazioni principali. Da un lato, assegna una risorsa tra le altre e, dall'altro, può essere fastidioso con uno sfarfallio costante.

Le dimensioni contano

Nella versione classica, la dimensione dell'icona è di circa 16ˣ16 pixel. Almeno così è stato fino a poco tempo fa. Ma con lo sviluppo della tecnologia, le dimensioni della favicon hanno iniziato ad aumentare. Ora la dimensione massima dell'icona è 64x64 pixel. Questa dinamica dell'espansione di un'immagine preferita è innescata dal desiderio (e, di conseguenza, dalla capacità) degli utenti di salvare i collegamenti ai siti nelle loro rispettive cartelle o sul desktop per poter accedere rapidamente.

Oggi ci sono 5 dimensioni di favicon:

• 16x16;
• 24x24;
• 32x32;
• 48x48;
• 64x64;

Aggiungere un'icona

Tutte queste dimensioni dovrebbero rientrare in una favicon sul sito, e questo in qualche modo complica il compito di creare un'immagine preferita. Ma oggi tutti i browser hanno la funzione di giocare favicon separatamente per ogni pagina. Cioè, a seconda della richiesta, i browser selezionano automaticamente la dimensione della favicon per il sito.

Per installare una favicon su un sito, devi solo seguire un semplice algoritmo:

1. Per prima cosa, devi creare una favicon. Questo processo non dovrebbe causare inconvenienti. Per prima cosa è necessario selezionare un'immagine che posizionerà il sito, quindi modificarla utilizzando un server speciale che adatta automaticamente l'immagine alle dimensioni standard di favicon.
2. In secondo luogo, è necessario scaricare il materiale risultante nella cartella principale del sito.
3. E in terzo luogo, inserisci il tag tale codice:

Per non rovinare l'immagine

Come già accennato, la favicon è la marca, il volto del sito. Pertanto, è estremamente importante capire che cosa dovrebbe essere un'icona per attirare l'attenzione dei visitatori e non per alienarli. La dimensione della favicon in pixel è molto piccola, ma tuttavia svolge un ruolo chiave nel processo di personalizzazione del sito. Sarebbe logico creare una favicon in modo tale che si adatti alla progettazione generale della risorsa. È importante ricordare che l'icona del sito dovrebbe creare una prima impressione al riguardo, ma se la favicon non è associata alla risorsa, è meglio semplicemente rimuoverla.

La seconda cosa che vale la pena prestare attenzione è la facilità di percezione. L'icona dovrebbe essere semplice in modo che ogni utente possa capirlo, e questo non è nemmeno discusso.

Il compito principale della favicon: rappresentare il tema chiave della risorsa. Ma nessuno proibisce di usare per questo tutta la loro creatività. Ad esempio, se il sito vende elettrodomestici, è possibile, ovviamente, utilizzare l'immagine di una lavatrice o di un frigorifero come favicon. Ma allora come si differenzia la risorsa da centinaia come questa, e come sarà ricordata allora? Cosa succede se provi a sperimentare con il nome del progetto? Ad esempio, "Yandex" è stato a lungo riconoscibile grazie alla lettera scarlatta "I". Questa è la caratteristica principale della favicon, come marchio, che si infrange nella memoria dell'utente e caratterizza un sito specifico, distinguendolo da centinaia di altri.

Programmi per creare favicon

Oggi ogni webmaster può utilizzare servizi speciali per creare favicon. Inoltre, ci sono gallerie tridimensionali da cui è possibile scegliere un'icona di un sito già pronto, realizzata a livello professionale. Tra i creatori di siti, la Galleria IconJ è particolarmente popolare. Non è solo una directory, ma anche un generatore. Chi è interessato può scegliere un'icona per la propria risorsa dal catalogo contenente oltre 18.000 immagini o creare la propria favicon.

Nello spazio di Runet, una popolare base dell'agenzia pubblicitaria Web Audit è popolare. Per quanto riguarda le risorse straniere, l'opzione migliore per creare e selezionare l'icona di un sito è Favicon.cc. Qui puoi usare le funzioni speciali per regolare la combinazione di colori, ritagliare l'immagine o imporre livelli aggiuntivi.

La creazione di una favicon non richiede conoscenze speciali o abilità uniche e la sua presenza può aumentare significativamente la percentuale di clic e, di conseguenza, aumentare il traffico. La cosa principale da ricordare è che ogni icona è un marchio che dovrebbe essere memorabile e comprensibile.