Article

Llista dels 10 millors generadors de Favicon

Pel que fa a la navegació en línia, molts de nosaltres tenim obertes diverses pestanyes mentre estem xerrant a Facebook i llegint les darreres notícies i treball. Què ens ajuda a reconèixer instantàniament un lloc web concret i a moure’ns ràpidament entre aquestes pestanyes?

El favicon.



Un favicon és la petita icona que representa un lloc web a les pestanyes del navegador, a les barres de navegació, a les llistes de marcadors i fins i tot a l'historial de cerques. La 'F' dins d'un quadrat blau per a Facebook, el gràfic del sobre per a Gmail i la 'Q' vermella per a Quora són favicons. Si esteu construint un lloc web i busqueu maneres de millorar-lo marca en línia , llavors crear un favicon és una de les millors decisions que podeu prendre.



Pot ser que estigueu pensant tot això, però no tinc les habilitats de disseny gràfic per crear un favicon personalitzat per al meu lloc web. Afortunadament, no en necessiteu cap. Això es deu al fet que podeu fer servir un generador de favicons per fer la feina.

En aquest article, us oferirem una explicació detallada del que és un favicon i, a continuació, us oferirem una llista dels deu millors generadors de favicon. Només cal que connecteu coses com el logotip, el nom i les imatges del vostre negoci, i el favicon del vostre lloc web estarà llest per utilitzar.



No espereu que ho faci algú altre. Contracteu-vos i comenceu a atacar.

Comenceu gratuïtament

Què és un Favicon?

Un favicon és un petit gràfic que sol aparèixer a la part superior d’un navegador d’Internet. La imatge es col·loca en un fitxer anomenat “favicon.ico” que pertany al directori arrel d’un lloc web. Això ajuda els navegadors d’Internet a esbrinar quina imatge es mostra al costat del nom del lloc web.



A causa de la seva petita mida, un favicon funciona millor com una imatge senzilla dissenyada per complementar el tema del vostre lloc web. Aquí teniu el nostre:



com s'obté el seu propi filtre Snapchat

generador de favicons

La majoria de navegadors web d’escriptori utilitzen una imatge de 16 × 16 píxels per al favicon. Tot i això, no és estrany que alguns navegadors i sistemes de gestió de contingut sol·licitin versions 32 × 32 o 48 × 48 o fins i tot 512 x512.



Això es deu al fet que els favicons no només s’utilitzen a les pestanyes del navegador, sinó que també es presenten quan un visitant marca un lloc web o marca una drecera a la pantalla d’inici del mòbil. En aquests casos, els visitants veuran una versió molt ben escalada del favicon en lloc d’una variant de 16 × 16 estesa. Per tant, no hi ha la millor mida per als favicons.

Tradicionalment, la majoria dels navegadors mostraven el favicon que tenia el format .ico. No obstant això, actualment la majoria accepten també formats de fitxer .gif i .png.

Avantatges d'utilitzar un Favicon

Aquests són els principals avantatges d’utilitzar un favicon al vostre lloc web:

Credibilitat

Tot i la seva petita mida, la inclusió d’un favicon ajuda el vostre lloc web a semblar més creïble i professional. Perquè l’usuari d’internet modern té la tendència a jutjar empresaris i empreses en funció de com dissenyat professionalment al seu lloc web, un favicon personalitzat us proporcionarà punts addicionals de brownie.

Recuperació de marca

Els favicons, després del nom d’un lloc web, són el següent que sovint els visitants relacionen amb una empresa. El motiu d’aquest fet és que tots dos apareixen al navegador quan algú visita el vostre lloc web. Dit això, un favicon té un paper més crític que el nom d’un lloc web des de la perspectiva de marca . Els gràfics són més memorables i reconeixibles que el text.

Repetiu les visites

Un favicon també pot ajudar augmentar el trànsit mensual al vostre lloc web. Suposem, per exemple, que un visitant tenia pressa la primera vegada que va obrir el vostre lloc web i va decidir afegir-lo a una adreça d'interès per a una futura visita. Quan revisin els seus marcadors més endavant, us seria fàcil destacar visualment a la llista si teniu un favicon reconeixible. En poques paraules, el vostre lloc web tindrà més possibilitats de ser marcat i revisitat pels usuaris dels motors de cerca.

Ara que ja coneixeu els seus avantatges, és hora de crear un favicon per al vostre lloc web. Afortunadament, hi ha diversos generadors de favicons per ajudar-vos a crear una icona personalitzada per al vostre lloc web.

Generador de Favicon en línia: les 10 millors opcions

  1. RealFaviconGenerator.net

Fàcil d’utilitzar i senzill, aquest generador de favicons us permet crear una icona personalitzada en qüestió de minuts. Tot el que heu de fer és enviar una imatge .svg, .jpg o .png que sigui260 × 260 i l'eina farà la resta.

millor generador de favicons

