Favicon -(kort voor woorden "Favoriete icoon") is een klein beeldformaat 16x16 pixels, die een bezoeker van uw site zal zien. Het verschijnt naast de site-URL in adresbalk browser. Bovendien wordt dit pictogram weergegeven naast de naam van uw site in de lijst met geopende tabbladen, bladwijzers en zoekresultaten, waardoor gebruikers uw site gemakkelijker tussen andere sites kunnen vinden.
Standaard als pictogrammen site wordt een browserpictogram weergegeven. Om de site anders te maken dan de rest en niet te verdwalen in talloze grijze tabbladen, geopend door de gebruiker, moet je je eigen originele favicon maken.
Hoewel veel moderne webbrowsers favicons in GIF, PNG of andere populaire bestandsformaten ondersteunen, zijn alle versies Internet Explorer vereisen nog steeds pictogrammen als bestanden ICO (Microsoft-formaat). In dit formaat begrijpt elke browser uw pictogram.
Waarom heb je een favicon nodig?
Er is een favicon nodig zodat uw site zich op de een of andere manier onderscheidt van de massa op de pagina met zoekresultaten en zichtbaar is op veel geopende tabbladen in de browser. Een goed icoon is als een logo van uw site, dat herkenbaar is, een bepaalde houding creëert en een speciaal niveau van vertrouwen oproept.
Uiteraard kan een favicon de aandacht van de gebruiker trekken en zal hij de titellink naar uw artikel lezen. De titel, in combinatie met een goed fragment en een mooi pictogram, zal de klikfrequentie en daarmee het verkeer naar de bron verhogen.
Ik zou meteen willen opmerken dat voor sites met het label "GS" het pictogram zelf de indruk van de bron niet kan verbeteren. Maar het is als een vergadering over kleding. Een prachtige favicon zal zeker de eerste indruk wekken van een site die uitnodigt om te bezoeken.
Hoe maak je een favicon aan?
Natuurlijk kun je proberen het te vinden klaar bestand favicon.ico op de website www.iconfinder.com, maar ik denk dat velen graag iets eigens zouden willen doen. Het is tenslotte de favicon waarmee uw site opvalt. Zoekresultaten. Je weet nu hoe je dit moet doen. Dus laten we beginnen.
Logaster is een online dienst voor het maken van logo's en huisstijlelementen. Daarin ontvang je automatisch, met slechts een paar klikken, een pictogram voor de site ICO-formaat en PNG.
Maar houd er rekening mee dat er geen is automatische generator logo's kunnen de menselijke creativiteit niet vervangen.
Zeker, grote bedrijven dergelijke hulpmiddelen zullen niet worden gebruikt. Ze zullen een dure ontwerper vinden die een professioneel logo voor hen kan maken. Maar, kleine bedrijven Voor particuliere ondernemers kan een dergelijk instrument van pas komen.
Hoe werkt het proces van het maken van een pictogram in Logaster?
- Om er zeker van te zijn dat uw favicon bij uw logo past, wordt u gevraagd eerst een logo te maken (het is gratis).
- Schrijf een naam en eventueel een slogan, geef het type activiteit aan en Logaster zal zelfstandig vele logo-opties voor u voorbereiden.
- Kies een geschikt logo, u kunt dit later wijzigen.
Dit is wat ik heb
Nu kunt u op de knop “Logo downloaden” klikken. IN gratis versie er staat een Logaster.com-watermerk op
Het logo kan worden gekocht. Daarna kunt u downloaden in het geselecteerde formaat (PNG, JPEG, PDF, SVG) en grootte (1024 px, 5000 px).
Laten we nu verder gaan met het maken van een favicon.
- Kies opnieuw de gewenste optie.
- Je kunt de vorm veranderen om hem vierkant te maken, met afgeronde hoeken, rond of helemaal niet in een specifieke vorm passen.
- Voeg desgewenst een gekleurde lijn toe door op het gereedschap Lijn te klikken.
- Klik op de knop "Opslaan".
Zo is de favicon geworden. In principe ziet het er goed uit.
Hoe u een favicon aan uw website toevoegt
- Koop en activeer de favicon.
- Download het.
- Pak het gedownloade bestand uit in hoofdmap jouw site.
- Plak de volgende code op alle pagina's van de site in de tag :
Designpakket met korting
Daarnaast kunt u de gehele huisstijlset aanschaffen. Hier is één optie.
Gerelateerd artikel: De knop Bestand toevoegen en nog veel meer werkt niet in WordPress
Plugin voor het maken van favicons
Er is een enorm bedrag verschillende programma's om favicons te maken. Kortom, ze zijn primitief, waardoor je pictogrammen kunt maken met 16 kleuren.
U kunt rechtstreeks in Photoshop een favicon maken. Hiervoor heeft u een plug-in nodig die u kunt downloaden van www.telegraphics.com.au. Kopieer het bestand om het te installeren ICOFormat.8bi naar map c:\ Programmabestanden\Adobe\ Adobe Photoshop CS2\Plug-Ins\Bestandsformaten\.
Een plug-in gebruiken ICOFormat.8bi, kunt u afbeeldingen opslaan als “.ico-bestanden”.
Hoe de ICO (Windows Icon) Format-plug-in te installeren
- 64-bits Windows (Vista/Windows 7):
- Start opnieuw op voordat u installeert;
- Plaats de plugin in de map C:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats, maar ik heb een andere structuur, ik heb dit bestand hier opgeslagen: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\ Plug-ins.
- Als jij bent draait op een 64-bit Windows-systeem en lanceren de 64-bits versie van Photoshop CS4 of CS5, download de 64-bits versie van de plug-in en plaats het in de map Plug-Ins die overeenkomt met 64-bit Photoshop (d.w.z. die in "Program Files" en niet "Program Files (x86)").
- Verplaats de plug-in naar de map "Bestandsindelingen" in de map Photoshop Plugins:
- Voor Windows (32-bits), ICOFormat.8bi
- Voor Windows (64-bits), ICOFormat64.8bi
- Voor Mac OS X, ICOFormat.plug-in(let op: apart versies zijn voorzien voor CS2, CS3/4 en CS5)
- Voor Mac OS X/Klassiek, icoformaat
- Voor 68K MacOS, icoformaat(68K)
- Als u Corel PSP Photo X2 gebruikt, plaatst u de plug-in in C:\Program Files\Corel\Corel Paint Shop Pro-foto X2\Talen\EN\PlugIns
- Sluit Photoshop af en start deze opnieuw als deze al actief is.
Er is ook een onlinedienst www.convertico.com. ConvertICO is gratis online-converter ICO/PNG-bestanden. Het werkt snel en is gemakkelijk te gebruiken. Het wordt gebruikt om bureaubladpictogrammen, applicatiepictogrammen en favicons voor websites te converteren.
Hoe maak je favicon.ico zelf?
- Photoshop openen.
- Maak een document van 32x32 pixels.
- Voeg een slim object van de voltooide afbeelding uit Illustrator in.
- Gebruik de opdracht "Opslaan als" om de favicon op te slaan in .ICO*-indeling.
- Upload de resulterende favicon naar de hoofdmap van de site en verbind deze via een WordPress-thema, of registreer deze handmatig in de sitesjabloon. Over het aansluiten van favicon heb ik al eerder geschreven.
*Als je geen speciale plug-in hebt geïnstalleerd ICO-formaat (Windows-pictogram)., u kunt het downloaden van www.telegraphics.com.au/sw/. Er is voor Mac, Windows 32, 64-bit met ondersteuning voor iedereen Photoshop-versies, inclusief CS6.
favicon-weergave
Naar uw site liet een favicon zien, het kan eenvoudig in de root van de site worden geplaatst. De browser en zoekmachines bepalen zelf dat u een favicon.ico-bestand heeft en geven dit automatisch weer. Deze methode is het eenvoudigste en werkt in 95% van de gevallen. Maar je kunt ook expliciet een favicon toevoegen.
Een favicon is een kleine afbeelding die op een browsertabblad verschijnt. Favicons zijn ook te zien in browserbladwijzers - dit wordt gedaan zodat de gebruiker snel de gewenste site kan vinden. Ondanks zijn kleine maat is de favicon duidelijk zichtbaar en versnelt het zoeken naar een site of webpagina aanzienlijk. Voor het eerst verscheen in 1999 de mogelijkheid om een pictogram naast de naam van de site te plaatsen internet browser Explorer 5. Tegelijkertijd werd de minimale favicongrootte bepaald: 16 bij 16 pixels. Na verloop van tijd werd dit formaat de standaard en vandaag de dag is het moeilijk om een professioneel gemaakte website voor te stellen die geen favicon zou hebben.
Elke rasterafbeelding is geschikt voor het maken van een favicon. Het belangrijkste is dat het vrij beknopt is, omdat het moeilijk is om een complexe afbeelding met veel details in een vierkant van 16 bij 16 pixels te plaatsen. Zodra een afbeelding is geselecteerd, kunt u een van de vele favicon-generatoren gebruiken en eindigen met een pictogram in ISO-formaat. Dit formaat is standaard, hoewel bijna alles populaire browsers steun PNG-formaten, JPEG en GIF. de site brengt de 10 beste favicon-generatoren onder uw aandacht.
Een zeer eenvoudig te gebruiken favicon-generator. De gebruiker hoeft alleen maar te selecteren het gewenste beeld en klik op de knop Favicon genereren. De afbeeldingsgrootte mag niet groter zijn dan 150 kilobytes. Hierna moet de favicon in de hoofdmap van de site worden geplaatst en moet de gegenereerde coderegel ergens tussen
En. Door het gebruiken van van deze generator U kunt pictogrammen maken in de formaten JPG, GIF en PNG.Deze online generator converteert afbeeldingen in JPG-, GIF- en PNG-formaten naar ISO-formaat. Er zijn geen beperkingen op de grootte van het geüploade bestand. Je kunt favicons maken met een formaat van 16 bij 16 en 32 bij 32 pixels.
De Faviconmatic-generator creëert de meeste iconen verschillende maten. Als u plotseling een groot pictogram moet genereren, bijvoorbeeld 64x64 pixels, is er zo'n mogelijkheid. Maar het is natuurlijk beter om je aan de normen te houden. Volgens de makers van de site converteert de generator afbeeldingen zeer goed, die in alle browsers perfect worden weergegeven. Het gebruik van de site is heel eenvoudig: u hoeft alleen maar op de knop voor het uploaden van afbeeldingen te klikken en het gewenste bestand te selecteren. Minimale maat geüploade afbeelding – 32 bij 32 pixels.
Met deze generator kunt u favicons maken door afbeeldingen vanaf uw computer of internet te uploaden. Gebruikers hebben ook de mogelijkheid om zelf een pictogram te tekenen – de site beschikt over een online editor. Om te beginnen, moet u selecteren Achtergrond kleur en bewerk vervolgens de pixels, waarbij u ze schildert met kleuren die contrasteren met de achtergrond. Nadat het pictogram is gemaakt, kunt u op het tabblad zien hoe het eruit zal zien. Als het resultaat bevredigend is, hoeft de gebruiker alleen de favicongrootte (16x16 of 32x32 pixels) te selecteren en op de knop Downloaden te klikken. De generator maakt een favicon in ICO-formaat.
Gratis online generator Freefavicon maakt favicons aan rasterafbeeldingen in GIF-, PNG- en JPEG-formaat. De makers van deze tool raden aan deze te gebruiken om een pictogram te maken. eenvoudige afbeeldingen, omdat complexe logo's en afbeeldingen niet goed worden weergegeven. Het wordt ook aanbevolen om vierkante afbeeldingen te gebruiken, omdat de afbeelding vervormd wordt wanneer de afbeelding wordt geschaald. Na selectie het gewenste bestand je moet op de Favicon Go! en download een zip-archief met een favicon. Dan is alles zoals gewoonlijk: de afbeelding staat in de root en er zit een regel code tussen
En.De Favicon.pro-generator converteert JPG-, PNG- en GIF-bestanden naar ICO. De gebruiker kan iconen maken van 16x16, 32x32, 48x48, 64x64 en 128x128 pixels.
In tegenstelling tot andere generatoren heeft de site niet de mogelijkheid om een favicon te maken door een afbeelding vanaf een computer of internet te uploaden. Hier kan de gebruiker de achtergrondkleur instellen en de naam van zijn site schrijven. Het is vermeldenswaard dat de generator zeer duidelijke pictogrammen maakt - zelfs klein lettertype, 6 pixels hoog, leest goed. Ook op de site staat een zeer waardevolle informatie, wat erg handig zal zijn voor beginnende webontwikkelaars. Er zijn links naar beeldconversieprogramma's, fractal- en willekeurige tekstgenerators en nog veel meer.
De favicongenerator van Favicon.com heeft een uiterst minimalistisch ontwerp. De gebruiker wordt gevraagd een afbeelding te uploaden, bij te snijden en het voltooide pictogram te downloaden.
Met behulp van de Favicon.cc-generator kunt u niet alleen statische, maar ook geanimeerde favicons maken. U kunt het pictogram zelf tekenen of elke afbeelding naar ISO converteren. Als de gebruiker geen idee heeft hoe het pictogram eruit moet zien, kun je de galerij met de beste favicons bekijken, die beschikbaar is op de site.
(afkorting van het Engelse “favorietenpictogram” - “pictogram voor favorieten”). Het heeft meestal een standaardformaat - 16x16, 32x32, 48x48, 64x64, 128x128 - en een .ICO-extensie, hoewel sommige browsers ook .GIF- en .PNG-extensies ondersteunen.
In deze review bekijken we 15 tools waarmee u dit kunt doen bijzondere inspanning maak mooie en stijlvolle favicons. Ze zijn allemaal perfect vrij, ondanks het feit dat velen van hen functies hebben die typisch zijn voor premiumproducten.
xIconeditor
Xiconeditor is een volwaardig favicon-editor. Hiermee kunt u ze als prototype laden en ze overeenkomstig wijzigen naar believen. Er zijn basishulpmiddelen die typisch zijn voor grafische editors: potlood, penseel, pipet voor het kiezen van kleuren. Kleurtransparantie kan worden aangepast. Met Preview kunt u evalueren hoe het pictogram eruit zal zien in de adresbalk en het browsertabblad, evenals op de Windows-taakbalk.Faviconby
Huiselijk dienst voor het maken van favicons. Hiermee kunt u zowel een .ico-bestand genereren van een voltooide afbeelding als teken uw eigen pictogram met behulp van een pixelraster.
Favicon.cc
Erg populair online editor voor het maken van favicon. Zijn onderscheidend kenmerk is een kans maak geanimeerde favicons. Van standaard gereedschap Er is een potlood, een pipet en de mogelijkheid om de kleurtransparantie te regelen. Met Preview kunt u evalueren hoe de favicon er in de adresbalk van de browser uit zal zien.
Favicon-generator
Met behulp van de Favicon-generator kunt u van elke afbeelding een favicon maken, of kiezen uit een galerij met kant-en-klare oplossingen. Je kunt kant-en-klare favicons zoeken op kleurenschema. Bij de uitvoer krijg je een ICO van formaat 16x16, of zip-archief met een hele reeks iconen voor verschillende systemen(web, Android, Microsoft en iOS) en in verschillende formaten. Er is geen voorbeeld van de resultaten, dus u kunt de kwaliteit van de resulterende afbeeldingen niet beoordelen voordat u ze downloadt.Naast de favicongenerator bieden de ontwikkelaars ook een grafische editor aan die over de basistools beschikt voor het maken van een afbeelding en die direct tijdens het tekenproces een voorbeeld van de resultaten biedt.
Genfavicon
Een zeer eenvoudig te gebruiken hulpmiddel: upload een afbeelding (of plak er een link naartoe), kies er een uit geschikte maten(16x16, 32x32, 48x48 of 128x128) en, als de afbeelding in een venster staat voorbeeld Als je het leuk vond, sla het resultaat dan op je computer op. Het enige dat overblijft is het resulterende bestand in te plaatsen hoofdmap Voeg een link toe aan uw site in de paginatitel en uw pagina's krijgen hun eigen pictogram.
Prowdraw
Gratis online product om elke afbeelding in favicon om te zetten. Ondersteunt het downloaden van afbeeldingen in JPG-, GIF-, PNG-, BMP- en TIF-formaat. De uitvoer genereert een ICO-bestand met een van de vier geselecteerde formaten (16x16, 32x32, 48x48, 128x128) met vier verschillende scherpteniveaus. Ze worden alle vier weergegeven op de resultatenpagina, zodat u kunt vergelijken en het meest geschikte resultaat kunt kiezen om te downloaden.
Dynamische Drive Favicon-generator
Extreem eenvoudig hulpmiddel om favicon te maken van een bestaande afbeelding. Ondersteunde invoerformaten: gif, jpg, png en bmp (transparantie wordt ondersteund in gif en png). In aanvulling op standaard maat 16x16 kan Windows-pictogrammen van 48x48 en 32x32 formaten genereren. Aanvullende instellingen ontbreken echter naast de favicon-generator biedt de ontwikkelaar ook een apart product aan: een favicon-editor voor het maken van pictogrammen schone lei».
Favicomatic
Naast het genereren van iconen van een grote verscheidenheid aan formaten, creëert deze “zorgzame” favicon-generator ook een stukje code om in websitepagina’s in te voegen (u kunt het adres van uw website opgeven om de juiste link te genereren) en biedt het de mogelijkheid om op te slaan archiefbestand met de resultaten van uw werk rechtstreeks in Google Drive.
Favicon
Alle instructies voor het gebruik van deze tool worden gegeven in de ondertitel van de site: upload een afbeelding, snijd deze bij en download de resulterende favicon in ICO- of PNG-indeling. Er zijn geen andere hulpmiddelen dan bijsnijden.
FavIcon Pro
Nog een simpele en duidelijke tool voor het maken van favicons. Converteert een afbeelding JPG-formaat, GIF, PNG-in ICO-bestand een van de volgende maten: 16x16, 32x32, 48x48, 64x64, 128x128. Naast de downloadlink zie je het resultaat.
Gratis favicon
Blijkbaar werkte de Freefavicon-website aanvankelijk ook volgens het principe van een iconengenerator bestaand bestand- download elk grafisch bestand en aan het einde krijg je een kant-en-klaar ICO-bestand. Nu bieden de makers van de site echter ook een volwaardige grafische editor, IconMaker, die alles bevat noodzakelijke hulpmiddelen om vanuit het niets een favicon te maken, inclusief de mogelijkheid om een voltooide afbeelding als prototype te gebruiken.
", Ik zal je over verschillende vertellen online dienst ah, met behulp waarvan je een unieke foto kunt maken of een favicon kunt genereren van een kant-en-klare afbeelding.
En natuurlijk zal ik, zoals altijd, het proces in detail beschrijven, dat in principe niet ingewikkeld is een favicon op de site installeren.
Wat is een favicon en waarom is deze überhaupt nodig? Favicon in het Engels is geschreven als Favicon en wordt letterlijk vertaald als "Favoriet icoon", maar Wikopedia geeft een andere vertaling - "Icon voor favorieten". Een favicon kun je vergelijken met een logo, meerdere malen verkleind en voorzien van een extensie .icoon.
De favicon wordt vóór de site-URL weergegeven in de adresbalk van elke browser, maar ook op de bladwijzerbalk en in zoekresultaten naast de kopjes.
Het is absoluut noodzakelijk om een favicon op de site te installeren, omdat dit de herkenning helpt vergroten en een zekere respectabiliteit aan het project geeft, wat zeker het vertrouwen van gebruikers zal aantasten.
Favicons komen in de vorm van een gewone of geanimeerde afbeelding, maar ook in de vorm van een 3D-afbeelding, dit wordt al bereikt met behulp van Photoshop.
Favicons in de vorm van een gewone afbeelding
Ik wil meteen zeggen dat het raadzaam is om een unieke afbeelding met gelijke zijverhoudingen te gebruiken om een favicon te maken, en niet alle afbeeldingen zijn geschikt voor favicons, omdat het verkleinen van de grootte tot 16x16 of 32x32 pixels kleine elementen in de afbeelding onleesbaar maakt.
Laten we naar dit voorbeeld kijken. Daarom wil ik een website maken over dit onderwerp: "Toerisme en reizen", dus wat voor soort foto kan ik kiezen voor de favicon. Ik laat me leiden door twee regels die ik eerder kende.
Regel 1.
De afbeelding mag slechts één groot element bevatten met duidelijke grenzen van de afbeelding.
Regel #2.
De afbeelding moet vierkant zijn en mag niet meer dan 150 kB wegen.
Na niet lang zoeken Ik heb een op het oog passende foto gevonden van een ballon die aan bovenstaande regels voldoet:
Nu moet ik het converteren naar het .icon-formaat en het verkleinen tot 32x32 pixels.
Om afbeeldingen in favicons om te zetten, zijn er speciale serveerders en ik zal er een gebruiken: tools.dynamicdrive.com.
Selecteer gewoon een afbeelding en upload deze naar de server, selecteer vervolgens het formaat en druk op de knop - "Geweldig icoon":
En na verwerking krijgen we twee foto's van 32x32 en 16x16. Eén afbeelding is een pictogram voor het bureaublad en de tweede is voor de adresbalk, bladwijzers en zoekmachines.
Als je op een foto van 32x32 nog steeds het silhouet van een ballon kunt onderscheiden, dan is het op een foto van 16x16 moeilijk te begrijpen of het een soort ui is of een omgekeerde peer :)
Daarom. dat er nog een vereiste is voor de afbeelding voor de favicon.
Regel #3..
Het object op de afbeelding moet in de echte wereld klein van formaat zijn. Afbeeldingen van vliegtuigen, schepen, ballonnen etc. zijn niet geschikt voor favicons.
Dus ik viel een beetje op de grond en vond een ander beeld. Laten we het proberen:
Geweldig, laten we eens kijken wat er gebeurt na de verwerking:
Nou, dat is een heel andere zaak. Download de favicon naar uw computer door te klikken op - "Favorietpictogram downloaden".
Voor wie een favicon voor een website wil maken eigen foto je moet het weten: om het op zijn minst enigszins herkenbaar te maken menselijk gezicht, moet de afbeelding minimaal 48x48 pixels zijn.
Hoe maak je een geanimeerde favicon?
Geanimeerde favicons zijn gewoon geweldig! Helaas ondersteunen niet alle browsers animaties in de adresbalk en bladwijzers, maar toch trekken ze zeker de aandacht van de gebruiker en dragen ze daardoor bij aan op zijn minst een lichte toename van het verkeer. Er is een goede online service voor het maken van geanimeerde favicons. De service is burgerlijk, maar de pagina kan met behulp van de browserfuncties in het Russisch worden vertaald en het zal behoorlijk leesbaar zijn:
We letten in principe helemaal niet op het linkerpaneel; de service is al klaar voor gebruik en het enige dat overblijft is het kiezen van de kleur of kleuren van het toekomstige ontwerp. Ik teken bijvoorbeeld een pan :) Door de linkermuisknop ingedrukt te houden, slepen we over de vierkanten en worden ze ingekleurd gewenste kleur en als je het overtollige wilt wissen, klik dan op het vierkant klik met de rechtermuisknop muizen. Als voorbeeld laat ik u een eenvoudige animatie zien die uit slechts 2 afbeeldingen bestaat. Eerste afbeelding:
Nadat de tekening klaar is, klikt u op - "Animatie gebruiken" en er verschijnt een paneel met de volgende functies:
Kiezen - "Nieuwe kaders toevoegen" en al op een open veld tekenen we tweede deel animaties:
Hieronder kunt u het resultaat bekijken en het voltooide bestand downloaden:
Hoe ziet mijn “meesterwerk” eruit? 🙂
Dit is natuurlijk het eenvoudigste voorbeeld van animatie, en er zijn geanimeerde favicons bestaande uit 6 afleveringen, maar dit zijn al een soort "cartoons".
Hoe maak je een favicon in Photoshop
Waarschijnlijk beschikt u niet over het formaat in Photoshop. pictogram, maar het maakt niet uit, we zullen dit nu oplossen. Download het archief van de ICOFormat-plug-in voor Adobe Photoshop en pak het uit in een map - C:\Program Files\Adobe\Adobe Photoshop\Plug-ins\File Formats. Start Photoshop, laad een afbeelding en probeer deze op te slaan in .icon-indeling
Iedereen die Photoshop kan gebruiken, zal geen moeite hebben met het tekenen of maken van een mooie favicon voor zijn website van een voltooide afbeelding.
Hoe installeer ik een favicon op een website?
Het installeren van een favicon is een kwestie van minuten en er valt niet eens veel te beschrijven. Dit betekent dat we al een bestand hebben van 32x32 pixels en dat we dit alleen maar hoeven te uploaden naar de root van de site met behulp van een FTP-client, waar de mappen wp-admin, wp-content en wp-includes zich bevinden. Het is overigens helemaal niet nodig om het bestand in de root van de blog te plaatsen, je kunt het naar een andere plaats uploaden, maar dan moet je het pad ernaartoe correct opgeven in het header.php-bestand.
Als we toch een bestand met een favicon in de root van de site plaatsen, dan in het header.php-bestand vóór de afsluitende tag je moet het volgende invoeren:
Dat is het eigenlijk, favicon op de site geïnstalleerd!
Kant-en-klare favicondiensten
Degenen die te lui zijn om zich ermee bezig te houden, hebben de mogelijkheid om een kant-en-klare favicon te selecteren en te downloaden van de volgende diensten:
Tot snel!
Eerlijk, Vitaly Kirillov
Hallo vrienden! In dit artikel zullen we uitzoeken hoe u een favicon voor een site kunt genereren en deze vervolgens kunt installeren, zodat uw unieke bron opvalt.
Wij zullen het ook overwegen gratis diensten (onlinegeneratoren) helpen om de taak aanzienlijk te vereenvoudigen en binnen een paar minuten een favicon te maken.
Het is u waarschijnlijk opgevallen dat bijna alle websites een originele afbeelding op het browsertabblad hebben.
Deze afbeelding heet Favicon (lees Favicon).
Ooit heb ik een aanzienlijke hoeveelheid tijd besteed aan het maken van een Favicon voor mijn blog, omdat ik een gebrek aan perfectionisme heb, hoewel ik nu begrijp dat alles veel eenvoudiger kan.
| De inhoud van het artikel |
In eerste instantie stel ik voor dat je uitzoekt waarom de beruchte favicon nodig is op de site die je zoekt.
Favicon (favicon) wat is dit attribuut?
Een favicon is een resourcekenmerk dat ieder van ons op een speciaal aangewezen plaats op de browserpagina ziet. Niet alle website-eigenaren weten dat dit kleine pictogram de effectiviteit van blogpromotie kan beïnvloeden en uiteindelijk uw bron kan dienen.
De woordvorm Favicon bestaat uit een paar woorden in Engels Favorietenpictogram (gebruik een vertaler). Bijna elk internetproject heeft zijn eigen mini-logo, dat op het browsertabblad wordt weergegeven. De pictogrambestandsgrootte is 16x16 pixels en heeft de extensie ico (pictogramopslag voor Windows).
Een favicon weergeven in browserbladwijzers
Vaak wordt de letter waarmee de naam van de site begint op dit pictogram geplaatst, hoewel er andere opties zijn, ik heb bijvoorbeeld de eerste letters van mijn naam gemaakt. Ik merk op dat de Favicon niet alleen zichtbaar is geopend tabblad, maar ook in de resultaten van zoekmachines, hoewel niet in alle.
Hoe is Favicon nuttig voor een website?
Allereerst vergroot de aanwezigheid van een favicon de aantrekkelijkheid van een blog, bijvoorbeeld in de zoekresultaten. Sites zonder icoon trekken minder aandacht dan sites met een heldere favicon. Bovendien is bewezen dat favicon het vertrouwen van gebruikers vergroot; hier zijn speciale onderzoeken naar gedaan.
Probeer daarom heldere, opvallende pictogrammen te maken die het thema van uw site kruisen.
Een favicon weergeven in zoekresultaten
Ten tweede kan het gebruik van een favicon de herkenning van websites vergroten. Een persoon kan de naam vergeten van een bron die hij eerder heeft bezocht, maar hij zal zich een helder pictogram nog lang herinneren. Het blijkt dat dankzij de favicon mensen onder andere jouw site weer kunnen vinden als ze deze leuk vinden.
Manieren om een Favicon voor een website te maken
Er zijn verschillende manieren om een pictogram voor een favicon te maken, laten we eens kijken naar de eenvoudigste en meest populaire.
Kant-en-klare collecties Favicon
Als je geen zin hebt om een afbeelding voor een favicon te maken, kunnen kant-en-klare verzamelingen afbeeldingen je helpen.
Wat het kiezen van een afbeelding betreft, moet u zich laten leiden door de thematische inhoud van de website. Voor een portaal over auto's kunt u bijvoorbeeld een pictogram in de vorm van een auto plaatsen, op een site over zaken en financiën - een favicon in de vorm van een dollar, enzovoort.
Als u geen ideeën heeft over de afbeelding, kunt u eenvoudig een tekening maken met een of meerdere letters, waarmee u de naam of de thematische inhoud van de site kunt achterhalen. Op de website Odnoklassniki.ru worden bijvoorbeeld de letters "OK" op de favicon geplaatst, waarmee je meteen kunt zien wat voor soort sociaal netwerk het is.
Bronnen met pictogrammen:
- http://www.thefavicongallery.com/- een kleine verzameling afbeeldingen van verschillende onderwerpen. In totaal zijn er ongeveer 300 iconen in de collectie. Elke toekomstige favicon kan vergroot worden bekeken en vervolgens op uw computer worden opgeslagen
- - bevat meer dan drieduizend afbeeldingen voor de favicon. Met deze service kunt u afbeeldingen opslaan in .
- - een enorme bank met favicons, waarvan het aantal op het moment van schrijven 228.839 bedraagt. Het enige negatieve is dat er 20 pictogrammen op één pagina staan, en om degene te kiezen die je leuk vindt, zul je lang moeten scrollen.
- - Ik weet het aantal niet, maar er zijn veel kant-en-klare pictogrammen; als je op degene klikt die je leuk vindt, wordt de favicon onmiddellijk naar je computer gedownload.
- – een hulpbron met een groot aantal kant-en-klare iconen voor alle gelegenheden, waarvan er op het moment van schrijven meer dan 384 duizend zijn gegroepeerd in 7 duizend groepen. Pictogrammen kunnen worden gedownload van verschillende formaten met de nodige toestemming.
Ik denk dat deze diensten voldoende zullen zijn om u te helpen bij het kiezen van de kant-en-klare favicon die u nodig heeft voor uw website.
Grafische redacteur
Als u een unieke favicon voor uw website wilt maken, vindt u hier hulp grafische editor. In de beginfase is een favicon een gewoon grafisch bestand, dat later verandert in een pictogram van de gewenste grootte.
Ik heb het toekomstige favicon voor mijn website gemaakt in ieders favoriet Adobe-editor Photoshoppen. Ik heb de afbeelding gemaakt die ik nodig had, met een formaat van 800x800 pixels, en deze vervolgens geconverteerd naar het vereiste formaat: 16x16 pix.
Afbeeldingen in zoekmachines
De eenvoudigste, maar vrij effectieve methode om te zoeken naar een toekomstige favicon die past bij het thema van uw website.
IN zoekbalk In hoofdstuk Afbeeldingen wijzerplaat onderwerp verzoek inclusief het woord “icon” en u ontvangt een uitgebreide weergave van afbeeldingen, waarvan er één later als favicon voor uw site zal dienen.
Afbeeldingen moeten worden gezocht met een transparante achtergrond (PNG-extensie), de grootte doet er niet toe. Vervolgens converteren we de geselecteerde afbeelding naar het formaat dat we nodig hebben.
Pictogrammen in Yandex.Images
Online diensten voor het maken van Favicon
Om een favicon te maken, kunt u speciale onlinediensten gebruiken die deze mogelijkheid voor iedereen geheel gratis bieden. Het volstaat om de afbeelding die voor het pictogram is voorbereid te uploaden, zodat de service er een favicon van maakt, dat wil zeggen een bestand met de .ico-extensie.
Als alternatief kunt u met behulp van deze services handmatig uw eigen favicon voor de site maken en kleuren voor elke cel selecteren, maar ik waarschuw u meteen dat dit een ondankbare taak is. Persoonlijk bleek mijn laatste favicon lelijk, er is een speciaal talent voor nodig en er is veel tijd verspild.
Hier is een lijst met de meesten populaire diensten Voor online creatie favicon:
- - Engelstalige Favicon-creatieservice
- — Russischtalige analoog, er is één minpuntje, terwijl de uiteindelijke afbeelding het origineel opslaat transparante achtergrond Het blijkt zwart, hoewel ik de instellingen misschien nog niet helemaal heb doorgrond.
- — heeft twee interfaces, Russisch en Engels. Ik vond deze service erg leuk en raad hem ook aan.
Favicon installeren op de site
Er zijn verschillende manieren om een gemaakt pictogram als favicon op een website te installeren. De installatieprocedure kan variëren, afhankelijk van het platform waarop uw site is gebouwd.
Laten we eens kijken naar de populairste favicon-installatieopties.
Plug-in - de eenvoudigste oplossing
Als je een website hebt op de populairste site voor bloggers, is alles heel eenvoudig; hiervoor kun je de gelijknamige plug-in gebruiken. Deze methode is de eenvoudigste; er is geen kennis van HTML-code vereist.
- Gebruik hiervoor uw gravatar; u moet een wereldwijd erkende avatar hebben geconfigureerd. Meestal is dit een foto van de blogeigenaar. Ik raad het gebruik van deze optie af; na de installatie zult u begrijpen waarom.
- Een vooraf voorbereid afbeeldingsbestand. Om dit te doen, moet u de externe URL van de afbeelding opgeven.
- Standaard zijn kant-en-klare favicons in de plug-in ingebouwd, waarvan er precies 100 zijn.
Een favicon installeren met behulp van een plug-in
Ingebouwde WordPress-functies
Bijna alle betaalde (en sommige gratis) WordPress-thema’s hebben een ingebouwde optie om een Favicon aan je blog toe te voegen. Bijvoorbeeld deze optie voor mijn blogthema ziet het er zo uit.
