Cree favicon.ico e iconos de Apple y Android a partir de una imagen o de dos letras
Se procesa en su navegador. No se sube nada.Un favicon es el pequeño cuadrado junto a una pestaña, y los navegadores lo piden en varios tamaños. A partir de una imagen, o de dos letras, esta herramienta crea favicon.ico, los iconos de Apple y Android y el HTML que hay que pegar. Un archivo de hasta 20 MB, generado localmente.
Esta página se ha traducido automáticamente del original en inglés. Ninguna persona ha revisado todavía la traducción, así que la versión en inglés es la que debe consultar. Leer el original en inglés
En Crearlo a partir de, deje Letras y escriba una o dos letras, o elija Una imagen y añada su logo.
Ajuste el Fondo y el Color de las letras, y mueva Esquinas redondeadas entre Cuadrado y Círculo.
Revise las vistas previas a tamaño real y rellene los Datos del sitio para el manifiesto si quiere un nombre y un color de tema.
Pulse Descargar todos los iconos (zip) y copie las etiquetas de Pegar dentro de <head> en su página.
El generador de favicon crea todos los iconos que necesita un sitio web a partir de una imagen o de una o dos letras. Obtiene favicon.ico con imágenes de 16, 32 y 48 píxeles dentro, iconos PNG de 16, 32, 48, 180, 192 y 512 píxeles, un archivo site.webmanifest y las etiquetas HTML para pegar en su página, todo en un zip.
Empiece por su logo si lo tiene: elija la parte cuadrada que quiere usar, y la vista previa muestra cómo se ve al tamaño de la pestaña, donde los detalles finos desaparecen. Si todavía no tiene logo, escriba sus iniciales, elija un color de fondo, un color de letra y la curvatura de las esquinas, y tendrá un icono de texto limpio en segundos. Los sitios de pequeñas empresas, los portafolios, los paneles internos y los proyectos personales parecen más acabados con un icono propio en la pestaña del navegador y en la pantalla de inicio del móvil.
La propia herramienta escribe el archivo favicon.ico con imágenes PNG dentro, un formato que admiten todos los navegadores actuales y Windows desde Vista. El icono de 180 píxeles es el icono táctil de Apple para iPhone y iPad; los de 192 y 512 píxeles figuran en el manifiesto para Android y los sitios instalables.
No se sube nada. Su imagen se dibuja en cada tamaño en su navegador y el zip se crea en su dispositivo. Para obtener el resultado más nítido, use una imagen cuadrada de al menos 512 píxeles; la herramienta avisa cuando una imagen de origen se va a ampliar. Suba los archivos a la carpeta raíz de su sitio, o cambie la ruta para que las etiquetas apunten a donde los coloque.
Añada su logo, o escriba una o dos letras y elija los colores. Revise las vistas previas pequeñas y descargue el zip. Coloque los archivos en la carpeta raíz de su sitio y pegue las etiquetas HTML que se muestran en esta página dentro del head de sus páginas. Los navegadores eligen el tamaño adecuado automáticamente.
No. Cada tamaño se dibuja en un canvas en su navegador, y el favicon.ico, los seis archivos PNG, el site.webmanifest y el zip se crean en su dispositivo. Su logo nunca sale de su ordenador, así que no hay nada que borrar después ni ninguna copia de su marca en un servidor.
Los navegadores usan 16 y 32 píxeles en pestañas y marcadores, Windows usa 48, los iPhone y iPad usan un icono táctil de Apple de 180 píxeles, y Android usa 192 y 512 píxeles del manifiesto web. Esta herramienta los crea todos, además de favicon.ico con 16, 32 y 48 dentro.
Sí. Añada el PNG y descargue favicon.ico solo o con el conjunto completo. La transparencia se conserva porque cada tamaño dentro del icono se guarda como PNG. Una imagen cuadrada de 512 píxeles o más da el resultado más nítido.
Normalmente porque el logo tiene detalles finos o texto delgado que no sobreviven al reducirse a 16 píxeles, o porque una imagen de origen pequeña se amplió para los tamaños mayores. Pruebe con una marca más sencilla, como la primera letra de su nombre, y use una imagen de origen de al menos 512 píxeles.
Una imagen de hasta 20 MB. Se aceptan JPG, PNG, WebP, GIF, BMP, AVIF y HEIC. Los iconos de letras admiten una o dos letras o cifras; los símbolos y los emojis no se admiten porque se ven distintos en cada dispositivo.
¿Sigue sin resolverlo? Pregunte sobre Generador de favicon y cualquiera que lo sepa puede responder. No se necesita cuenta.