Heute werden wir darüber sprechen, wie Sie ein Symbol für Ihr Projekt richtig erstellen. Unten sind nützliche Tippsüber Icon-Design sowie Dienstleistungen zu deren Erstellung.

Assoziationsanalyse

Bevor Sie ein Symbol für Ihr Projekt erstellen, müssen Sie Ihre Schlüsselwörter definieren und dann versuchen, die perfekte Darstellung oder Metapher dafür zu finden. Sie müssen nach Bildern und Symbolen suchen, die einen direkten Zusammenhang mit dem Gewünschten haben Stichwort. Auf diese Weise können Sie die richtigen Bilder für Ihre Symbole auswählen, die für den Benutzer intuitiv sind.

Konkurrenzforschung

Erstellen eines Icon-Designs für mobile Anwendung Versuchen Sie, sich nicht zu wiederholen oder das Design anderer Symbole zu kopieren. Warum ist das nötig? Stellen Sie sich vor, Sie suchen einen Task-Manager. Schauen Sie sich die Anwendungssymbole unten an und fragen Sie sich, welchen Manager Sie auf Ihrem Smartphone installieren würden.

Das Wunderlist-Symbol (das erste) schneidet im Vergleich zu anderen Anwendungssymbolen gut ab. Höchstwahrscheinlich wird der Benutzer Wunderlist herunterladen und somit wird die Anwendung mehr Installationen erhalten.

Andererseits wird die Analyse dabei helfen, die Hauptidee zu ermitteln, die Wettbewerber in ihren Symbolen verwenden, um die Hauptfunktion der Anwendung darzustellen.

Zweck des Symbols

Beim Entwerfen eines Symbols ist es wichtig zu berücksichtigen, wie es verwendet wird und welche Funktionen es hat.

Beispielsweise soll das Icon einer mobilen Anwendung als Identifikationsfunktion dienen und diese von anderen Anwendungen auf dem Smartphone unterscheiden. Dies gilt sowohl für die Liste der Programme, die sich bereits auf dem Smartphone befinden, als auch im App Store ( App Store, Google Play).

Sie müssen auch verstehen, dass wir uns zwar ausschließlich auf die Marketingkomponente des Symbols konzentrieren, aber nicht die Szenarien vergessen dürfen, in denen die Anwendung zum Einsatz kommt. Es ist sinnvoller, das Symbol nicht auf einen einzelnen Download, sondern auf die tägliche Nutzung des Produkts durch einen normalen Benutzer zu konzentrieren.

Einzigartigkeit und Wiedererkennung

Wenn Sie für Ihre Marke werben, sollten Sie alle Anstrengungen unternehmen, um den Wiedererkennungswert nicht nur Ihres Logos, sondern auch Ihres Symbols zu erhöhen. Dazu muss es einzigartig und gleichzeitig eindeutig mit Ihrem Projekt verbunden sein, außerdem können Sie einen Mercedes anhand seiner Plakette von anderen Automarken unterscheiden oder einen Nestle-Schokoladenriegel auf der Supermarkttheke finden.

Weniger Details

Je prägnanter das Symbol, desto einfacher ist es, es sich zu merken und auf jeden Fall wiederzuerkennen. Viele Designer streben nach einem möglichst ästhetischen Erscheinungsbild einer Ikone, indem sie viele Details hinzufügen, die keine andere Funktion als Dekoration haben und gleichzeitig das Informationsfeld der Ikone verstopfen. Dies ist kein Foto; akribische Details sind hier nicht erforderlich. Darüber hinaus verschmelzen bei kleiner Größe kleine Details einfach zu einer formlosen Masse.

Das zweite Anwendungssymbol sieht aufgrund seiner Einfachheit und seines Minimalismus besser aus.

Priorisieren Sie die Größe

Es gibt zwei Ansätze zum Erstellen eines Symbols.

Erstens: Erstellen Sie es in großer Größe mit maximaler Detailgenauigkeit und erarbeiten Sie darauf basierend Optionen in kleinerer Größe und schematischerem Erscheinungsbild. Das zweite ist das Gegenteil des ersten: Zuerst wird ein Symbol in der am häufigsten verwendeten Größe erstellt und dann werden andere Optionen durch Hinzufügen oder Entfernen von Details ausgearbeitet. Welchen Weg wählen? Entscheiden Sie selbst, beide Möglichkeiten funktionieren.

