Favicon del sito
Questo strumento del KIT trasforma un'immagine o un logo nel set di favicon per un sito: le misure classiche in PNG, il file ICO e l'icona per iPhone e Android. Ricevi un pacchetto pronto con i file e i tag HTML da incollare, così l'icona appare corretta nella scheda del browser e tra i preferiti.
Esegui online
Esegui questo sui nostri server con il tuo account. Gli strumenti gratuiti girano nel tuo browser; questo viene addebitato sul tuo saldo KIT al prezzo indicato sopra.
Un'immagine, tutte le misure
La favicon non è un solo file: browser, iPhone e Android chiedono icone di dimensioni diverse. Invece di ridimensionare a mano ogni versione, carichi una volta il tuo logo e ottieni l'intero set generato in modo coerente. Parti da un'immagine di buona qualità e recuperi tutte le misure che servono in un unico passaggio, senza rischiare di dimenticarne qualcuna.
Cosa contiene il set
Il pacchetto include le icone PNG nelle misure più usate (tra cui 16, 32, 180 e 512 pixel), il file ICO tradizionale che molti browser cercano ancora e l'icona per la schermata home di iPhone e Android. In pratica hai tutto ciò che occorre perché il sito mostri il proprio simbolo ovunque, dalla scheda del browser ai preferiti allo smartphone.
Come inserirla nel sito
Insieme ai file ricevi anche i tag HTML da incollare nell'intestazione delle pagine: sono le righe che dicono al browser dove trovare ciascuna icona. Carichi i file nel sito, incolli i tag e la favicon compare al posto giusto. Non serve conoscere i dettagli tecnici: segui le righe fornite e l'icona funziona.
L'immagine di partenza giusta
Il risultato migliore si ottiene da un'immagine quadrata e da un simbolo semplice: una favicon si vede a pochi pixel, quindi un logo troppo dettagliato o con testo minuto diventa illeggibile. Se parti da un logo rettangolare, conviene ritagliarlo o centrarlo in un quadrato prima di generare il set.
Casi d'uso
Il sito di una piccola azienda
Rossi & Figli S.r.l. ha un nuovo sito senza icona nella scheda del browser. Dal logo aziendale genera il set completo di favicon e lo carica: ora il simbolo compare accanto al titolo della pagina e tra i preferiti.
Un blog che si dà un'identità
Un blog personale finora mostrava l'icona generica del browser. Con una piccola immagine trasforma quel dettaglio in un tocco di riconoscibilità su ogni scheda aperta.
Una web agency
Uno studio prepara i siti dei clienti e per ognuno serve il set di icone. Generandolo in un passaggio dal logo del cliente, consegna il pacchetto pronto senza ridimensionare nulla a mano.
Domande frequenti
Che misure include il set?
Le icone PNG nelle dimensioni più richieste, tra cui 16, 32, 180 e 512 pixel, il file ICO tradizionale e l'icona per la schermata home di iPhone e Android. In pratica tutte le versioni che browser e dispositivi si aspettano.
Va bene un logo rettangolare?
La favicon è quadrata, quindi da un logo rettangolare il risultato migliora ritagliandolo o centrandolo prima in un quadrato. Meglio ancora un simbolo semplice: a pochi pixel un logo troppo dettagliato o con testo piccolo diventa illeggibile.
Quanto costa?
$0.002 a richiesta più $0.005 per ogni set generato. Paghi solo i set che crei, senza abbonamento: un set copre tutte le misure di un sito.
Le immagini che carico restano riservate?
Il logo viene elaborato per generare le icone e poi eliminato dai nostri sistemi: non lo conserviamo e non lo usiamo per altro.
Da che formato posso partire?
Puoi partire da un PNG, anche con sfondo trasparente, o da altre immagini comuni fino a 15 MB e 12 megapixel. Un'immagine nitida e quadrata dà il risultato migliore.
Posso generare le favicon in automatico per più siti?
Sì. Via API produci il set a partire dal logo di ogni progetto, comodo per chi realizza siti in serie e vuole consegnare le icone già pronte.
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
curl -X POST https://api.kit.forhosting.com/image/favicon \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"input":"…"}'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({
"input": "…"
})
});
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={
"input": "…"
},
)
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" => '{"input":"…"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"input":"…"}`)
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)Esempio di richiesta
{
"input": "…"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.favicon",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Limiti
max_mb | 15 |
max_megapixels | 12 |
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |