Einen Favicon erstellen. Universelle Möglichkeit, Favonov zu erstellen. Online-Favicon-Generatoren und Sammlungen

Heute berühren wir uns ein sehr interessantes Thema. Wenn Sie an Ihrer Website arbeiten, werden Sie früher oder später ein Favicon erstellen. In der einfachen Sprache ist Favon das Symbol Ihrer Website, das auf der Registerkarte Browser angezeigt wird. Es ist auch im Schnellzugriffsbereich des Browsers zu sehen, wenn Ihre Site zu "Favoriten" hinzugefügt wurde.

Favons beliebteste Websites

Ich denke, es macht keinen Sinn, dass Favon eine gute Qualität sein muss, weil es in irgendeiner Weise das Gesicht Ihrer Website ist. In diesem Artikel werden wir lernen, zu unseren Favikon-Bedürfnissen zu schaffen, und lernen Sie auch den Service für ihre Umwandlung kennen. Weiterlesen.

Videokünstler:

Was sollte favon

Bevor Sie anfangen, das Favicon selbst zu schaffen, wäre es schön, auf zu wohnen, was sie ideal sein sollten. Also der perfekte Favon:

Ist klar und verständlich
In guter Qualität gemacht
Übermittelt die Bedeutung Ihrer Site
Hat einen gemeinsamen Stylisten mit Ihrer Website
Steht vor dem Hintergrund der Symbole anderer Websites

Die obigen Parameter können dem idealen Favon zurückgeführt werden. Und wir müssen genau ein solches Symbol für unsere Website erstellen. Es gibt jedoch Streitigkeiten darüber, was genau auf Favonna dargestellt werden sollte. Ich glaube, dass dieses Problem vom Gesamtstift und dem Thema Ihrer Website fortfahren muss. Einige Bilder oder Text können darauf dargestellt werden. Im Falle der Platzierung auf dem Favonoe-Text sollte es aus nicht mehr als 2 Buchstaben bestehen. Andernfalls kann niemand einen solchen Text zerlegen, da die Größen des Favicons hauptsächlich 16 * 16 Pixel ausmachen.

Welche Größen gibt es Website-Icons?

Wie Sie wissen, gibt es jetzt eine große Auswahl an Browsern, Monitoren und Geräten. Und ihre Anforderungen an die Größe von Favonov unterscheiden sich. Es gibt folgende Größen, die folgen:

16 * 16px - Standard-FAVON-Größen für die meisten Browser und Geräte geeignet
32 * 32px - In einigen Fällen verwendet Internet Explorer. und Safari.
57 * 57px - beim Anzeigen auf der Anzeige iPhone.
72 * 72PX - Wird beim Anzeigen verwendet ipad.
114 * 114px - beim Anzeigen auf Retina-Displays (57 * 2 \u003d 114) verwendet
144 * 144PX - Wird beim Anzeigen auf Retina-Displays verwendet ipad. (72*2=144)

Welches Format sollte Favon favorisieren?

Zuvor haben die Browser nur im Format favonos wahrgenommen "Ico". Jetzt haben sie gelernt, andere Formate zu verstehen, darunter "Png". In unserem Fall werden wir 2 Hasen mit einem Schuss töten. Zuerst erstellen wir Favon im Format "Png"und konvertiere es dann in "Ico".

Einige Möglichkeiten, Favonov zu erstellen

Heute gibt es zwei Hauptmöglichkeiten, um Favonov zu erstellen:

Durch spezielle Online-Services
Erstellen Sie sich durch spezielle Programme wie Photoshop und Adobe Illustrator

Jede Methode hat seine eigenen Eigenschaften. Der Vorteil, ein Favon durch Online-Dienste zu erstellen, ist, dass Sie dafür keine besonderen Fähigkeiten haben müssen. Sie laden einfach das gewünschte Bild, Sie erledigen es und laden den fertigen Favon herunter. Entweder arbeiten Sie einfach mit dem Text und zeichnen Sie ein Online-Service-Tool-Symbol. Im Allgemeinen ist der Hauptabbildung dieser Methode die Einfachheit. Die Rückseite der Medaille liegt jedoch darin, dass die Qualität solcher Symbole für Stellen viel zu wünschen übrig bleibt. Einzigartige Favon Sie erhalten nicht aus dem einfachen Grund, warum die Online-Service-Galerie nicht unbegrenzt ist. Und wenn Sie Ihre eigenen Bilder verwenden, mit Hilfe der Service-Tools, ist es nicht so einfach, ein Qualitätsprodukt zu erstellen. Bei der Zeichnung eines manuellen Symbols über die Online-Service-Tools wird "Etwas unvorstellbar" erhalten.

