Favicon Generator

Hier können Sie kostenlos ein Favicon generieren lassen. Laden Sie unten einfach die Grafik Datei hoch aus der Sie ein Favicon generieren möchten

Favicon-Generator

Bildgröße  
Datei auswählen


Stell uns deine Frage. Wir antworten dir schnellstens...

Das Favicon steht für Favorite Icon, engl. für Favoriten-Symbol und bezeichnet ein kleines Logo, oder Symbol in einer Größe von maximal 16×16 oder 32×32 Pixel. Dieses Icon wird in der Adresszeile eines Browsers das sich links von der URL zeigt und sich dazu eignet einer Webseite einen Wiedererkennungswert zu bieten. Dieses Favicon wird ebenfalls in der Lesezeichenliste angezeigt unter Favoriten sowie bei den Registerkarten und bei Windows wenn eine Seite abgespeichert wird. Das Icon ist ein Tool das man sich selber gestalten kann passend zu der eigenen Webpage. Es wurde von Microsoft mit dem Internet Explorer 5 erstellt und eingeführt.

Es ist ganz einfach sich mit dem Generator ein eignes kleines Logo zu erstellen. Die Favicons können als ein gif oder auch png erstellt werden. Wenn Sie sich ein eigenes Favicon erstellen möchten brauchen Sie nur die folgenden Schritte in den dafür vorgesehenen Generator einzugeben und erstellen sich so Ihr eignes kleines Symbol. Dieses kann sich in einem Zeichen oder auch einer kleinen Figur zeigen. Aber auch ein Gegenstand der den Inhalt Ihrer Webseite darstellt.

Beispiel zur Handhabung

Schritt 1: Geben Sie in das Feld die Größe ein die Sie sich für Ihr persönliches Logo wünschen. Das ist wichtig damit das Symbol auch die richtige Größe bekommt.

Schritt 2: Suchen Sie sich aus Ihrer Datei ein passendes Bild in der Größe aus die Sie eingegeben haben. Und das Sie für sich nutzen möchten. Wenn Sie in der Datei auf öffnen gegangen sind dann wird das Bild automatisch hochgeladen und generated.

Schritt 3: Wenn sich der code in dem dafür vorgesehenen Feld zeigt, dann können sie sich den html code der ausdrucken lassen, damit Sie diesen immer wieder griffbereit haben.

Ihr eigenes Erkennungszeichen

Mit diesen Favicons können Sie alles kennzeichnen was Sie möchten. Er wird wenn überall dort erscheinen wo Sie den html code eingeben, ob auf Ihrer Webseite oder auch wenn Sie Ihren persönlichen Link verschicken. Dieses Symbol wird Ihr persönlicher Begleiter sein und jeden der Ihre Webseite über Ihre URL besucht es immer wieder als Erkennungszeichen sehen.

Das Dateiformat

Das Dateiformat ico ist ein Container für die besonderen Bilddaten. Hiermit können viele Bilder in unterschiedlicher Auflösung aufgenommen werden, diese werden dann in einem unkomprimierten Zustand als Bitmap zum Beispiel in Windows Vista mit einer Auflösung von 256×256 Pixeln als png abgelegt werden. Es bieten sich unterschiedliche Farbtiefen und Standardgrößen an zum Beispiel: für ico: 16×16 oder 32×32 und 16 bis 16,7 Millionen Farben und für gif und png: 16×16 und 256 Farben. So haben Sie die Möglichkeit eine große Auswahl zu treffen. Ein Beispiel für Favicons ist zum Beispiel das Zeichen von Apple der Apfel der als Wiedererkennungszeichen gilt.

Verschiedene Möglichkeiten

Es besteht die möglichkeit dass Sie sich ein Flavicon erstellen, das transparent ist. Diese sehen in der Regel noch viel schöner aus als die normalen Flavicons. Diese zeigen keine Hintergrundfarbe an und lassen sich ganz einfach erstellen. De einfachste Weg sich ein Logo mit transparentem Hintergrund zu erstellen ist folgender: In Photoshop können Sie sich eine Grafik erstellen mit einem Format von 16 x16 Pixel. Dann machen Sie den Hintergrund transparent und speichern dann diese Datei als transparente png-24 Datei auch File genannt ab. Diese ist speziell zum Speichern für Daten für Web und Geräte. Dann können Sie diese in dem Generator hochladen.

Die Symbole auch im Text unterbringen

Es besteht seit einiger Zeit die Möglichkeit dass Sie die Favicons in Google AdSense Textanzeigen integriert werden können. So können Sie als Werbetreibender diese kleinen Logos so wie ein Firmenlogo nutzen und so den eigenen Brandingeffekt durch die AdWords Anzeigen zu unterstreichen. So können Sie den Text mit einem besonderen Merkmal hervorheben. Das Image kann einen großen Einfluss haben auf die Kaufentscheidungen und sollte auch im Falle eines Icons richtig positioniert werden. Auch sollte dieses passend ausgewählt werden.

Beispiel für die Durchführung mit dem Generator

Haben Sie die Größe eingegeben, dann suchen Sie sich auf ihrer Datei das passende Bild aus, welches sie als Symbol nutzen möchten. Wenn Sie die File herunterladen angeklickt haben, dann wird die Leiste grün und nach ein paar Sekunden erscheint der für Sie generierte code der sich dann so zeigt:

Bildformat 16 x 16 Pixel
Datei hochladen
Ergebnis:

So sollte Ihr html code aussehen nur mit Ihren Angaben. Diesen können Sie dann für Ihr web nutzen und so für den Wiedererkennungswert sorgen. Sie können diesen Code überall einsetzen wo Sie das Symbol oder Logo nutzen möchten. Sie können sich so viele Motive generieren wie Sie es möchten ein Symbol in den unterschiedlichsten Varianten so wie es zum Beispiel bei Apple der Fall ist. Somit haben Sie eine schöne Auswahl, die Sie ganz nach Ihrem belieben einsetzen können. Dieses Logo ist dann auch nur für Sie bestimmt. Das Ganze geht sehr schnell und auch das Einfügen ist in wenigen Minuten erledigt. Damit können Sie ein Zeichen setzen.

Häufig gestellte Fragen

Was ist ein Favicon?

Häufig gestellte Fragen

Was ist ein Favicon?

Das Favicon wird im Code definiert und wird in den gängigsten Browsern direkt links neben dem Namen der Website im Bereich des Tabs angezeigt. Die kleine, zunächst unscheinbare Grafik hat sich seit Jahren bewährt, heute ist die Setzung des Favicons Standard. Das Favicon ist für die Vermittlung des ersten Eindrucks mit verantwortlich und ist daher meist mit Bedacht gewählt. Oftmals spiegelt das Favicon das Logo des Projekts wieder, ist daher eine Methode, den Wiedererkennungswert zu erhöhen.