Benötigen Sie mehrere Symbole? Erstellen Sie ein Set!

Wenn Ihr Projekt mehrere Symbole erfordert, erstellen Sie sie alle auf einmal in einheitlicher Stil. Sie können die gleiche Farbe, Konturstärke, einzelne Details und vieles mehr haben, der Inhalt der Symbole kann jedoch unterschiedlich sein. So sorgen Sie für ein harmonisches und einheitliches Gesamtbild Aussehen Schnittstelle.

Verschwenden Sie nicht Ihren Platz

Symbole können unterschiedlich sein: breit und schmal, hoch und niedrig. Eine Empfehlung haben sie alle gemeinsam: Bereue es nicht. Freiraum und versuchen Sie nicht, den gesamten verfügbaren Bereich mit Bildern oder Inschriften zu füllen. Lassen Sie das Symbol „atmen“ und lassen Sie etwas Platz um die fertige Komposition herum, wenn Sie sie in der Benutzeroberfläche oder anderswo platzieren. Gleichzeitig gibt es für solche Fälle keine eindeutige Angabe zur Größe der Vertiefung in Pixeln. Lassen Sie sich einfach von Ihrer eigenen visuellen Wahrnehmung leiten.

Verschiedene Symbole für verschiedene Plattformen

Wenn Sie ein Symbol für verschiedene Plattformen erstellen müssen, können Sie mit einem Design beginnen und einfach kleine stilistische Anpassungen vornehmen, um am Ende mehrere Symbole zu erhalten, die unterschiedlich sind, aber dennoch ihre Verwandtschaft zeigen.

Farbe ist sehr wichtig

Die Wahl der richtigen Farbe bestimmt maßgeblich die Wahrnehmung Ihres Symbols. Versuchen Sie, nicht mehr als zwei kontrastierende Farben zu verwenden. Übrigens hat Google im Material Design bedingte Einschränkungen festgelegt und sogar Sätze kompatibler Farben festgelegt. Verwenden Sie sie in Ihrem Design.

Verzichten Sie auf Text

Ein wirkungsvolles Symbol erfordert keine Worte, um seinen Inhalt zu vermitteln. Hinterlassen Sie Text für Websites oder Werbebanner Versuchen Sie beim Erstellen eines Symbols, darauf zu verzichten. Warum ist das so? Denn wenn die Symbolgröße verringert wird, wird der Text unleserlich und sieht aus wie ein normaler Farbfleck.

Suchen Sie nach einem Gleichgewicht zwischen Originalität und einfacher Wahrnehmung

Wie Sie in jedem App Store sehen können, gibt es Symbole in einer großen Vielfalt. Experimente sind gut, die ursprüngliche Form fällt immer auf. Aber vergessen Sie nicht die Einprägsamkeit: Je einfacher die Form des Symbols, desto einfacher ist es, es sich zu merken. Ein gutes Beispiel sind in diesem Fall Verkehrszeichen – das sind einfache Formen, die leicht zu lesen und zu merken sind, auch wenn der Fahrer sich mit angemessener Geschwindigkeit bewegt.

Für Ihre Bewerbung müssen Sie sich etwas Ähnliches einfallen lassen – originell und einfach in der Form. Es sollte berücksichtigt werden, dass auf den Bildschirmen mobile Geräte Symbole werden unterschiedlich angezeigt – in größerer oder kleinerer Größe. Daher müssen Sie auch darauf achten, dass die von Ihnen erstellte Version immer attraktiv aussieht.

Vergessen Sie nicht den Hintergrund

Im App Store werden Icons meist auf einem hellen Hintergrund – weiß oder grau – angezeigt. Das Hintergrundbild des Geräts, auf das der Benutzer Ihre Anwendung herunterlädt, kann jedoch eine beliebige Farbe haben. Vergessen Sie daher nicht zu prüfen, wie attraktiv und auffällig Ihr Symbol auf einem bestimmten Hintergrund ist.

Elemente der Anwendungsoberfläche haben auf dem Symbol keinen Platz