Daher wählen wir die zweite, kompliziertere, aber erfolgreiche Lösung. Um einen Favon zu erstellen, verwenden wir das Programm Photoshop.. Wenn Sie keine Erfahrung mit diesem Programm haben, dann nichts Schreckliches. Nach meinen Anweisungen können Sie die Aufgabe problemlos umgehen.

Favon erstellen

Wie bereits erwähnt, kann Favon mit einem Bild oder einfachen Buchstaben erstellt werden. In unserem Fall werde ich ein Bild benutzen. Stellen Sie sich beispielsweise vor, dass wir eine Website des Automotive-Themas haben. Folglich müssen wir ein Bild aus dem Bereich des Autos finden. Ich schlage vor, das Symbol unserer Site als Rad zu machen.

Wir wählen ein Bild aus

Sie können Bilder von überall annehmen. Zum Beispiel durch das gleiche yandex-Bilder. Die Hauptbedingung ist, einfach, ohne Schatten und Volumina zu sein. Dies ist darauf zurückzuführen, dass, wenn er in 16 Pixel auf Größen abnimmt, nicht hervorragend detailliert ist. Aufgrund unnötiger Volumina und Schatten kann das Bild verschmiert werden.

Ich finde ein passendes Bild mit einer Suche. googleauf Anfrage "Rad". Es bleibt nur noch, um es zu speichern, indem Sie auf die rechte Maustaste klicken und das "Bild speichern als" die Funktion "Save speichern als" aus.

Geeignetes Bild in Google-Images

Als nächstes öffnen wir dieses Bild mit Photoshop.. Es ist sehr wichtig, dass Favon mit einem transparenten Hintergrund ist. In unserem Fall ist es nicht. Um den hinteren Hintergrund zu entfernen, verwenden wir den "Zauberstab" -Tool. Die Essenz ihrer Arbeit ist sehr einfach. Mit diesem Werkzeug können wir Bereiche auf dem Bild derselben Farbe zuordnen. Da der Hintergrund unseres Bildes eindeutig mit dem Rad selbst kontrastiert, ist es sehr einfach, es zu tun. Wenn wir auf einmal klicken, markieren wir einen monochromen Bereich. Durch Drücken einer Tastaturtaste Strg + löschen. Wir löschen diesen Bereich.

Entfernen Sie den Hintergrund unseres Rades

Wir machen es mit allen Teilen des Bildhintergrunds. Somit ist das Rad in unserem Bild auf einem transparenten Hintergrund, der erforderlich war. Der Billet für das Symbol unserer Website ist also bereit.

Erstellen Sie einen Favon in 2 verschiedenen Größen

Ich schlage vor, 2 Filme mit Abmessungen von 64px und 16px zu erstellen. Erstens müssen wir ein größeres Symbol (64px) erstellen. Um dies zu tun, drücken wir die Tastenkombination Strg + N.. In dem angezeigten Fenster wählen wir die Höhe und Breite des Bildes in 64pX aus.

Legen Sie die Abmessungen der zukünftigen Favicon fest

Als nächstes müssen wir unser Rad in den Bereich des gerade erstellten Bildes übertragen. Dazu kommen wir mit dem Rad zum Bild zurück und wählen das Werkzeug "Move" aus. Der nächste Schritt, den wir auf das Bild des Rades klicken und mit der linken Maustaste, bewegen wir ihn in den Bereich des neuen Bildes. Stellen Sie sicher, dass beim Bewegen eine Schicht mit einem Rad isoliert ist. Andernfalls wird die Übertragung nicht erfolgreich sein.

Wir tragen das Rad zu einem neuen Bild

Nachdem wir das Rad mit einem neuen Bild bewegt, sehen wir, dass sie nicht in der Größe geeignet sind. Wir müssen das Rad auf 64 px-Größen reduzieren. Dazu klemmen wir den Schlüssel Verschiebung.und klicken Sie auf den diagonalen Punkt des Bildes, das wir reduzieren. Also haben wir den ersten Favory für unsere Site geschaffen. Ich erinnere Sie daran, dass er 64 * 64px ist. Jetzt müssen wir es speichern, indem wir auf der Registerkarte "Datei", indem Sie die Funktion "FORW FOR WEB" wählen. Wir wählen das Format Png-24. und Ordner bildern. Favon selbst rufen auch nur lateinische Buchstaben an - "Favicon".

