Wie man eine Webpage Icon machen

October 25

Wie man eine Webpage Icon machen

Die kleinen Symbole links neben der Adressleiste nennt man Favicons (kurz für favorite Ikonen) und optisch identifizieren eine Website-Adresse in Ihren Browser-Favoriten-Menü gespeichert. Der Browser-Symbol standardmäßig angezeigt, es sei denn, Sie oder Ihr Web-Designer erstellen Sie ein original-Symbol speziell für Ihre Website. Symbole machen eine Website von Mitbewerbern unverwechselbar. Darüber hinaus zeigen einige Suchmaschinen das Website-Symbol zusammen mit den Website-Link in der Suchergebnisseite, die Schaffung einer Mini-Marke.

Anweisungen

1 Skizzieren Sie die Idee, die Sie für das Symbol verwenden möchten. Halten Sie das Design einfach wie ein Buchstabe oder farbigen Punkt. Vermeiden Sie feine Linien und verwenden Sie nur ein oder zwei grafischen Formen oder Buchstaben. Wenn Sie können nicht zeichnen, sollten Sie Clip on-line-Quellen.

2 Erstellen Sie ein Symbol, 16 x 16 Pixel Quadrat, in Ihrem Lieblings Bild-Editor-Programm auf einem weißen Hintergrund. Beschränken Sie sich auf Windows 16 Standardfarben. Beginnen Sie mit einem größeren Format und dann auf Größe exportieren Sie, wenn Sie Zeichnung Maßstab schwer.

3 Exportieren Sie das Bild als Datei favicon.ico. Wenn Ihr Editor tut nicht exportieren oder speichern in die ICO-Datei-Erweiterung, eine .gif oder .png-Format speichern können dann manuell die Erweiterung zu ICO ändern, nachdem Sie auf den Server hochladen.

4 Laden Sie die Datei in den Stammordner Ihrer Website mit einem FTP-Programm. Hochladen Sie .gif oder .png Dateien im binären Format. Es braucht ein wenig Zeit für den Browser das Website-Symbol in der Adressleiste angezeigt. Nachweis Ihrer Ikone gonna www.YOURSITE.com/favicon.ico.

5 Fügen Sie den Verknüpfung Symbol Code < LINK REL = "SHORTCUT ICON" HREF="favicon.ico" Typ = "Image/X-Icon" > zu Ihrer Seite zwischen den < Kopf >< / Kopf > Markierungen. Browser, die Website-Symbole unterstützen abholen das Bild automatisch, aber dieser Schritt empfiehlt sich für einige Browser, die keine.

Tipps & Warnungen

  • Downloaden Sie ein kostenloses Plugin namens Icon Plugin, mit dem Sie zum Öffnen und Speichern von ICO Bilder in Adobe Photoshop.
  • Animierte Icons sind ärgerlich. Halten Sie Ihre Icondesign, statische und leicht zu erkennen.
  • Wenn Sie Ihre neue Webseite-Icon-Datei in Internet Explorer zu testen, müssen Sie möglicherweise leeren Sie den Cache Ihres Browsers um das Symbol zu sehen.
  • Favorite Website-Symbole zeigen als 16-Pixel-Platz. On-line-Größe verringert Icons 32 x 32 Pixel erstellt; Erstellen Sie jedoch eine Datei nicht größer als 32-Pixel-Platz.