Du willst sharepa direkt aus dem Chat benutzen? So verbindest du Claude oder ChatGPT
Das Favicon ist das kleine Bildchen im Browser-Tab, in den Lesezeichen und im Verlauf. Daran erkennen Besucher deine Seite wieder, wenn zehn Tabs offen sind.
Jede Seite auf sharepa hat eins, auch wenn du nichts tust: Dann zeigt der Tab den ersten Buchstaben deines Titels in einem farbigen Kreis. Aus „Kochkurs im Herbst“ wird ein „K“. Willst du ein eigenes Bildchen, gibt es zwei Wege.
Weg 1: ein Emoji direkt in der Seite
Das geht mit jedem Plan und dauert eine Minute. Schreib der KI im selben Chat, in dem die Seite entstanden ist:
Füge ein Favicon mit dem Emoji 🍝 ein, als SVG direkt im <head>.
Die KI ergänzt im Kopf der Seite eine Zeile wie diese:
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🍝</text></svg>">
Das Bildchen steckt in der Zeile selbst. Eine eigene Bilddatei braucht es nicht, und das ist wichtig: Eine Seite auf sharepa besteht aus einer einzigen Datei, Verweise auf favicon.ico oder logo.png laufen ins Leere.
Danach veröffentlichst du die Seite neu, wie in Artefakt aktuell halten beschrieben. Kopierst du die Zeile selbst, gehört sie zwischen <head> und </head>; das Emoji tauschst du nach Belieben aus.
Bei einem React-Artefakt gibt es keinen <head>, den du selbst schreibst. Dort zeigt sharepa den Buchstaben, oder du lädst ein Bild hoch (Weg 2).
Weg 2: dein Logo hochladen
Mit dem Einmal-Plan lädst du ein eigenes Bild hoch, etwa dein Logo:
- Öffne die Seite in der App unter „Meine Seiten“ und wechsle zu „Einstellungen“.
- Klick in der Karte „Favicon“ auf „Bild hochladen“ und wähl die Datei.
- Nach weniger als einer Minute zeigt der Tab das neue Bild. Eine neue Version der Seite braucht es nicht.
Erlaubt sind PNG, ICO und WebP bis 100 KB. Nimm ein quadratisches Bild, mindestens 64 × 64 Pixel; sharepa schneidet nichts zu. SVG lässt sich nicht hochladen; ein SVG-Bildchen geht über Weg 1.
Ein hochgeladenes Bild hat Vorrang: Bringt die Seite selbst ein Bildchen mit, zeigt der Tab trotzdem dein Logo. Mit „Entfernen“ gilt wieder das Bildchen der Seite oder der Buchstabe.
Was das kostet
Der Buchstabe und ein Bildchen im Code (Weg 1) gehen mit jedem Plan, auch gratis. Ein Bild hochladen (Weg 2) gehört zum Einmal-Plan und kostet nichts extra.
Fragen
Warum sehe ich noch das alte Bildchen?
Browser merken sich Favicons hartnäckig. Lade die Seite mit gedrückter Umschalttaste neu oder öffne sie in einem privaten Fenster.
Ändert sich der Buchstabe, wenn ich den Titel ändere?
Ja, sofort. Die Farbe bleibt für jede Seite dieselbe.
Sieht man das Bildchen auch auf der Passwortseite?
Ja, den Buchstaben oder dein hochgeladenes Bild. Ein Bildchen aus dem Code der Seite zeigt die Passwortseite nicht, weil sie den Inhalt der Seite noch nicht preisgibt.