Platzieren Sie keine Elemente der Anwendungsoberfläche auf dem Symbol. Dies verwirrt den Benutzer und gilt als schlechtes Benehmen.

Das Symbol sollte informativ sein

Ein wirkungsvolles Symbol kommuniziert durch sein Erscheinungsbild die Funktion der Anwendung. Auf diese Weise kann der Benutzer verstehen, wofür Ihr Produkt gedacht ist, bevor er sich die Beschreibung ansieht. Beispielsweise verwenden sie für Spielersymbole Bilder von Noten, Instrumenten oder Visualisierern, für Kameras oder Grafikeditoren eine Kameralinse und für Messenger wie Viber symbolische Nachrichtenblasen.

Anhand des Icons zieht der Nutzer einen Rückschluss darauf, was ihn in der Anwendung erwartet. Daher sollte das Symbol klar und prägnant sein, mit einem Minimum an Objekten und das Bild sollte auf den ersten Blick lesbar sein.

Ksenia Mayevskaya, Entwickler der Anwendung Remember-Remind.

Nachdem wir nun Tipps zum Erstellen eines effektiven Symbols erhalten haben, möchten wir Sie darauf aufmerksam machen nützliche Dienste um es zu schaffen.

Nützliche Dienste und Ressourcen zum Erstellen eines Symbols

Russischsprachig Online-Dienst um sowohl einzelne Icons als auch ganze Sets zu erstellen. Große Auswahl an Symbolen und Optionen zu deren Bearbeitung.

Schriftartsymbole zur Verwendung mit Twitter Bootstrap

Hier finden Sie nahtlose Texturen und vorgefertigte Paletten. Diese Ressource verfügt auch über ein Forum, in dem Kommunikation stattfindet. Toller Service um die Farbe Ihres Symbols auszuwählen.

Professioneller Online-Dienst, mit dem Sie generieren können Farbschema gemäß den Farbregeln im Farbkreis.

Automatische Erstellung von Farbverläufen.

Eine Ressource, die ideal für diejenigen ist, die sich nicht für Farben und Schriftarten für Ihr Projekt entscheiden können. Interessanterweise können Palette und Schriftarten je nach Geschäftsbereich ausgewählt werden.

Management,gewidmet Material Design für Android

Führer über iOS Human Interface von Apple.

Schritt-für-Schritt-Anleitung zum Erstellen eines Symbols

Mit können Sie ein Symbol für eine Website oder Anwendung erstellen Grafikprogramme oder Online-Dienste.

Die erste Methode eignet sich für erfahrene Designer für sorgfältige Arbeiten. Online-Tools eignen sich dafür schnelle Erstellung oder große Menge Symbole, zum Beispiel für eine Website, einen Dienst. Online-Tools sind einfacher und intuitiver und daher ideal für Anfänger.

Einer der Online-Dienste, mit denen Sie schnell moderne erstellen können Symbole ist IconsFlow.

Ein paar Worte zu den Möglichkeiten des Dienstes:

• Möglichkeit zum Exportieren von Symbolen in SVG- (Vektor-), PNG- und ICO-Formularen;
• Tolle Bearbeitungsfunktionalität;
• Möglichkeit, Icon-Pakete im gleichen Stil zu erstellen;
• Kostenlose Optionen.

Fahren wir nun mit dem Erstellen eines Symbols fort.

Um ein Icon oder ein ganzes Set zu erstellen, müssen Sie zunächst das gewünschte Icon oder mehrere gleichzeitig im Online-Editor finden.

Anschließend können Sie es mithilfe von Bearbeitungswerkzeugen anpassen. Sie können beispielsweise die gewünschte Farbe des Symbols oder Hintergrunds festlegen, ein weiteres Symbol, eine andere Form oder einen anderen Text hinzufügen oder ein neues Element hinzufügen.

Nachdem das Symbol (oder die Symbole) bearbeitet wurden, können Sie den Hintergrund, die Skalierung und die Schatten bearbeiten und einen Farbverlauf hinzufügen.

Einer der Vorteile des Dienstes besteht darin, dass Sie beim Erstellen einer ganzen Reihe von Symbolen alle oben genannten Änderungen stapelweise durchführen können.

