ForHosting KIT · Bilder bearbeiten & analysieren

Favicon-Set aus einem Logo erstellen

Dieses Werkzeug aus dem KIT verwandelt ein Bild oder Logo in das vollständige Favicon-Set für eine Website: die gängigen Größen als PNG, die ICO-Datei und das Icon für iPhone und Android. Sie erhalten ein fertiges Paket mit Dateien und den HTML-Tags zum Einfügen.

● Stabilpro Anfrage + pro Set$0.002

Ausführen — $0.002 + $0.005/Set API ansehen

Nutzen Sie es über WebAPIE-MailApp baldTelegram bald

Online ausführen

Führen Sie dies mit Ihrem Konto auf unseren Servern aus. Kostenlose Tools laufen in Ihrem Browser; dieses wird zum oben genannten Preis von Ihrem KIT-Guthaben abgebucht.

Ein Bild, alle benötigten Größen

Das Favicon besteht nicht aus einer einzigen Datei: Browser, iPhone und Android verlangen jeweils Icons in unterschiedlichen Abmessungen. Statt jede Version einzeln von Hand zu skalieren und zu exportieren, laden Sie Ihr Logo einmal hoch und erhalten das komplette Set in einem Arbeitsschritt, konsistent über alle Größen hinweg und ohne Qualitätsverlust bei den kleinsten Formaten oder Auflösungen, egal für welches Gerät.

Was im Set enthalten ist

Das Paket enthält die PNG-Icons in den gängigsten Größen (darunter 16, 32, 180 und 512 Pixel), die klassische ICO-Datei, die viele Browser weiterhin erwarten, sowie das Icon für den Startbildschirm von iPhone und Android. Damit hat Ihre Website ihr Symbol überall, von der Browser-Registerkarte bis zu den Favoriten und dem Smartphone-Startbildschirm, ohne dass irgendetwas fehlt oder nachträglich ergänzt werden muss.

So binden Sie das Set ein

Zusammen mit den Dateien erhalten Sie die passenden HTML-Tags für den Kopfbereich Ihrer Seiten – die Zeilen, die dem Browser mitteilen, wo er welches Icon findet. Sie laden die Dateien auf Ihre Website, fügen die Tags ein, und das Favicon erscheint an der richtigen Stelle, ohne dass Sie technische Details zu Icon-Formaten oder Browser-Konventionen selbst verstehen oder mühsam nachschlagen müssen.

Das richtige Ausgangsbild

Das beste Ergebnis liefert ein quadratisches Bild mit einem einfachen Symbol: Ein Favicon wird bei wenigen Pixeln betrachtet, ein zu detailliertes Logo oder feiner Text werden dabei unleserlich und verschwimmen zu einem grauen Fleck ohne erkennbare Form. Bei einem rechteckigen Logo empfiehlt sich, es vorher zuzuschneiden oder in ein Quadrat zu zentrieren, bevor Sie daraus das vollständige Set erzeugen lassen.

Anwendungsfälle

Die Website eines kleinen Unternehmens

Die Weber Metallbau GmbH hat eine neue Website ohne Icon in der Browser-Registerkarte. Aus dem Firmenlogo erzeugt sie das vollständige Favicon-Set und lädt es hoch – das Symbol erscheint jetzt neben dem Seitentitel und bei den Favoriten.

Ein Blog mit eigener Identität

Ein persönlicher Blog zeigte bisher nur das generische Icon des Browsers. Mit einem kleinen Bild wird daraus ein wiedererkennbares Detail auf jeder offenen Registerkarte.

Eine Webagentur mit mehreren Kunden

Eine Agentur erstellt Websites für mehrere Kunden und braucht für jede ein eigenes Icon-Set. Aus dem jeweiligen Kundenlogo erzeugt sie das Set in einem Schritt und liefert das fertige Paket, ohne von Hand zu skalieren.

Häufige Fragen

Welche Größen enthält das Set?

Die PNG-Icons in den gängigsten Abmessungen, darunter 16, 32, 180 und 512 Pixel, die klassische ICO-Datei sowie das Icon für den Startbildschirm von iPhone und Android – praktisch alle Versionen, die Browser und Geräte erwarten.

Passt auch ein rechteckiges Logo?

Das Favicon ist quadratisch, daher wird das Ergebnis mit einem rechteckigen Logo besser, wenn Sie es vorher zuschneiden oder in ein Quadrat zentrieren. Ein einfaches Symbol ist zudem klarer als ein detailliertes Logo mit feinem Text, das bei wenigen Pixeln unleserlich wird.

Was kostet ein Favicon-Set?

$0.002 pro Anfrage zuzüglich $0.005 je erzeugtem Set. Sie zahlen nur für die Sets, die Sie erstellen – ein Set deckt alle Größen einer Website ab.

Bleiben die hochgeladenen Logos vertraulich?

Das Logo wird zur Erzeugung der Icons verarbeitet und danach von unseren Systemen gelöscht. Wir speichern und verwenden es nicht weiter.

Von welchem Format kann ich ausgehen?

Von einem PNG, auch mit transparentem Hintergrund, oder anderen gängigen Bildformaten bis 15 MB und 12 Megapixel. Ein scharfes, quadratisches Bild liefert das beste Ergebnis.

Kann ich Favicons automatisch für mehrere Websites erzeugen?

Ja, über die API erzeugen Sie das Set anhand des Logos jedes Projekts, praktisch, wenn Sie regelmäßig Websites umsetzen und die Icons fertig ausliefern möchten.

Für Entwickler — API-Zugang

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

Endpunkt

POSThttps://api.kit.forhosting.com/image/favicon

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

Aufruf aus Ihrem Stack

curl -X POST https://api.kit.forhosting.com/image/favicon \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"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[&#39;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" => &#39;{"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)

Beispiel-Anfrage

{
  "input": "…"
}

Beispiel-Antwort

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.favicon",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Preis

pro Anfrage$0.002

pro Set$0.005

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

Limits

`max_mb`	15
`max_megapixels`	12

Fehler

HTTP	Code	Bedeutung
`401`	`unauthorized`	Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
`402`	`insufficient_balance`	Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
`404`	`unknown_type`	Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
`429`	`rate_limited`	Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →