03
BEHALTEN
Manifest + Apple Touch-Icons
Generiert manifest.webmanifest mit maskierbaren Android-Icons sowie apple-touch-icon-180.png. Legen Sie es in Ihren /public-Ordner.
RealFaviconGenerator uploads your logo to a server, walks you through a six-step wizard, and emails you a ZIP — sometimes after a delay. Favicon.io does the same in fewer steps but still wants a server round-trip. Adobe Express needs a Creative Cloud account and pitches a $9.99/month upgrade for the same canvas resize. Canva pushes Pro before it'll even export the right sizes. Morph runs the resize loop via Canvas API and writes a real multi-resolution favicon.ico with a pure-JS ICO encoder — directly in your browser tab. Drop a square logo, get the full bundle: 16/32/48 favicon.ico, 180×180 apple-touch, 192×192 and 512×512 Android Chrome, plus the HTML <link> snippet for your <head>. No upload, no email, no account. Free for everything that runs on your device; AI is paid in credits.
PNG, SVG oder JPEG ein. Morph rasterisiert bei jeder Größe, die Browser und Betriebssystem-Startprogramme tatsächlich anfordern.
Wahrhaftige mehrfachauflösende ICO-Datei mit 16/32/48 PNG-Payloads — das Format, das Windows und alte Browser noch verlangen.
Generiert manifest.webmanifest mit maskierbaren Android-Icons sowie apple-touch-icon-180.png. Legen Sie es in Ihren /public-Ordner.
Single ZIP with every size, manifest, and the HTML tags pre-written. Paste into
, ship.Lasse eine quadratische SVG-Datei (idealerweise Vektorquelle, da 16×16 scharf bleibt), PNG oder JPG fallen. Artboard liest die Abmessungen lokal und markiert nicht-quadratische Eingaben vor dem Export.
16, 32, 48, 64, 96, 144, 180 apple-touch, 192 und 512 Android Chrome. Canvas-Größenänderung mit bicubic-Qualitätsglättung. SVG-Quellen überspringen die Rasterglättung vollständig.
Echte mehrfachauflösende favicon.ico (16/32/48 in einer Datei), site.webmanifest für Android Chrome PWA und der <link>-Snippet zum Einfügen in deinen <head>. Vermeide das Probieren und Erraten.
RealFaviconGenerator wurde #1 in einer sechsstufigen Anleitung, die dein Logo hochlädt, bevor du eine einzelne Größe vorab ansiehst – und es versendet die ZIP-Datei per E-Mail, manchmal Minuten später. Favicon.io hat weniger Schritte, aber leitet immer noch über ihren Server. Adobe Express benötigt ein Creative Cloud-Konto und bewirbt ein $9.99/Monat Upgrade für die gleiche Canvas-Größenanpassung, die jeder Browser bereits unterstützt. Canva erzwingt Onboarding und eine Pro-Gebühr vor dem Exportieren der richtigen Größen. Genfavicon, Favicon-Generator.org und die halbe Dutzend anderen Anbieter umschließen die Ergebnisseite mit Zwischenseitenanzeigen. macOS Preview kann ICO nicht generieren. Das Muster wiederholt sich: Server-Uploads als Geschäftsmodell, mehrstufige Anleitungen als Upsell-Ramp, dein Logo als Maut. Morph ist die lokale, keine-Upload-Version von all diesen Anbietern zum Preis eines Kaffees pro Jahr – und liefert eine echte mehrfachauflösende ICO, nicht nur eine einzelne 32×32, umbenannt zu .ico.
Wenn Sie exotische Legacy-Formate benötigen — Windows 8 browserconfig.xml-Tiles, Safari pinned-tab masked SVG mit einer benutzerdefinierten Farbe oder die acht Apple precomposed Größen aus iOS 6 — haben die dedizierten Upload-Generatoren eine längere Checkliste. Für moderne Web (jeder Browser, der seit 2018 ausgeliefert wurde) und die iOS/Android Home-Screen-Icons, die 99 % der Websites benötigen, deckt Morph das lokal in zwei Sekunden ab.
Beide laden Ihr Logo auf ihren Server hoch, führen Sie durch einen mehrstufigen Assistenten und senden per E-Mail oder Download eine ZIP-Datei nach Serververarbeitung. Adobe Express benötigt ein Konto, Canva drängt auf Pro. Morph verarbeitet die Größenänderung und ICO-Codierung direkt im Browser über Canvas + einen rein-JavaScript-ICO-Schreiber — keine Uploads, keine E-Mails, kein Konto.
Das vollständige moderne Set: 16×16 und 32×32 (Browser-Tab), 48×48 (Windows-Site-Symbol), 180×180 (apple-touch-icon für iOS-Startbildschirm), 192×192 und 512×512 (Android Chrome PWA + Manifest), plus ein mehrfachauflösendes favicon.ico, das 16/32/48 in einer Datei enthält. Optional: 64×64, 96×96, 144×144, 256×256.
Ja. Das Bundle enthält einen Code-Snippet, den du direkt in deinen <head> einfügst: rel="icon" mit Größen für SVG/PNG, rel="apple-touch-icon" für iOS und eine manifest.json-Referenz für Android Chrome. Überspringe die Probier- und Fehlerphase.
Square SVG ist ideal – der Vektorquelltext sorgt dafür, dass die 16×16 scharf bleibt, ohne Rasterglättungsartefakte. Square PNG bei 512×512 oder größer funktioniert ebenfalls. Nicht-quadratische Eingaben werden automatisch quadratisch gepaddet; Aspektverhältnisabweichungen werden vor dem Export markiert. Vermeiden Sie JPG für Logos mit scharfen Kanten (die JPG-Quantisierung verwischt 16×16).
Ja — Safari auf iOS unterstützt Canvas-Größenanpassung und ICO-Codierung vollständig. Legen Sie ein Logo ab, speichern Sie das Bundle in den Dateien. Die Generierung läuft lokal auf Ihrem Handy, berührt niemals einen Server.
Unberührt. Das Favicon-Bündel ist ein brandneues ZIP. Die Originaldatei bleibt an dem Ort, von dem Sie sie abgelegt haben. Morph ändert Quelldateien nie.