Das heißt, indem Sie an einer Stelle klicken, ändern Sie das Design aller Symbole auf einmal: Schatten, Größe, Hintergrund usw. Sehr praktisch, wenn Sie 3-5 oder mehr Symbole erstellen müssen.

Nachdem Sie die Symbole erstellt haben, werden Sie vom Dienst aufgefordert, ein Konto zu erstellen, in dem Sie die Symbole kostenlos herunterladen oder sich für einen kostenpflichtigen Plan anmelden können.

Das ist alles.

Wie Sie sehen, sollte selbst die Erstellung eines so kleinen Elements wie eines Symbols mit aller Verantwortung angegangen werden. Ein gutes Icon-Design erregt die Aufmerksamkeit der Benutzer, während ein schlechtes Icon-Design sie abschrecken kann.

Viele Leute nehmen Online-Icon-Editoren nicht ernst, aber tatsächlich erleichtern solche Tools den Arbeitsablauf erheblich. Nur ein paar Klicks können Ihnen stundenlanges Suchen, Stöbern usw. ersparen Selbstentwicklung. Darüber hinaus macht es keinen Sinn, vollwertige Dienste zu nutzen, wenn es spezielle Dienste mit maßgeschneiderten Funktionen für diese spezifischen Aufgaben gibt.

Icon-Editor-Sites wie diese sind sehr effektiv. Sie ermöglichen Ihnen:

• einfach und schnell neue Materialien erstellen;
• bestehenden Entwicklungen ein vollendetes Aussehen verleihen;
• Speichern Sie das Ergebnis in verschiedene Formate(SVG, ICO und PNG);
• Erstellen Sie Symbole für .

In diesem Artikel haben wir die fünf besten kostenlosen Online-Icon-Editoren ausgewählt und zum Vergleich versucht, in jedem von ihnen ein Set zu erstellen.

IconsFlow

IconsFlow.com – Vektorsymbole + Editor, mit dem Sie personalisierte Sets erstellen und exportieren können gute Qualität(SVG, ICO und PNG). Der Hauptvorteil des Dienstes ist die Anwesenheit von zwei Redakteuren:

• das Hauptmenü, in dem Palette, Stil und Effekte ausgewählt werden;
• Formulareditor, in dem Sie die aktuelle Form ändern oder eine neue zeichnen können.

Wenn Sie bereits Symbole in Illustrator erstellt haben, laden Sie einfach die SVG-Dateien herunter und experimentieren Sie damit unterschiedliche Hintergründe. IconsFlow unterliegt bestimmten Einschränkungen kostenlose Nutzung Machen Sie sich also unbedingt mit ihnen vertraut, bevor Sie beginnen. Für unerfahrene Benutzer gibt es Lektionen und einen Hilfebereich, und es ist auch möglich, im Icon-Editor auf Russisch zu arbeiten.

Ansicht des IconsFlow-Vektoreditors:

Arbeitsbeispiele:

FlatIcons

Mit FlatIcons.net können Sie Ihr eigenes flaches Icon (Flat Style) erstellen vorgefertigte Vorlagen. Legen Sie die Abmessungen fest, wählen Sie ein Muster und den Haupthintergrund (Kreise, Ringe, Rechtecke) und ändern Sie die Farbe. Dieser Icon-Editor ist kostenlos, hat aber zwei Nachteile:

• Erstens können Sie nur Dateien im PNG-Format herunterladen.
• Zweitens müssen Sie jedes Objekt separat erstellen, weil... Es ist unmöglich, ein ganzes Set auf einmal zu entwickeln.

Obwohl der Höhepunkt der Popularität bereits überschritten ist, verwenden viele Menschen sie in ihren Designs. Die Entwickler bieten Ihnen beispielsweise die Möglichkeit, einen kostenlosen Satz sozialer Flat-Icons herunterzuladen. Das Ergebnis der Arbeit im FlatIcons-Editor:

Launcher-Icon-Generator

