Il caratteri icona sono caratteri di testo. L’unica differenza con le lettere è che hanno icone e forme. Quando si tratta di trattarlo, non c’è differenza con i caratteri di testo composti da lettere.
Le icone sono molto importanti quando si sviluppa una pagina web. La sua funzione è guidare l’utente attraverso la nostra pagina per mostrargli dove si trovano le informazioni e completare diversi processi senza la necessità di usare tante parole. Prima era necessario che un’icona fosse accompagnata da una bitmap, ora non lo è.
Ad oggi, la maggior parte di caratteri icona Vanno da soli e svolgono la loro funzione in modo straordinario. Questo perché gli sviluppatori web utilizzano caratteri non composti da lettere ma da programmi vettoriali. Queste fonti sono i file caratteri icona. A differenza delle normali icone, le icone vettoriali non perdono la loro qualità ei file di cui sono composte sono più piccoli. Inoltre, caratteri icona Possono essere eseguiti individualmente tramite il linguaggio web CSS (Cascading Style Sheets). A differenza delle icone, caratteri icona sono visti con perfetta chiarezza e alta risoluzione su schermi di grandi dimensioni.
Quando vogliamo creare un file icona Carattere dobbiamo crearlo con il carattere completo, anche se abbiamo bisogno di una sola icona. Coloro che desiderano svolgere questo tipo di lavoro utilizzano numerosi provider Web che offrono icone vettoriali gratuite o anche altri che lo fanno. personalizzato e pagamento. Ricorda che ciò che caratterizza un file professionale di un dilettante è la sua esclusività.
Caratteri icona: web design con pittogrammi vettoriali
Uno dei motivi per cui sono state create le icone vettoriali è stata la crescente influenza dei dispositivi mobili. Dopo l’eccesso di informazioni generate da Internet, il client è diventato impaziente, incapace di attendere più di 10 secondi per il caricamento di una pagina web.
La creazione di caratteri icona ha ridotto i tempi di caricamento dei siti web. Le icone vettoriali si caratterizzano per essere la versione più piccola delle icone e possono essere inserite nel codice sorgente di una pagina web, oltre che nell’interfaccia utente che sta navigando. In questo modo il semplice sposta l’ornato e diamo luogo al design piatto per avere un posto rilevante.
Un classico esempio di design piatto è il layout di Microsoft Windows 8:
Come integrare un carattere icona in un documento HTML
Di solito il file caratteri di icone Sono integrati nel linguaggio HTML tramite CSS, poiché puoi includerli tutti in CSS e in HTML uno per uno.
Cos’è SVG?
L’acronimo SVG denomina grafica vettoriale scalabile. Caratteristica posseduta anche da caratteri icona.
Sono grafica vettoriale bidimensionale. Possono rimanere statici o animati. Il suo formato è XML e il suo standard aperto.
Dove trovare i caratteri delle icone?
Come abbiamo indicato prima, ci sono molti fornitori di icone vettoriali, sia a pagamento che gratuite. Per questo motivo, non è necessario investire molto per ottenere caratteri icona per il nostro sito web. Questi sono i fornitori di caratteri icona meglio conosciuto:
Carattere fantastico . È una delle fonti di caratteri icona più grandi che esistono oggi. Ha più di 600 pittogrammi rilevanti per il web design. È stato progettato per Bootstrap, ma ora può essere reso compatibile con quadri meglio conosciuto nel mondo. Loro caratteri di icone possono essere visualizzati come immagini vettoriali compatibili con lettori di schermo senza perdere la loro qualità e risoluzione. Può essere utilizzato gratuitamente per scopi commerciali.
Entypo . Non offre caratteri icona c come tale , ma icone vettoriali in SVG. Ha la base per i singoli caratteri che possiamo combinare con i caratteri creati. Può anche essere utilizzato liberamente solo per scopi commerciali
Tipici. Si basa su più di 300 caratteri icona compatibile con lettori di schermo. Può essere installato grazie a Bower, strumento utilizzato per gestire i pacchetti open source. Il caratteri icona si trovano come modello vettoriale e CSS ridotto. Gratuito per scopi commerciali.
Apri Iconic . In numero è il minimo caratteri di icone offerte. 200 pittogrammi in SVG. Offre anche caratteri web. È caratterizzato dalle piccole dimensioni dei suoi file di font. Ad esempio, Open Iconic pesa solo 12,4 KB. Utilizzato per usi commerciali, non ha alcun costo.
Cosa differenzia un’immagine da un’icona vettoriale?
Quando ingrandiamo lo schermo del nostro cellulare o computer, le immagini diventano pixelate e perdono nitidezza. Con il caratteri icona questo non accadrà. I caratteri vettoriali possono sempre essere visualizzati correttamente, indipendentemente da quanto ingrandiamo. Diamo un’occhiata ad alcuni esempi.
Inoltre, trattandolo come un carattere, possiamo cambiarne le dimensioni, il colore e la forma come vogliamo. Quando usiamo un’immagine, rimane inerte e senza movimento.
Vantaggi dell’utilizzo di caratteri icona
Riduciamo il numero di chiamate al server. Una volta che il file è stato caricato nella sorgente, possiamo usare tutte le icone. Prima dovevi aspettare che si caricasse uno per uno.
Riduciamo il peso della pagina web e quindi il tempo di caricamento è ridotto.
Libertà di usare diverse dimensioni.
Uso di diversi colori. Il colore e le dimensioni sono più facili da manipolare poiché vengono gestiti tramite CSS.
Applica degli stili ad esso.
Sono più facili da integrare.
Il caricamento più veloce aumenterà il traffico dati sul nostro sito web.
Maggiore è il numero di dati, maggiore è il tasso di conversione.
E questo si tradurrà in un aumento delle entrate per l’azienda.
Se sei un’azienda che cerca di creare un sito web aziendale di successo, GMOL Solutions ha qualcosa da dirti. Abbiamo un ottimo gruppo di professionisti specializzati in Marketing Digitale e Ottimizzazione Web. Possiamo aiutarti a rendere attraente il tuo e-commerce e impiegare poco tempo per caricarlo. Non solo tramite icone ma anche tramite immagini di poco peso, buoni contenuti SEO, ecc … Non solo possiamo aiutarti, ma lo faremo anche.