RealFaviconGenerator.net us permet generar imatges de favicon per a navegadors Mac i d'escriptori, dispositius Android, tauletes Windows 8, iPad / iPhone i molt més.

També podeu comprovar l’aspecte de la vostra icona existent amb aquest generador de favicons. Simplement introduïu l'adreça del lloc web o l'URL al camp buit i feu clic al botó 'Comprova Favicon' per obtenir un informe sobre com es mostren les vostres icones en diversos problemes.

Si hi ha un problema, simplement el podeu resoldre amb les recomanacions proporcionades. Si ho feu, us ajudarà a millorar la visibilitat general de la vostra marca.

  1. Favic-o-Matic

Favic-o-Matic és un generador de favicons divers que ofereix dos tipus de conversió diferents. Podeu crear icones de forma gratuïta per a totes les plataformes o crear fitxers .ico de 32 × 32 i 16 × 16 píxels.

Generador de favicons Favic-o-Matic

El generador també té molts paràmetres avançats. Podeu, per exemple, utilitzar opcions de mosaic de metro per preestablir la mida del vostre favicon. També podeu triar un color de fons específic i introduir un URL de feed RSS.

Un cop hàgiu configurat la configuració, només cal que pengeu una imatge i espereu el resultat. L'eina en línia també us proporcionarà el codi HTML necessari per carregar el favicon al vostre lloc web.

  1. Favicon.cc

Aquesta eina és creadora i creadora de favicons. Podeu utilitzar-lo per importar un gràfic per dissenyar el vostre favicon des d'un fitxer logotip premadejat , o dissenyar una icona des de zero.

favicon.cc

També podeu modificar els tons dels vostres clics, de manera que no cal preocupar-vos per tenir determinats colors per avançat. L'eina mostra els favicons més recents i de millor qualitat creats per altres usuaris, que us poden inspirar.

generador de favicons en línia

facebook inscripció nova persona en anglès

Favicon.cc us permet fins i tot crear favicons animats. Podeu publicar aquestes icones sota la llicència Creative Commons (CC). A més, podeu descarregar la vostra icona en format de fitxer .ico per mostrar-la a la barra d’adreces de tots els navegadors d’Internet.

  1. Favicon-Generator.org

Favicon-Generator inclou una extensa biblioteca de favicons predissenyats que podeu utilitzar per al vostre lloc web. Podeu cercar diferents icones en funció de colors, lletres o paraules clau.

generador de favicons del lloc web


Com a alternativa, podeu penjar el vostre propi gràfic en format .jpg, .gif o .png i convertir-lo en un fitxer .ico. Aquest generador de favicons us permet crear icones per al web, així com per a aplicacions de Microsoft, iOS i Android.

Tot i que no us proporciona moltes maneres d’editar una icona, Favicon-Generator crearà l’HTML necessari perquè el vostre favicon es mostri al vostre lloc web.

  1. Xiconeditor.com

Xiconeditor és una eina increïble que podeu utilitzar si busqueu una manera ràpida i senzilla de crear un favicon en línia. Inclou una eina de llapis, pinzell, eina de tipus, goma d'esborrar i moltes altres funcions que podeu utilitzar per crear una icona única.

Revisió de Xiconeditor

Si no voleu començar des de zero, podeu penjar una imatge que us agradi i retallar-la directament al generador. També podeu previsualitzar el vostre disseny abans de descarregar-lo, de manera que sabreu exactament com quedarà als navegadors web.

L'eina també us permet jugar amb la tolerància, la configuració alfa i el color. Un cop esteu satisfet amb el resultat, només cal que previsualitzeu i exporteu la imatge de favicon al format de fitxer .ico.

  1. Genfavicon.com

Aquest generador de favicons és extremadament fàcil d’utilitzar. Tot el que heu de fer és carregar una imatge i retallar-la amb l’eina de tall i vista prèvia de Genfavicon. Quan estigueu satisfet amb els resultats, deseu el fitxer en format .ico i estigueu a punt.

genfavicon.com

L’aspecte fascinant d’aquesta eina és que us permet previsualitzar la icona en directe. Això us pot donar una bona idea de com quedarà la icona en un navegador d’Internet.

Les mides que Genfavicon accepta per a la imatge són16x16px, 32x32px, 48x48px, 64x64px i 128x128px.

  1. Antifavicon.com

L’antifavicó és diferent de la resta d’eines d’aquesta llista perquè no depèn de les imatges per generar favicons. En lloc d'això, utilitza dades basades en text per crear icones d'alta qualitat per als propietaris de llocs web.

millor generador de favicons

Hi ha dos camps de text a la pàgina d'inici de l'eina on podeu escriure quins números o lletres voleu al vostre favicon. A més, podeu utilitzar el selector de colors per modificar el color del text i el fons del favicon.