Das Launcher Icon Generator-Projekt ist kostenlos und unserer Meinung nach eher für fortgeschrittene Benutzer geeignet. Mit diesem Online-Symboleditor können Sie Bilder/Cliparts hochladen und Text hinzufügen. Sie können jeweils ein Symbol in 5 Größen herunterladen (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

Das Basis-Clipart ist eine Reihe von Grafiken im Material Design-Stil von GitHub. Der Dienst enthält Einstellungen wie: Einrückungen, Form, Hintergrundfarbe oder Transparenz, Skalierung + zusätzliche Effekte. Ergebnis:

Android Material Icon Generator ist ein weiteres Tool zum Erstellen flacher Symbole. Das Highlight des Gottesdienstes ist auf jeden Fall der Effekt in Form eines langen Schattens. Wenn Sie ähnliche Lösungen benötigen, ist dieser Icon-Editor eine ideale Option.

Wählen Sie zunächst ein Bild aus der Galerie aus und bestimmen Sie dann die Farbe und Form Hintergrund(Kreis oder Quadrat), Schattenlänge, Sättigung, Abschwächung – und Ihr Symbol ist fertig. Alles ist extrem einfach. Die Website ist für den persönlichen Gebrauch völlig kostenlos.

Nach dem Herunterladen finden Sie in der Archivdatei 6 PNGs verschiedene Größen und eine SVG-Vektordatei. Das SVG-Symbol wird in Illustrator verschwommen sein, aber zum Glück sieht es im Browser gut aus. Das Endergebnis ist etwa:

Die Simunity-Site ist ein HTML5-Generator, mit dem Sie ein Symbol erstellen und dann den Code kopieren können, um ihn in Ihren Webprojekten anzuzeigen. Als Quellmaterialien werden Icons von Font Awesome verwendet, für die unterschiedliche Parameter ausgewählt werden: Farbe, Rahmen, Größe und Stil der Schatten.

Dieser Dienst ist nützlich, wenn Sie schnell einfache, originelle Symbole für Ihre Website erstellen müssen. Ergebnis der Verwendung von Simunity:

Gesamt. Oben besprochen Online-Redakteure Symbole sind hervorragende Werkzeuge zur Optimierung der Arbeit von Designern. Es macht keinen Sinn, irgendwelche Programme herunterzuladen, wenn alles einfach und schnell online erledigt werden kann. Aus dieser Auswahl lässt sich vielleicht IconsFlow unterscheiden. Es enthält das Maximum große Zahl Features: Icon-Galerie, SVG-Download, Einbettungscode, Vorschau, erstellen Sie Ihre eigenen Vorlagen, exportieren Sie PNG, ICO und SVG, passen Sie Größe, Modestile und den integrierten Vektoreditor an. Außerdem ist dies der einzige kostenloser Editor Symbole auf Russisch, falls Ihnen das wichtig ist.

Wenn Sie andere ähnliche Dienste kennen, senden Sie Optionen in den Kommentaren.

Favicon ist ein kleines Symbol, das neben dem Namen der Website im Browserfenster oder in den Suchmaschinenergebnissen erscheint. Es hat keine SEO-Funktion, aber seine Verwendung ermöglicht es Ihnen, die Wiedererkennung der Website und damit den CTR-Indikator zu erhöhen. Sie können auch Retina-Favicons erstellen.

Welche Größe sollte ein Favicon haben?

Typischerweise gibt es Favicons in den Größen 16x16px oder 32x32px. In welchem ​​Format erhalte ich das Favicon? Nachdem Sie ein Favicon erstellt haben, erhalten Sie eine favicon.ico-Datei für die Site, also eine Datei mit der Erweiterung *.ico. Das ist es, was in Zukunft genutzt werden muss.

Wie erstelle ich ein Favicon online?

Verwenden

 ...
 
 
 ...

Favicon-Generator

online auf unserer Website. Sie können nicht nur ein Favicon aus einem Bild erstellen, sondern auch den integrierten Editor verwenden, mit dem Sie jedes beliebige Symbol für die Site erstellen können.

So platzieren Sie ein Favicon auf einer Website

Sie müssen das Favicon in das Stammverzeichnis der Site hochladen, um eine Adresse wie http://sitename.ru/favicon.ico zu erhalten. Dies ist der Pfad zum Bild. Als nächstes müssen Sie den Code in das Tag einfügen. Es sollte so aussehen:

Warum den Pfad zum Favicon angeben?

Einige Websites verwenden unterschiedliche Favicons, um den Benutzern die Navigation durch die Abschnitte der Ressource zu erleichtern. Daher ist es erforderlich, den Pfad anzugeben. Wenn Sie ein Favicon für die gesamte Site verwenden, müssen Sie den Pfad dazu nicht angeben.

Wird das Favicon in den Suchergebnissen angezeigt?

Google zeigt keine Favoriten an. Yandex verfügt über eine sogenannte Favicon-Indizierung, dieser Vorgang dauert zwischen einer Woche und einem Monat.

Wenn Theater mit einem Kleiderbügel beginnt, dann beginnt jede Website, die etwas auf sich hält, mit einem Symbol. Spaß beiseite, manchmal wird die Ressource selbst anhand der Präsenz und Qualität des Symbols einer Website beurteilt. Ja, und die Anzeige des Symbols in den Suchergebnissen hilft dabei, die Website von den anderen zu unterscheiden.

Sie können mit jedem Grafikeditor ein Favicon für eine Website erstellen. Falls schon vorhanden fertiges Bild(zum Beispiel ein Firmenlogo), Sie müssen es nur vorbereiten und verkleinern. Wenn Sie eine Zeichnung „von Grund auf neu“ erstellen müssen, empfiehlt der „Favicon“-Dienst die Verwendung eines einfachen, aber ruhigen praktisches Programm Zeichnungssymbole.

Das Symbol wird also geladen oder gezeichnet. Um das fertige Bild zu erhalten, klicken Sie einfach auf die Schaltfläche „Favicon herunterladen“ in der unteren rechten Ecke der Seite. Dadurch wird die Datei favicon.ico geladen.

Favicon und Photoshop

Sie können die gesuchte Datei nur mit Photoshop erstellen. Nachdem Sie das gewünschte Bild ausgewählt oder zuvor gezeichnet haben, klicken Sie auf „Speichern unter“ und wählen Sie .ico aus der Liste der Formate zum Speichern aus.

Es kann vorkommen, dass die Version des Bildbearbeitungsprogramms dieses Format nicht unterstützt. In diesem Fall sollten Sie das ICO-Format-Plugin suchen und herunterladen. Es muss in den Ordner Plug-InsFileFormats entpackt werden. Nach diesen einfachen Schritten ist die Möglichkeit zum Speichern in dieser Erweiterung verfügbar.

Ein kleiner Rat. Fast alle Browser standardisieren Website-Icons auf eine Größe von 16 x 16 Pixel. In Anbetracht dessen besteht keine Notwendigkeit, hochkünstlerische Leinwände zu erstellen – sie werden einfach nicht sichtbar sein.

Das ICO-Format wird am häufigsten verwendet, da es von allen gängigen Browsern unterstützt wird. Sie können Bilder in anderen speichern Grafikformate, aber es ist wichtig zu bedenken, dass einige Browser ein solches Symbol nicht anzeigen.

Installieren eines Symbols

Wir haben das geschätzte Favicon erhalten. Sie sollten darüber nachdenken, wie Sie ein Symbol auf der Website platzieren. Dazu müssen Sie die Bilddatei in das Stammverzeichnis der Site hochladen (normalerweise public_html genannt).

Aber das ist noch nicht alles. Um das Symbol anzuzeigen, müssen Sie den folgenden HTML-Code eingeben:

In der Spalte „Typ“ ist es wichtig, den Bildtyp korrekt anzugeben. Das heißt, wenn ein GIF-Bild verwendet wird, sieht der Code so aus:

Dieser Code wird irgendwo zwischen den Tags installiert Und Hauptseitendatei.

Wir haben herausgefunden, wie man ein Symbol auf einer Website installiert. Sie können die korrekte Installation überprüfen, indem Sie einfach die Adresse Ihrer Seite in Ihren Browser eingeben. Wenn links neben der Adresse ein Favicon angezeigt wird, ist alles korrekt gemacht.

Es ist zu beachten, dass das Symbol nicht sofort in den Suchmaschinenergebnissen erscheint, sondern erst nach der Aktualisierung des Caches. Dieser Vorgang kann eine Woche bis zu einem Monat oder sogar länger dauern.

Ersetzen des Symbols

Wenn auf der Site bereits ein Favicon vorhanden ist, der Ressourceneigentümer damit jedoch nicht zufrieden ist, müssen Sie herausfinden, wie Sie das Site-Symbol ändern können. Tatsächlich ist daran nichts Kompliziertes – das Ersetzungsschema ist identisch mit dem Hinzufügen eines Symbols zur Site. Das heißt, zunächst wird ein Bild gezeichnet und in einem vorgegebenen Format gespeichert. Das resultierende Bild wird in den Stammordner der Site hochgeladen, der HTML-Code wird geändert oder neu geschrieben (falls erforderlich). Wenn alles richtig gemacht wurde, wird der Browser angezeigt neues Symbol sofort nach dem Aktualisieren der Seite.

Um die Antwort auf die Frage zu finden, wie Sie das Site-Symbol ändern können, sollten Sie dieses Material erneut lesen. 🙂

Guten Tag! Haben Sie ein Favicon auf Ihrer Website? Dies ist ein wichtiges Element der Website, es wird in den Suchergebnissen angezeigt! Lesen Sie den Artikel darüber, was es ist und wie Sie es in wenigen Minuten installieren.

Ein Favicon ist ein Symbol für eine Website, ein integrales Attribut und die Individualität Ihrer Ressource. Mit Hilfe von Favicon kann der Leser Ihr Online-Projekt leicht identifizieren und finden "Lesezeichenleiste" in Ihrem Browser oder in einigen anderen Suchmaschinen, zum Beispiel Yandex.

Ich habe an im Moment Das Favicon sieht so aus:

Jetzt denke ich, dass Sie verstehen, was das ist. Gizmo" — Favicon. Lassen Sie uns herausfinden, wie man es macht.

So erstellen Sie ein Favicon

Generell sollte das Favicon 16x16 groß sein. Sie können das Bild für das Symbol mithilfe einer Grafik selbst erstellen Photoshop-Editor, oder suchen Sie ein Bild im Internet und verkleinern Sie es auf die Größe des Favicons (in diesem Fall 16x16). Das einzige Problem ist, dass Photoshop und viele andere Grafikeditoren Bilder nicht speichern ICO-Format, und wir brauchen genau dieses Format!

Aber wie heißt es so schön: „Wer sucht, wird immer finden" . Und ich habe eine Lösung gefunden – das ist ein Onlinedienst, der das Format Ihres Bildes (Favicon), normalerweise ein PNG- oder JPG-Format, in das ICO-Format konvertiert. Dies ist ein Service image.online-convert.com.

Um das Bildformat in das ICO-Symbolformat zu konvertieren, müssen Sie auf die Schaltfläche „ Rezension" , wählen Sie ein Bild aus, stellen Sie die Pixelgröße auf 16×16 ein und klicken Sie auf die Schaltfläche "Datei konvertieren" .

Nachdem Sie die oben genannten Schritte ausgeführt haben, können Sie die Datei im ICO-Format auf Ihren Computer herunterladen.

Wenn Sie sich nicht die Mühe machen möchten, ein Favicon zu erstellen, können Sie es von verschiedenen Diensten im Internet herunterladen, bereits im ICO-Format. Zum Beispiel Service Symbolsearch.ru. Hier finden Sie das Favicon, dazu müssen Sie „ Suchen„ ein Wort, das die Bedeutung Ihres Favicons trägt. Zum Beispiel „ Geld„–dann werden alle Symbole angezeigt, die der Bedeutung entsprechen.

Ich denke, wir haben das herausgefunden. Jetzt müssen wir das bereits heruntergeladene Favicon auf eine Internetressource hochladen, hierfür können Sie Programme verwenden Totaler Kommandant oder und kann auch über heruntergeladen werden Dateimanager Ihr Hosting.

Diese Datei finden Sie unter: wp-content/themes/folder mit dem Theme, das Sie verwenden .

Dann, wenn Sie die Datei öffnen header.php, nach dem Tag Sie müssen den Code einfügen:

Speichern Sie die Änderungen. Das Favicon ist fertig!

Nun, ich denke, Sie können jetzt ganz einfach ein Favicon erstellen und installieren. Ich wünsche Ihnen viel Erfolg, seien Sie individueller)!

P.S.

Mit freundlichen Grüßen, Alexander Sergienko