Favon halten

Ausgezeichnet. Jetzt müssen wir einen Favon von kleinerer Größe erstellen. Um dies zu tun, klicken wir auf die Registerkarte "Bild" und wählen die Funktion "Bildgröße" aus. Hier setzen wir die Breite und Höhe in 16px. Jetzt müssen wir dieses Bild für das Web speichern. Es kann "Favicon-2" bezeichnet werden.

Also, hier haben wir 2 Favics für unsere Site im Format erstellt "Png". Wir haben eine Option mit einer Größe von 64px erstellt, um sie in 16px auf Größen auf Größen zu reduzieren. Wenn Sie zuerst eine Option von 16px erstellen, funktioniert er nicht bis zu 64 px ohne Qualitätsverlust. Halten Sie es daher daran, nicht doppelte Arbeit zu machen.

Installieren Sie Favon vor Ort

So installieren Sie ein Favicon an der Website innerhalb des Tags Wir schreiben vor:

Falls wir Favon im Format haben " ico " Dann sind wir stattdessen png " Wir registrieren sich " ico ". Beispielsweise:

Wie Sie sehen, wird das Site-Symbol wie wir empfangen angezeigt.

Wir konvertieren das Symbol für die Site, um "ICO" zu formatieren.

Moderne Browser ohne Probleme können Favonat im Format erkennen und anzeigen "Png". Möglicherweise müssen Sie es jedoch in Format konvertieren "Ico". Eine der Vorteile dieses Formats ist die Speicherung von Korrekturen aller Größen in einer Datei. Stimme zu, dass es sehr praktisch ist. Um unsere Abzeichen umzuwandeln, werden wir den Klassendienst verwenden - XiconeDitor.com. Die Arbeit mit ihm ist sehr einfach. Alles passiert 4 Schritte:
1. Zunächst müssen wir unseren Favon herunterladen. Dafür klicken wir auf die Schaltfläche "Importieren".

Laden von Favonson im XiconeDitor.com-Service

3. Wenn Sie möchten, können Sie auf die Schaltfläche klicken "VORSCHAU" Und sehen, wie sie angezeigt werden. So laden Sie unser Favonov im Format herunter "Ico" Wir klicken auf die Schaltfläche "Export".

Also, hier haben wir gelernt, wie man Favona in erstellt "Png" und konvertieren Sie sie in das Format "Ico". Ich habe speziell nicht die detaillierte Bearbeitung des Bildes in Photoshop in Betracht gezogen, da es für viele unnötig ist. Bei Bedarf können Sie sicherlich die Qualität der Favon zusätzlich verbessern, mit Pixel in Photoshop arbeiten. Ich habe versucht, alles, was Sie brauchen, in vereinfachter Form festzulegen. Und ich habe alles dabei. Ich hoffe, dass diese Lektion für Sie nützlich war. Wenn es wahr ist:

Erstellen Sie ein Repost dieses Artikels in sozialen Netzwerken, damit mehr Menschen davon profitieren;
Abonnieren Sie meinen Newsletter, um nützliche und interessante Publikationen im Blog nicht zu verpassen.

Ich sage nicht, dass ich dir nichts verabschiedet habe. Vielen Dank für Ihre Aufmerksamkeit auf das Treffen in den folgenden Publikationen!

Heute will ich. machen Sie sich mit Favon erstellen Dienstleistungen für Ihre Site. Favicon ist eine Verringerung der englischen Worte Favorit und Symbol. Dies ist ein Bild von 16 Größen auf 16 Pixel, das Favicon genannt wird und eine Verlängerung von ICO hat. Es wird im Hosting in den Stammordner Ihrer Site platziert. Wenn Sie die Site herunterladen, sucht der Browser automatisch nach dieser Datei, fügt es dann der Adresszeichenfolge vor der Seite URL und Lesezeichen hinzu, wodurch sie Ihrer Website zugewiesen werden. Kein praktisches Gebrauchssymbol der Website trägt nicht und serviert nur seine Anerkennung.

Jedes Webdesigner, der zumindest irgendwo irgendwo an die Einzigartigkeit und Originalität seiner Ressource denkt, ist einfach verpflichtet, ein spezielles Symbol für ihn zu erstellen. In jedem Browser in der Adressleiste sieht der Name Ihrer Website zusammen mit dem Symbol modern und relevant aus. Es wird auch in Lesezeichen spürbar, und in den Favoriten, die ihm erlauben, von der Masse solcher Websites hervorzuheben. Sie können ein Symbol entsprechend dem Subjekt Ihrer Ressource auswählen, und ohne zu studieren, wird der Besucher sofort verstehen, was er ist. Es wird gut sein, die Anerkennung der Website und die Bildung davon als Marke zu beeinflussen.

