Generar un favicon
Suba un logotipo y obtenga el juego completo de favicon que necesita un sitio: el icono de 16x16 para la pestaña, los tamaños mayores para la pantalla de inicio de Android, el icono táctil de Apple y un ICO para navegadores antiguos. Paga por cada juego de iconos, sin suscripción.
Esta tarea no está disponible ahora mismo, así que no se puede contratar. No se cobra nada por ella.
Cómo funciona y APIExiste porque 'hacer un favicon y ya' en realidad son una docena de pequeñas tareas de imagen fáciles de olvidar.
Por qué un favicon se convirtió en una familia de iconos
El favicon nació a finales de los años noventa como un único archivo ICO de 16x16, cuando los navegadores ni siquiera tenían pestañas. Después llegaron las pantallas de inicio de los teléfonos, las pantallas de alta resolución y las aplicaciones web que se instalan como cualquier otra, y cada sistema añadió su propio tamaño y formato en lugar de ponerse de acuerdo. Hoy un sitio bien configurado publica muchas más variantes de las que se imagina: iconos pequeños para las pestañas, otros mayores para Android, el icono táctil de Apple, los mosaicos de Windows y un paquete ICO para navegadores antiguos.
Qué falla cuando falta un tamaño
Hacer un favicon a mano son en realidad una docena de pequeñas exportaciones, y cualquiera se olvida. Si una sale mal, el icono se ve borroso en la pestaña o directamente no aparece cuando alguien añade el sitio a la pantalla de inicio de Android. Generar el juego completo desde una sola imagen elimina esa lista de tareas: todos los tamaños salen del mismo logotipo y los iconos quedan coherentes. Resulta útil al cerrar el logotipo de un sitio nuevo, al renovar la marca de muchos sitios a la vez o cuando una aplicación web instalable necesita sus iconos grandes. El juego terminado llega mediante un enlace de descarga válido durante 24 horas.
Un poco de historia detrás del zoológico de favicons
El favicon nació a fines de los años noventa como un único archivo ICO de 16x16 referenciado en el head de una página, cuando ni siquiera existían las pestañas del navegador. Con la llegada de las pantallas de inicio móviles, las pantallas retina y las aplicaciones web instalables, ese icono único se multiplicó en una familia de tamaños y formatos, y cada plataforma agregó su propia convención en lugar de converger en una sola.
El resultado es que un sitio bien configurado hoy incluye muchas más variantes de icono de las que la mayoría de los desarrolladores imagina.
Qué puede hacer con ella
Checklist de lanzamiento de sitio web
Generar el conjunto completo de favicons en el momento en que se define el logo definitivo de un sitio nuevo, en lugar de exportar cada tamaño a mano.
Automatización de refresco de marca
Regenerar automáticamente cada tamaño de icono en decenas de sitios de clientes cada vez que se actualiza un logo de marca compartido.
Preparación para PWA y pantalla de inicio
Producir los tamaños de icono más grandes que necesita el manifiesto de una aplicación web progresiva junto con el favicon estándar del navegador.
Preguntas frecuentes
¿Este generador de favicon es gratuito?
No hay capa gratuita: las capas gratis se abusan y ralentizan a todos. Sin suscripción, sin tokens ni créditos inventados, y una tarea fallida no se cobra.
¿Qué tamaños y formatos incluye?
El conjunto cubre el rango estándar que necesitan los sitios en la práctica, desde el tamaño pequeño de pestaña hasta las dimensiones del icono Apple touch y un paquete ICO, todo generado en una sola llamada.
¿Qué imagen debo subir como origen?
Una imagen cuadrada, limpia y de alta resolución funciona mejor, ya que cada icono más pequeño se genera reduciendo esa imagen, y un origen de baja resolución limita la nitidez de todo el conjunto.
¿Se cobra si falla la generación del favicon?
No. Una tarea fallida se reintenta automáticamente hasta tres veces y nunca se factura si finalmente falla; solo paga por un conjunto completado.
¿Puedo automatizar la generación de favicon para muchos sitios?
Sí, como cada llamada es independiente y asíncrona, es sencillo integrarla en un sistema de compilación o en un CMS multi-inquilino que regenere los iconos cada vez que cambie un logo.
¿En qué se diferencia de un generador de favicon manual?
Produce el mismo tipo de resultado que una herramienta manual en el navegador, pero se puede invocar directamente desde su automatización, con entrega firmada y con tiempo límite en lugar de una descarga manual.
Herramientas relacionadas
Para desarrolladores — acceso por API
Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.
Endpoint de API
Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. Esta capacidad está disponible actualmente mediante la API, no como herramienta interactiva en la Web.
Llámela desde su stack
curl -X POST https://api.kit.forhosting.com/image/favicon \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"image":"https://ejemplo.com/imagen.jpg"}'const res = await fetch("https://api.kit.forhosting.com/image/favicon", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"image": "https://ejemplo.com/imagen.jpg"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/image/favicon",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"image": "https://ejemplo.com/imagen.jpg"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/favicon", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"image":"https://ejemplo.com/imagen.jpg"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"image":"https://ejemplo.com/imagen.jpg"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/favicon", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Ejemplo de solicitud
{
"image": "https://ejemplo.com/imagen.jpg"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.favicon",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Límites
max_mb | 15 |
max_megapixels | 12 |
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |
Notas técnicas
Sube una sola imagen de origen y nuestra API para generar favicon produce todo el conjunto que su sitio realmente necesita: el diminuto 16x16 para las pestañas del navegador, los tamaños más grandes para las pantallas de inicio de Android, el icono Apple touch y un paquete ICO para navegadores antiguos.
Una imagen, una docena de requisitos
Los navegadores modernos, las pantallas de inicio de los teléfonos, los manifiestos de PWA y los tiles de Windows esperan cada uno un favicon en un tamaño ligeramente distinto y a veces en un formato de contenedor diferente. Si algo sale mal, el icono se ve borroso en una pestaña o directamente falta en la pantalla de inicio de Android. POST /image/favicon elimina lo tedioso de esa lista al generar todo el conjunto a partir de una sola imagen en una única llamada.
Cómo fluye la solicitud
Como corre de forma asíncrona, se integra sin fricción en un pipeline de compilación o un plugin de CMS sin frenar el renderizado de ninguna página. Envía su imagen de origen, la tarea se encola y recibe un task_id de inmediato, y una vez que termina el procesamiento obtiene el conjunto generado mediante un webhook firmado o un enlace firmado que permanece válido durante 24 horas.
Pensado para flujos automatizados
Sin exportación manual desde una herramienta de diseño ni tamaños olvidados en el lote. Como todo el conjunto de favicons parte del mismo logo de origen, encaja naturalmente en CI: regenere el conjunto completo de iconos cada vez que cambie el logo de la marca y deje que el webhook coloque los archivos nuevos directamente en su pipeline de activos o en la compilación de su sitio estático.
Qué calidad esperar
Cada salida se genera directamente a partir de su imagen de origen en la resolución que requiere cada destino, así que un origen nítido produce iconos nítidos en todo el conjunto: el endpoint no amplía un logo de baja resolución a algo para lo que nunca fue diseñado.
Casos de integración
Plugin de CMS o tema
Permitir que el dueño del sitio suba su logo una sola vez y que su plugin llame a la API para producir cada archivo de icono que el tema referencia.
Preguntas técnicas
¿Cómo genero un conjunto de favicon con la API?
Envíe su imagen de origen a POST /image/favicon; recibe un task_id de inmediato y el conjunto completo de iconos llega después vía webhook o un enlace firmado válido por 24 horas.
¿Cuánto cuesta generar un conjunto de favicon?
Cada solicitud cuesta $0.002 más $0.005 por cada juego de iconos producido, y se cobra únicamente cuando la generación se completa con éxito.