Tot i que les funcions d’edició són una mica limitades, Antifavicon és una bona opció per a les persones que necessiten una icona senzilla i ràpida i no tenen el temps, el pressupost ni les habilitats necessàries.

  1. FavIcon.pro

Aquest és un altre gran creador de favicons per convertir imatges .jpg, .gif i .png en un fitxer .ico. Podeu fer-lo servir per convertir gràfics en icones, icones d'aplicacions i icones d'escriptori en qüestió de segons.

generador de favicons gratuït

L'eina us permet seleccionar la mida de la imatge abans de convertir-la, que oscil·la entreDe 16 x 16 a 128 x 128 píxels. Els principiants també es poden beneficiar de les instruccions que es proporcionen al lloc web de l'eina.

eric thomas success speech descàrrega mp3

En general, FavIcon.pro ofereix una manera ràpida de convertir qualsevol imatge del vostre PC en un favicon eficaç per al vostre lloc web.

  1. Favicongenerator.com

Aquest generador de favicons us permet crear icones tant per a ús comercial com personal. Podeu utilitzar-lo per convertir els fitxers .gif, .jpeg, .png i .jpg existents a fitxers .ico. El codi de l’eina s’actualitza amb freqüència per estar al dia de les últimes tècniques de JavaScript, CSS i HTML.

favicongenerator.com

La imatge hauria de tenir unes dimensions perfectament quadrades i una mida màxima de 2 MB. Les mides que Favicongenerator.com accepta són16x16px, 24x24px, 32x32px, 48x48px i 64x64px.

Per crear un favicon, només cal que seleccioneu una imatge per penjar-la, trieu la mida desitjada i feu clic a 'Crea Favicon'. També hi ha instruccions en pantalla per ajudar-vos a afegir el favicon al vostre lloc web.

A més de tot això, Favicongenerator.com té una secció de preguntes freqüents on podeu aprendre a crear un favicon de retina que funcionarà als dispositius Apple..

  1. Generador en línia Favicon de Webestools

Webestools.com ofereix un generador de favicons gratuït que us permet carregar una imatge i editar-la directament dins de l'eina. També podeu utilitzar les eines de color del lloc web per dissenyar un favicon des de zero. El generador ofereix un editor de punt i fer clic que us pot ajudar a obtenir els resultats desitjats.

Generador en línia Favicon de Webestools

Podeu triar entre 16 px o 32 px per a la sortida. També podeu previsualitzar el disseny per veure com és el vostre favicon real. Si esteu satisfet amb el resultat, podeu fer clic al botó 'Baixa' per baixar el favicon en format .ico.

A més, Webestools us presenta un codi HTML que podeu utilitzar per posar el favicon al vostre lloc web. Només cal que seguiu les instruccions que apareixen a la pàgina d'inici del generador i tindreu un favicon en directe en un tres i no res.

Com afegir un favicon al vostre lloc web

Ara que heu creat un favicon, és hora de posar-lo en funcionament carregant-lo al vostre lloc web. Si feu servir WordPress, podeu fer-ho amb el personalitzador o mitjançant un connector Favicon tot en un . La forma alternativa és afegir-lo manualment fent els passos següents:

  1. Inicieu la sessió al vostre gestor FTP ( ftp: //usuari@elvostre lloc.com)
  2. Pengeu el fitxer .ico al directori arrel del vostre lloc web (/ wp-content / themes / your-theme-folder)
  3. Obriu el fitxer function.php o header.php i col·loqueu el codi següent a sota de l’etiqueta de capçalera:

>

L'URL posterior href = s'ha de substituir pel camí de la vostra icona.

Normalment, el procés és molt més fàcil per als llocs web realitzats en plataformes de comerç electrònic. En Shopify , per exemple, només heu d'obrir 'Configuració del tema' des del tauler, penjar el favicon i fer clic a Desa. A continuació es mostra un vídeo que demostra la facilitat que tenen els propietaris de botigues de Shopify.

Si heu seguit els passos correctament, el vostre favicon hauria de mostrar-se al navegador web cada vegada que algú obri el vostre lloc web.

Conclusió

És possible que els favicons no siguin l’element de marca més important del vostre lloc web, però són fàcils d’obtenir i ofereixen diversos avantatges. Aquest petit gràfic representa el vostre negoci on no hi ha espai per al logotip o el títol. A més, proporciona al vostre lloc l'avantatge addicional que necessita per destacar en una finestra de navegador plena de gent.

Per tant, no us oblideu d’aquesta imatge petita però potent. Utilitzeu un dels generadors de favicons de la llista anterior per crear-ne un per al vostre lloc web. Aprofitant les funcions simples, fins i tot els que no són dissenyadors poden crear un favicon que millori la usabilitat del seu lloc web oferint una gran experiència d'usuari per a persones de totes les plataformes.

Quin generador de favicons voleu provar primer? Feu-nos-ho saber en els comentaris següents.

Voleu obtenir més informació?



^