Standardmäßig wird eine Website für die Website angezeigt, die dafür im aktuellen Browser bereitgestellt wird. Auch die meisten Versionen von modernen Browsern unterstützen persönliche Korrekturen von Websites. Und in der Yandex-Suchmaschine, die nun mit Google auf dem russischsprachigen Raum dominiert wird, werden auf der Suche in der Suchabfrage Websites auf der Suche nach Websites mit seinem Symbol angezeigt. Daher ist es nicht für später nicht verschoben, es ist notwendig, um ihre Schöpfung genau aufmerksam zu machen.

Es gibt viele Ressourcen im Internet, auf denen fertige Symbole gespeichert sind. Ihre großen, viele, aber jetzt sind wir daran interessiert, Favicon zu schaffen.

Müssen Favicon für die Site erstellen? Betrachten Sie die Dienste, um Favon Online zu erstellen

Der beliebteste Dienst, um ein Symbol für die Site zu erstellen. Es ist gerade genug, um daran zu arbeiten, und sogar ein Anfänger kann damit umgehen. Wir trainieren das Bild, das wir als Site-Symbol sehen möchten. Er verarbeitet es. Wir betrachten das resultierende Bild und wenn es geeignet ist, klicken Sie auf Download. Die Datei wird automatisch mit dem Namen gespeichert. Sie können und unabhängig voneinander pixelmäßig ausgewählt und wenn Sie es mögen, dann auch als Symbol speichern. Es ist wichtig, dass eine einfache Zeichnung zum Erstellen eines Favon verwendet wird. Wenn es viel mehrfarbig ist, erhalten Sie den falschen Fleck.

Der nächste Dienst, der auch einfach zu bedienen ist. Die Arbeit darin ist ungefähr dem vorherigen Analogon ähnlich. Das einzige, was er Englisch und hier mehr Werbung ist. Im Allgemeinen sind jedoch die Maßnahmen zur Generation sehr ähnlich. Laden Sie das Bild, siehe, bearbeiten und speichern.

Jetzt bietet fast jede Ressource Websites-Förderung oder Analytik für sie eine zusätzliche Option, um Favonov zu erstellen. Zum Beispiel alle bekannten Dienste, die auch diese zusätzliche Option haben:

Aber ich mag die Dienste, die direkt unter der Schaffung geschärft werden. Hier sehen Sie ein weiteres hübsches Online-Tool zum Erzeugen von Symbolen verschiedener Größen und Formate. Bescheiden und geschmackvoll. Hochgeladene Datei. Ausgewählte Größe. Vorschau und Speichern auf einem Computer.

Es würde natürlich verwendet werden, um ein beliebtes Photoshop-Symbol zu erstellen, um ein Symbol zu erstellen. Es speichert jedoch keine Bilder mit einer ICO-Erweiterung. Vielmehr speichert es, aber dafür müssen Sie ein spezielles Plugin-icoFormat.8bi auspacken, um ihn im Ordner des Plug-Ins \\ File File-Dateien in der Photoshop-Ordner zu installieren. Dadurch speichert Dateien mit unserer gewünschten Erweiterung. Für mich ist es ziemlich lästig.

Ich schlage diese Option vor. In Photoshop erstellen wir ein Bild, das wir als Symbole sehen möchten, wir sparen mit jeder Erweiterung und senden an einem der oben genannten Dienste, in denen wir von diesen Bildern erhalten, die Sie benötigen.

Sie können auch Online-Grafikkonverter von einem Format zu einem anderen verwenden. Zum Beispiel oder. Mit ihnen können Sie eine beliebige Erweiterung der Grafikdatei auf dem ICO ändern.

Wie macht man das Symbol für den Favon für die Site?

Die folgenden Schritte sind erforderlich:

1 Stellen Sie sicher, dass die Datei aufgerufen wird.

2 Verwenden Sie FileZilla, um ihn im Stammordner unserer Website zu platzieren. Theoretisch sind diese Aktionen ausreichend und der Browser ermittelt automatisch, wo er sich befindet. Wir nehmen den Pfad mit dem HTML-Code wieder zurück und verschreiben den Pfad in diese Datei.

