{"id":1138,"date":"2018-01-10T08:14:39","date_gmt":"2018-01-10T08:14:39","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1138"},"modified":"2024-12-17T10:45:44","modified_gmt":"2024-12-17T08:45:44","slug":"what-is-favicon","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/it\/what-is-favicon\/","title":{"rendered":"Cos&#8217;\u00e8 la Favicon e perch\u00e9 \u00e8 cos\u00ec importante per il marchio?"},"content":{"rendered":"<p>L&#8217;icona classica \u00e8 un file ICO da 16 \u00d7 16, con supporto a colori o trasparente a 16 o 24 bit. Molto pi\u00f9 tardi, \u00e8 apparsa nelle dimensioni 32 \u00d7 32, ma i browser pi\u00f9 vecchi la riducono ancora a 16 \u00d7 16.<\/p>\n<p>Perch\u00e9 ne hai bisogno? Oggi \u00e8 una componente importante dell&#8217;interfaccia del sito web, che svolge un ruolo importante anche nelle applicazioni web avanzate.<\/p>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__conversion\">\n                <p class=\"title\">Favicon Checker<\/p>\n                <p class=\"description\">Controlla se il tuo sito web ha favicon e come viene visualizzato in diversi browser<\/p>\n                <form id=\"mini__tool-form\" class=\"article__seo-search\" action=\"\" method=\"POST\" autocomplete=\"off\">\n                    <span class=\"error\">Must be a valid URL with http:\/\/ or https:\/\/<\/span>\n                    <input id=\"minitool_input\" name=\"url\" type=\"text\" placeholder=\"Inserisci il tuo dominio qui\">\n                    <button type=\"submit\" class=\"minitool_check-landing sitechecker__text\"><span>Dai un'occhiata<\/span><img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading-blue.svg\" alt=\"arrow\" title=\"arrow\" class=\"loading\"><\/button>\n                <\/form>\n                <div id=\"result-container\">\n                    <div class=\"container__results\">\n                        <div class=\"container__result\" id=\"result-template\">\n                            <div class=\"result\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>Qual \u00e8 il suo scopo?<\/h2>\n<p>&nbsp;<\/p>\n<p>Ovviamente, \u00e8 molto pi\u00f9 semplice cercare il bookmark di cui hai bisogno, perch\u00e9 \u00e8 pi\u00f9 facile cercare un&#8217;icona familiare che leggere tutti i nomi dei siti web. Pertanto, il suo compito \u00e8 migliorare l&#8217;esperienza dell&#8217;utente. Questa \u00e8 la ragione principale per cui dovresti usarla. Oggi, puoi trovare questa popolare componente in tutti i siti web e browser moderni pi\u00f9 famosi, nelle sue schede di navigazione. Le aziende globali hanno icone (popolari) e facilmente riconoscibili, che le aiutano a distinguersi dalla massa di altre risorse web (e sono buoni esempi di favicon a cui guardare). Senza dubbio, \u00e8 uno strumento utile per siti di ogni tipo. \u00c8 stata creata per una ricerca rapida e visiva, per trovare l&#8217;esatto sito web di cui hai bisogno tra migliaia di bookmark su internet, aiutando il tuo pubblico di destinazione a trovarti pi\u00f9 veloce e in modo semplice.<\/p>\n<div class=\"content__img-wrap\"><img src=\"http:\/\/test.sitechecker.pro\/wp-content\/uploads\/2018\/01\/website-favicons.jpg\" alt=\"Displaying favicons in the browser\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>Al sito web, senza un&#8217;icona identificabile personale, verr\u00e0 assegnato il simbolo generico del browser, il che significa che \u00e8 un must have se t&#8217;interessa diffondere la conoscenza del tuo marchio.<\/p>\n<p>&nbsp;<\/p>\n<h2>Come creare una Favicon per il sito web?<\/h2>\n<p>&nbsp;<\/p>\n<p>Puoi farlo da solo o usare un aiuto online. Non \u00e8 necessario utilizzare generatori online speciali per crearne una, sebbene spesso siano abbastanza comodi e semplici. Ecco alcuni esempi di siti web che ti possono aiutare:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.favicongenerator.com\/\">Favicon Generator;<\/a><\/li>\n<li><a href=\"https:\/\/www.favicon-generator.org\/\">Favicon Generator ORG;<\/a><\/li>\n<li><a href=\"http:\/\/tools.dynamicdrive.com\/favicon\/\">Dynamic Drive Favicon Tool;<\/a><\/li>\n<li><a href=\"http:\/\/favigen.com\/\">Favigen;<\/a><\/li>\n<li><a href=\"http:\/\/www.genfavicon.com\/\">Gen Favicon;<\/a><\/li>\n<li><a href=\"http:\/\/www.degraeve.com\/favicon\/\">Degraeve Favicon;<\/a><\/li>\n<\/ul>\n<p>Come vedi, non hai nemmeno bisogno di un grafico per realizzarla. Tuttavia, se stai pianificando di lanciare un sito in tutto il mondo e di avere un marchio globale, probabilmente faresti bene a rivolgerti a un designer professionista per creare qualcosa di unico che corrisponda al tuo marchio. Tuttavia, se hai intenzione di farlo da solo, possono essere necessari circa 10 minuti per realizzarne una semplice: devi solo caricare il logo del tuo sito web in uno dei siti menzionati qui sopra e scaricare il file pronto. \u00c8 facilissimo!<\/p>\n<p>Inoltre, prova questi siti web per trovare alcune idee interessanti di favicon:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.freshfavicon.com\/\">\u00a0Fresh Favicons;<\/a><\/li>\n<li><a href=\"http:\/\/thefavicongallery.com\/\">The Favicon Gallery;<\/a><\/li>\n<li><a href=\"http:\/\/www.deltatangobravo.com\/archive\/2004\/march\/favourite\">Delta Tango Bravo.<\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><div class=\"blog__banner\">\n                <img src=\"https:\/\/test.sitechecker.pro\/wp-content\/themes\/sitechecker\/out\/img_design\/logo.svg\" alt=\"logo\">\n                <div>\n                    <p class=\"title\">Controllare il sito Web per errori SEO <\/p>\n                    <p class=\"description\">Nessuna favicon danneggia l'usabilit\u00e0 del sito Web, ma la mancanza di tag Title e Description pu\u00f2 portare alla perdita di traffico.<\/p>\n                    <a href=\"\/tool\/crawl-report\/\" class=\"btn\">Audit del sito<\/a>\n                <\/div>\n            <\/div><\/span><\/p>\n<h2>Come aggiungerla al sito?<\/h2>\n<p>&nbsp;<\/p>\n<p>Una volta che hai un file pronto, non dovrebbe essere difficile metterlo sul server. Per poter modificare il codice HTML del tuo sito web, avrai prima bisogno di accedere allo strumento di modifica del testo e alla cartella principale sul tuo sito web. Ecco una guida rapida:<\/p>\n<p>1. Carica il file pertinente sul tuo server. Quindi inserisci l&#8217;indirizzo del tuo server FTP nella barra degli indirizzi del browser. Premi il pulsante &#8220;Invio&#8221;, accedi e carica il file nella cartella principale.<\/p>\n<p>2. Quindi \u00e8 necessario modificare la pagina HTML del tuo sito web. Trova e scarica il file &#8220;header.php&#8221; o &#8220;index.html&#8221; dal server. Se il tuo sito \u00e8 realizzato in HTML, devi inserire il codice nell&#8217;area head del file &#8220;index.html&#8221;:<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"http:\/\/yourwebsite.com\/favicon.ico\"&gt;<\/code><\/div>\n<p>Se lavori su WordPress, inserisci il codice nell&#8217;area head del file &#8220;header.php&#8221;:<\/p>\n<div class=\"code\"><code>&lt;link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"&lt;?php bloginfo('url') ?&gt;\/favicon.ico\"&gt;<\/code><\/div>\n<p>Questo \u00e8 tutto! Sarai sorpreso da quanto sia facile.<\/p>\n<p>&nbsp;<\/p>\n<h2>Creazione di un&#8217;icona con Photoshop<\/h2>\n<p>&nbsp;<\/p>\n<p>Photoshop \u00e8 un programma ottimo per lavorare con le immagini! \u00c8 uno strumento utile, che ti aiuter\u00e0 in molte situazioni diverse e ti consentir\u00e0 anche di creare un&#8217;icona personalizzata per il tuo sito. Se sei un designer, ovviamente, il programma Photoshop \u00e8 la cosa migliore che puoi utilizzare. In caso contrario, ti consigliamo di prendere in considerazione l&#8217;utilizzo dei siti web menzionati in precedenza e di risparmiare tempo. Il problema \u00e8 che Photoshop non supporta i file &#8220;ico&#8221;. Pertanto, \u00e8 necessario scaricare e installare il relativo plug-in da Telegraphics.<\/p>\n<p>Nel menu di selezione, nella cartella FILE, dovresti creare un nuovo file, con una dimensione di 64 \u00d7 64 pixel (\u00e8 pi\u00f9 facile lavorare con le dimensioni pi\u00f9 grandi), incollare il tuo logo nel documento e apportare tutte le necessarie modifiche.<\/p>\n<p>Dopodich\u00e9, seleziona la cartella IMMAGINE, vai a FORMATO IMMAGINE e cambiala in 16 \u00d7 16 pixel, e non dimenticare di verificare che l&#8217;icona non si offuschi facendo clic su RESAMPLE IMAGE e BICUBIC SHARPER. Quando sei soddisfatto del risultato, apri la cartella FILE e premi SAVE AS.<\/p>\n<p>&nbsp;<\/p>\n<h2>Conclusione<\/h2>\n<p>&nbsp;<\/p>\n<p>Questo componente \u00e8 una sorta di biglietto da visita, quindi dovrebbe essere creato con lo stesso stile del sito &#8211; pi\u00f9 cose hanno in comuni il sito e l&#8217;icona, meglio \u00e8. Deve essere associata al sito &#8211; questa \u00e8 la sua funzione principale. Inoltre, l&#8217;icona dovrebbe essere pertinente e chiara: l&#8217;utente deve capire subito cosa \u00e8 disegnato in essa e deve anche essere facile da memorizzare.<\/p>\n<p>Pertanto, un&#8217;icona ben fatta render\u00e0 il tuo sito pi\u00f9 professionale. Se sei seriamente intenzionato a creare un marchio personale, \u00e8 necessario adottare un approccio molto serio alla creazione di una favicon.<\/p>","protected":false},"excerpt":{"rendered":"L&#8217;icona classica \u00e8 un file ICO da 16 \u00d7 16, con supporto a colori o trasparente a 16 o 24 bit. Molto pi\u00f9 tardi, \u00e8 apparsa nelle dimensioni 32 \u00d7 32, ma i browser pi\u00f9 vecchi la riducono ancora a 16 \u00d7 16. Perch\u00e9 ne hai bisogno? Oggi \u00e8 una componente importante dell&#8217;interfaccia del sito&#8230;","protected":false},"author":10380808,"featured_media":3424,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/1138"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/comments?post=1138"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/1138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/media\/3424"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/categories?post=1138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/it\/wp-json\/wp\/v2\/tags?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}