Generador de favicones
Convierta una imagen simple en un favicon y un paquete de íconos de sitio web. Compruebe que el diseño sigue siendo reconocible en tamaños pequeños, descargue los archivos y siga el ejemplo de instalación incluido.
Antes de comenzar
- Entrada
- Una imagen JPG, PNG o estática WebP.
- Salida
- Un ZIP con íconos ICO, PNG, un manifiesto y ejemplo de HTML.
Cargando herramienta…
Cómo utilizar esta herramienta
- Elija una imagen JPG, PNG o WebP estática.
- Recorte a un cuadrado o agregue relleno e inspeccione las vistas previas de los íconos.
- Descarga el ZIP y adapta las rutas de ejemplo a tu sitio web.
Entender el resultado
Un favicon suele aparecer en un tamaño muy pequeño. Un símbolo o una letra claros suelen funcionar mejor que una obra de arte detallada o un texto pequeño. Los archivos generados aún deben cargarse y su sitio web debe hacer referencia a ellos.
Prepare un ícono pequeño y claro
Inspeccione la vista previa de 16 píxeles antes de descargar. Evite esperar que una marca denominativa ancha o una fotografía completa permanezcan legibles en un cuadrado pequeño.
Pruebe una muestra
Pruebe una muestra original para inspeccionar el flujo de trabajo admitido. Una muestra exitosa no es garantía para cada entrada.
Muestra de imagen original ↓
Si el resultado no es el que esperabas
El sitio todavía muestra el ícono antiguo.
La generación de archivos no los instala. Verifique las URL de los íconos y el marcado de la página, luego borre el caché del sitio y pruebe una nueva sesión del navegador. Los íconos del navegador y de los resultados de la búsqueda pueden actualizarse en diferentes momentos.
Próxima herramienta útil: SVG a PNG →Límites importantes
- Entrada de imagen únicamente; primero convierta un SVG a PNG.
- La herramienta no altera la configuración de su sitio web.
- Consulte su propio sitio web después de instalar los íconos porque el comportamiento del almacenamiento en caché y de la plataforma puede diferir.
- Máximo 10 MB y 12 millones de píxeles. La salida incluye íconos ICO, PNG, un manifiesto web y un ejemplo de HTML en un ZIP.
Preguntas frecuentes
¿Esto instala el favicon en mi sitio?
No. Prepara archivos y un ejemplo. Cargue los archivos y actualice las rutas o la configuración de su sitio web.
¿El paquete convierte mi sitio web en un PWA?
No. Los archivos de íconos y un manifiesto web básico son solo parte de la configuración de una aplicación web.
¿Por qué mi logotipo es difícil de leer a 16 píxeles?
Los detalles finos pueden desaparecer en ese tamaño. Pruebe con un símbolo más simple, una forma más fuerte o más espacio alrededor de la marca.
Guías relacionadas
¿Preguntas o una corrección? mrkcal@mrkcal.com