3 Um dies zu tun, nehmen wir die Datei unseres Topic Header.php (Sie können es in der Admin-Panel direkt in WordPress bearbeiten, und Sie können ihn vom Server herunterladen), öffnen Sie ihn und verschreiben Sie sie vor dem Schluss-Tag Nächster Code:

/Favicon.ico "/\u003e

4 Speichern Sie die Datei und den Transfer zurück zum Hosting.

5 Reinigen Sie den Cache des aktuellen Browsers und das ist es. Das gewünschte Ergebnis erhalten.

Übrigens ist es nicht notwendig, dass sich Favon in der Wurzel befindet. Das HREF-Attribut setzt den Weg direkt. Es stellt sich heraus:

Es ist auch nicht notwendig, dass das Symbol mit einer ICO-Erweiterung ist. Sie können auch PNG- und GIF-Erweiterungen verwenden. Dazu ändert sich der Typ der Dateiausgabe im Code.

Das heißt, Ändern Sie den Typ mit dem Bild / X-Symbol auf Bild / PNG oder GIF.

Übrigens können Sie etwas anderes hinzufügen. Wir haben einen Fixierer für die Site erstellt und installiert, und in der WordPress-Administratorplatte bleibt er der Standard-Standard-Fixierer. Damit es überall allgemein geändert wurde, müssen Sie die Datei der Datei function.php eingeben, die folgende PHP -kod einfügen:

funktion sp_set_favicon () (Echo " ";) Add_action (" admin_head "," sp_set_favicon "); add_action (" login_head "," sp_set_favicon "); add_action (" wp_head "," sp_set_favicon ");

