Consejo: Vista previa en vivo en el icono de la pestaña del navegador
Inspiración creativa
Estilo YC
Icono de letra naranja
Estilo LinkedIn
Icono de letra con contorno
Estilo Tumblr
Icono de círculo oscuro
Estilo X
Icono negro y blanco
Estilo Bitcoin
Icono de símbolo naranja
Estilo Emoji
Icono de emoji degradado
Preguntas frecuentes
¿Cómo crear un favicon rápidamente?
Simplemente ingrese texto, seleccione una fuente y color, y haga clic en el botón de descarga. El sistema generará automáticamente archivos de iconos de diferentes tamaños. Los iconos generados se mostrarán en la pestaña del navegador, lo que le permitirá previsualizarlos en tiempo real.
¿Qué efectos se admiten?
Actualmente, se admiten tres efectos principales: efecto de sombra (con ajuste de desenfoque y desplazamiento), efecto de contorno (con ajuste de ancho y color) y efecto de degradado (con soporte para degradados lineales y radiales). Puede combinar estos efectos para crear su propio icono.
¿Cómo ajustar la posición del texto?
Use los controles deslizantes de posición para modificar la posición horizontal y vertical del texto. El rango va de -100% a 100%, permitiendo un control preciso de la posición del texto en el icono.
¿Por qué se ofrecen varios tamaños de descarga?
Diferentes dispositivos y plataformas requieren diferentes tamaños de iconos. Por ejemplo, los dispositivos iOS necesitan tamaños más grandes, mientras que los favicons de sitios web estándar usan tamaños más pequeños.
¿Cómo usar las plantillas de color?
Haga clic en la combinación de colores deseada en las plantillas predefinidas, y el sistema aplicará automáticamente esos colores a su diseño de icono.
¿Qué formatos de iconos son compatibles?
Actualmente admitimos formatos PNG e ICO. El formato PNG es adecuado para navegadores y dispositivos modernos, mientras que el formato ICO es el formato estándar tradicional para favicons.
¿Cómo descargar todos los tamaños de iconos a la vez?
Haga clic en el botón "Descargar todos los tamaños" y el sistema generará automáticamente un archivo ZIP que contiene todos los tamaños de iconos en formatos PNG e ICO.
¿Cómo ajustar la transparencia del texto?
Debajo de cada opción de color en el panel de control de colores, encontrará un control deslizante de transparencia que va de 0% a 100%.
¿Cómo ajustar el tamaño de fuente y el espaciado?
En el panel de estilos básicos, use los controles deslizantes para ajustar el tamaño de fuente (12-188px), el espaciado entre letras (-50px a 50px) y la altura de línea (0.8-3).
¿Cómo establecer el radio de las esquinas del icono?
Use el control deslizante "Radio de bordes" en el panel de estilos básicos. El radio va de 0% a 100%, siendo 100% una forma perfectamente circular.
¿Qué fuentes son compatibles?
El sistema ofrece una selección variada de fuentes modernas como Playfair Display, Roboto, Open Sans, Montserrat, Poppins, así como fuentes decorativas como UnifrakturMaguntia y MedievalSharp.
¿Cómo usar el efecto de degradado?
Seleccione el degradado en el panel de efectos y elija entre lineal o radial. Puede establecer los colores de inicio y fin, y para el degradado lineal, ajustar el ángulo (0-360 grados).
¿Cómo usar los estilos negrita y cursiva?
Haga clic en los botones "Negrita" o "Cursiva" en el panel de configuración de fuente. Estos estilos se pueden usar individualmente o combinados.
¿Cómo centrar el texto?
El texto está centrado por defecto. Si es necesario, use los controles deslizantes de posición horizontal y vertical para ajustar finamente la posición del texto.
¿Cómo aplicar el icono creado a mi sitio web?
Después de la descarga, agregue el icono a la raíz de su sitio web e incluya este código en la sección head de su HTML: .
¿Cómo usar emojis en el favicon?
Puede ingresar emojis (😊 🎉 ❤️ etc.) directamente en el contenido del texto. Los emojis se tratan como texto normal y se pueden redimensionar, colorear y modificar con efectos.
¿Cómo mostrar varias líneas de texto en el favicon?
Presione Enter durante la entrada de texto para crear una nueva línea. Ajuste la altura de línea para controlar el espaciado y el tamaño de fuente para asegurar la legibilidad.