funktion sp_set_favicon () (

echo. ".et_bloginfo ("template_url") /\u003e

" ;

add_action ("admin_head", "sp_set_favicon");

add_action ("login_head", "sp_set_favicon");

add_action ("wp_head", "sp_set_favicon");

Jetzt wird es in allen Schlagzeilen reflektiert.

Daraufhin, im Allgemeinen, und das ist es. Heute haben wir diskutiert, warum Sie Favicon für den Standort erstellen müssen und Online-Dienste für die Erstellung von Favon für die Site und die Tuptly seiner Installation überprüft werden müssen. Vergessen Sie nicht, Blog-Updates abonnieren. Bis bald!

Sehen Sie sich das Video an, wie man Favicon.ico erstellt und auf das Hosting platziert:

Hallo zusammen!

In diesem Artikel werde ich Ihnen sagen, wie Sie Favon an der Website installieren. Sie können dies mit dem Stammverzeichnis der Site oder mithilfe der Template-Funktionalität durchführen. Wir werden alle Optionen analysieren und bestimmen, welche für einen oder anderen Fall das Beste sein wird.

Aber davor werden wir darüber reden, wie dieses am meisten Favicon gezogen werden kann. Als nächstes sehen wir, welche Größe das Logo sein sollte, am Ende werde ich Ihnen sagen, wie Sie das erstellte Symbol auf der Website einfügen.

Favon (Favicon) - Website-Symbol 16 x 16 (oder 32 x 32, aber nicht mehr). Es wird auf der Registerkarte Browser angezeigt. Es sieht aus wie das:

Das Symbol wird auch in den Suchergebnissen angezeigt, und wenn Ihre Site keinen eigenen Favon hat, können Benutzer unwahrscheinlich darauf achten. Besonders erfahrener, was wirklich jede kleine Sache schätzt.

In Yandex-Webmaster wird das Fehlen eines Favicons als einen Fehler klassifiziert, der dringend korrigiert werden muss. Dies ist nicht nur mit der Tatsache verbunden, dass Personen in der Suchmaschine dem Standort möglicherweise nicht ohne Symbol, sondern auch mit bestimmten Suchalgorithmen vertrauen. Roboter sehen solche technischen Nachteile und reduzieren meistens die Ressource in der Auslieferung. Ein trauriges Phänomen, das alle SEO-Förderung beeinträchtigen kann.

Lassen Sie uns zusammenfassen:

Favicon wirkt sich in der Auslieferung Verhalten und Heilbarkeit aus.
Suchroboter können auch das Anwesenheit oder das Fehlen eines Favicons berücksichtigen.
Solche technischen Mängel können zu einem Verkehrsabfall führen.

Mit anderen Worten, wenn Sie eine Frage im Allgemeinen haben: FAVICON Fügen Sie Favicon hinzu oder nicht, dann ist die Antwort offensichtlich - seien Sie sicher, dass Sie hinzufügen.

Lassen Sie uns das herausfinden, wie Sie dieses Symbol zeichnen können. Sie können dies mit verschiedenen Online-Diensten, Redakteuren tun.

Wo soll man die fertige Version herunterladen

Keine bessere Wahl, aber jemand genießt sie. Sie können den fertigen Favon aus dem Internet herunterladen und sich nicht besonders über die unabhängige Erstellung Ihrer eigenen kümmern. Alle sind in praktischen Formaten und der gewünschten Größe dargestellt.

Geben Sie einfach die gewünschte Anforderung in die Suchmaschine ein, so etwas wie "Download bereit Favicon", danach werden Sie eine Vielzahl unterschiedlicher Variationen vorgelegt.

Laden Sie ein Bild auf Ihrem PC herunter, und dann auf der Website einstellen. Alles ist einfach. Sie sind absolut kostenlos erhältlich, niemand wird Sie schimpfen. Obwohl dies um das Unternehmen geht, auch wenn es klein sein kann, können unangenehme Vorfälle auftreten, wenn das Logo eines anderen Logos gefunden wird.

Bereite Optionen können an verschiedenen Standorten durchsucht werden. In der Regel gibt es die gesamte Auswahl aller Art von thematischen Logos, die dazu kommen, einige Webmaster zu schmecken.

Aber ich wiederhole noch einmal, es wird besser, einen Favon selbst zu erstellen.

Schaffung von Favicon.

Online Dienste

Favoron kann in Online-Diensten gezogen werden. Es reicht aus, nur um eine entsprechende Anfrage in der Suchmaschine einzugeben, wonach Ihre Aufmerksamkeit eine ganze Liste von Websites darstellt, die Ihnen dabei helfen können, die Konzeption zu realisieren.

Dieser Kurs wird die wichtigsten Merkmale der zuständigen Erstellung von Informationsprojekten, Interaktion mit dem Team und anderen nützlichen Aspekten berücksichtigen, die Sie unbedingt bei der Entwicklung Ihres Unternehmens benötigen.

In der heutigen Lektion werde ich Ihnen erzählen favicon-Icons. (favon). Ich werde Ihnen zeigen So erstellen Sie Favicon.ico für die Website (oder für einen Blog, hier ohne Unterschied) und zeigen Sie, wie Sie können fAVON einfügen.

Sicher wissen viele noch nicht, was ich "Miracle" sage. Einfach ausgedrückt, Favicon (Favon) ist ein Bild (Symbol), das sich vor der Site-Adresse im Browser befindet. Ich werde den Favicon meines Blogs eindeutig zeigen:

Dieses Symbol ist eine Art Logo Ihres Blogs. Daher ist es zur Schaffung eines Favikons erforderlich, mit der vollen Verantwortung zu behandeln. Denken Sie daran, er kann Ihren Blog unter anderem hervorheben.

Unterrichtsplan:

Favicon von Grund auf erstellen.
Erstellen eines Geräts aus dem fertigen Bild.
Dienstleistungen mit fertigen Symbolen für die Site.
Anbringen des empfangenen Symbols an der Site.

So erstellen Sie Favicon (Favon) von Grund auf

Es gibt einen sehr praktischen Service. Es hat eine Favicon.cc-Adresse. Dieser Service zum Gebäude Favonok sieht so aus:

Zu favicon ziehen Es reicht aus, eine Farbe zu wählen und einfach zu zeichnen. Wenn Sie etwas falsch zeichnen, um das Bildfragment zu entfernen, wählen Sie das transparente Werkzeug (Check) und "POKE" auf den Pixeln ("Quadrate"), die Sie entfernen müssen:

Ich habe folgende Favonka gezeichnet:

Vor allem in Favicon.cc mochte ich die Tatsache, dass Sie das Ergebnis Ihrer Arbeit in der Originalgröße sofort sehen können. Dazu müssen Sie in der Previw-Sektion ein bisschen nach unten gehen:

Oder Sie können direkt im Browser (Oper, Firefox, Internet Explorer usw.). Siehe Ergebnisse:

Erstellen von Favicon (Favon) aus dem fertigen Bild

Angenommen, Sie möchten kein Symbol für Ihre Site erstellen, aber Sie möchten es aus dem Bereitschaftsbild erstellen. In diesem Fall ist der Dienst für Sie geeignet, um Favicon.ru-Fixierung zu erstellen.

Service in Russisch, also sollten Sie keine Probleme haben. Geben Sie einfach ein Bild an, das Sie anzeigen möchten, um die Symbole Ihrer Site zu sehen (Schaltfläche "Übersicht"), und klicken Sie dann auf " Favicon.ico erstellen.", Und dann schon" Laden Sie Favicon.ico herunter”.

In dieser Lektion wird die Schaffung von Favicon in Betracht gezogen, Sie werden herausfinden, warum dieses Symbol benötigt wird, um Empfehlungen zur Verbesserung seiner Art und Attraktivität zu erhalten.

Darüber hinaus werden wir den Prozess des Erstellens und Hinzufügens von Favicon für die Site in Betracht ziehen.

Favicon. - Dies ist ein kleines Symbol, das Sie in der Adressleiste des Browsers sehen können, und auf den Registerkarten der öffnen Seiten sowie beim Hinzufügen einer Site wird dieses Symbol in den Browser-Lesezeichen hinzugefügt.

Darüber hinaus zeigt die Yandex-Suchmaschine das Favicon-Symbol in den Ergebnissen der Ausgabe neben Ihrer Site an. Ihre Aufgabe ist es, dieses Symbol zu erstellen, dass dieses Symbol ausfällt, ich wurde an den Hintergrund anderer Symbole in der Auslieferung erinnert und hatte auch einige Verbände mit Ihrer Website. Wunderschön geschaffenes und anziehendes Aufmerksamkeitssymbol Favicon kann die Anzahl der Ziele auf Ihre Website im Vergleich zu denjenigen erheblich erhöhen, auf denen er nicht installiert ist oder eine attraktive Sicht hat.

Hier sind einige Empfehlungen, die beim Erstellen von Favicon in Betracht gezogen werden müssen.

#einer. Das Symbol muss leicht erkennbar sein und Verbände mit Ihrer Website oder Nische haben, auf die Ihre Website gehört. Als Abzeichen können Sie das Logo oder das Symbol der Association mit Ihrer Site verwenden. Darüber hinaus können Sie den Farbkanal verwenden, der Ihre Website oder Ihr Logo erstellt.

# 2. Verwenden Sie keine Standardsymbole. Viele, nachdem Sie eine Website auf einem bestimmten CMS erstellt haben, verlassen Sie das Symbol, ohne sich zu ändern. In der Erteilung der Suchmaschine kann es in der Erteilung der Suchmaschine kein Standort mit einem solchen Abzeichen sein, sondern viele. So markieren Sie nicht, wie Sie Ihre Website nicht hervorheben, also verwenden Sie nur die einzigartigen Favicon-Symbole, die speziell für Ihre Site erstellt wurden. Dies kann auch die Situation enthalten, wenn Sie Symbole aus verschiedenen Sammlungen oder Elementen der Benutzeroberfläche anderer Websites verwenden. Denken Sie daran, herauszudenken, dass Sie ein einzigartiges Favicon brauchen.

# 3. Versuchen Sie, wenn Sie ein Abzeichen erstellen, um hellere und helle Farben in der Regel mehr Aufmerksamkeit auf sich aufmerksam zu machen.

#four. Verwenden Sie keine animierten Symbole. Erstens wird die Animation nicht von allen Browsern unterstützt, deren Besucher der Besucher auf den Inhalt konzentriert sein sollte, und nicht auf dem Symbol.

Betrachten Sie nun direkt den Favicon-Prozess selbst. Dazu gibt es viele Dienstleistungen. Sie eignen sich jedoch eher für diejenigen, die bereits ein fertiges Symbol haben, das sie irgendwo serviert oder von einer Sammlung genommen werden. Aber wie ich oben sagte, muss das Symbol einzigartig sein, also werde ich hier den Prozess des Erstellens von Photoshop im Beispiel der Site-Site in Betracht ziehen.

Erstellen von Favicon Billet in Photoshop

#einer. Erstellen Sie ein neues Dokument in Photoshop Größe 64 * 64px, um dies zu tun, gehen Sie zum Menü "Datei" \u003e\u003e "Neu ..." oder drücken Sie die Tastenkombination Strg + N. Im Allgemeinen sollte das Symbol selbst 16 * 16px sein, aber es ist besser, es zunächst die gleiche Größe zu erstellen und dann auf die notwendige zu reduzieren.

# 2. In meinem Fall habe ich kein Logo für den Standort, also habe ich mich entschieden, das Symbol "w" zu verwenden, von dem die Adresse des Standorts beginnt, sowie diese Farben, die sich oben auf der Stelle herrschen, ist blau und gelb. Daher stellte ich den Farbwert # 6A91D0 ein und mit dem Tool "Füllen" (G) einstellen Sie die blaue Farbe des zuvor erstellten Dokuments.

# 3. Danach habe ich das "Text" -Tool (T) ausgewählt, das das Symbol "W" hinzugefügt und den folgenden Farbwert # FAC31D einstellt.

Damit das Symbol mehr auf einem blauen Hintergrund stehend, fügte ich es mit einer schwarzen Farbe und 2 PX-Größe hinzu. Dazu müssen Sie zum Menüpunkt gehen. "Layer" \u003e\u003e "Stilschicht" \u003e\u003e "Strich"Wählen Sie die Farbe und Größe des Hubs aus.

Danach müssen Sie Layer kombinieren, denn dies müssen Sie zum Menüpunkt gehen "Layer" \u003e\u003e "sichtbar kombinieren" Oder drücken Sie die Tastenkombination SHIFT + CTRL + E.

Damit die Linien glatte Turnschuhe haben, fügte ich Unschärfe hinzu. Dazu müssen Sie zum Menüpunkt gehen. "Filter" \u003e\u003e "Unschärfe" \u003e\u003e "Unschärfe in Gauß ..." Und setzen Sie den Radius von 0,3 Pixel ein.

Sein Charakter oder ein Bild Ort, so dass es maximal Platz benötigt, denn wenn es klein ist, dann ist es mit der Größe des Symbols 16 * 16 nicht wahrnehmbar.

#four. Jetzt müssen Sie die Größe des Symbols ändern. Gehen Sie dazu in das Menü \u003e\u003e "Bildgröße"und stellen Sie die Größe von 16 * 16px ein.

#fünf. Es bleibt, das Symbol zu speichern. Das Favicon-Symbol muss den Namen Favicon und Extension.ico haben. Tatsache ist, dass Photoshop standardmäßig Bilder in Format.ico nicht speichert. Speichern Sie es daher in Format.png, damit diese Option "Datei" \u003e\u003e "Speichern unter ..." und wählen Sie PNG aus der Dropdown-Liste.

Konvertierungsbild in Format.ico

Danach konvertieren wir sie mit dem Dienst in Format.ico. Gehen Sie zu diesem Dienst und wählen Sie mit der Schaltfläche "Übersicht" die zuvor gespeicherte Datei im PNG-Format aus und klicken Sie auf die Schaltfläche "Favicon.ico erstellen" klicken.

Danach erscheint auf der Download-Seite der Link "Favicon.ico!". Klicken Sie auf, auf das Sie das fertige Favicon-Symbol auf dem Computer speichern können.

Jetzt ist es an der Zeit, Ihrer Website Favicon hinzuzufügen, damit es für alle Seiten angezeigt wird. Stellen Sie dazu das Symbol in den Stammordner Ihrer Site ein. Wenn sich Ihre Site bereits beim Hosting befindet, wird dieser Ordner normalerweise als "Public_html" bezeichnet. Dann in jeder Seite Ihrer Site vor dem Schlussknopf Fügen Sie folgende Zeilen hinzu:

In jeder Seite müssen jedoch die String-Daten hinzugefügt werden, wenn Sie eine Site auf HTML haben. Da jedoch höchstwahrscheinlich Ihre Website auf einer Basis basiert, einige CMS, dann reichen Sie aus, um diese Zeilen in die Hauptdatei Ihres Themas hinzuzufügen, die Sie für den Standort verwenden.

Wenn Sie WordPress verwenden, wechseln Sie in den Ordner WP-Content / Theme / Ordner-mit-you-theme / Finden Sie es darin und öffnen Sie die Datei Header.php, und legen Sie die Zeilen ein, und legen Sie die Zeilen ein.

Wenn Sie Joomla verwenden, gehen Sie in den Vorlagen-Ordner / Ordner-C-Your-thema / und öffnen Sie die Datei index.php die erforderlichen Zeilen einfügen und speichern.

In einigen Themen in WordPress und Joomla können ihre Pfade bereits in der Favicon.ico-Datei geschrieben werden, in diesem Fall, entfernen Sie sie und ersetzen sie.

Wenn Sie ein anderes CMS verwenden, tun Sie dann alles analog.

Auf den Seiten der Seiten und in der Adressleiste des Browsers wird Ihr Symbol sofort angezeigt, wie bei der Suche nach dem Yandex, dann ist es erforderlich, Zeit zu haben, und der spezielle Suchroboter Yandex hat danach Ihr Symbol gefunden Es wird in den Suchergebnissen angezeigt.

Das Material wird vom Projekt hergestellt: