ingångFavon House. Universal sätt att skapa FaVonov
I den här lektionen övervägs skapandet av FAVICON, du kommer att ta reda på varför den här ikonen behövs, få rekommendationer för att förbättra sin typ och attraktivitet.
Dessutom kommer vi att överväga processen att skapa och lägga till favicon för webbplatsen.
Favicon. - Det här är en liten ikon som du kan se i adressfältet i webbläsaren och på flikarna på de öppna sidorna, såväl som när du lägger till en webbplats, läggs den här ikonen i webbläsarens bokmärken.
Dessutom visar Yandex-sökmotorn FAVICON-ikonen i resultaten av utfärdandet bredvid din webbplats. Din uppgift är att göra den här ikonen att den här ikonen sticker ut, jag kom ihåg mot bakgrunden av andra ikoner i utlämning, och hade också några föreningar med din webbplats. Vackert skapad och lockande uppmärksamhet ikon Favicon kan väsentligt öka antalet mål till din webbplats jämfört med de som det inte är installerat eller har en attraktiv utsikt.
Här är några rekommendationer som måste beaktas när du skapar FAVICON.
#ett. Ikonen måste enkelt igenkännas och ha föreningar med din webbplats eller nisch som din webbplats hör hemma. Som ett märke kan du använda logotypen eller symbolen för föreningen med din webbplats. Dessutom kan du använda färgspelet som skapar din webbplats eller logotyp.
# 2. Använd inte standardikoner. Många efter att ha skapat en webbplats på en viss CMS, lämna ikonen, utan att byta. Som ett resultat, i utfärdandet av sökmotorn, kan det inte finnas en plats med ett sådant märke, men många. Det här är inte hur du inte markerar din webbplats, så använd endast de unika FAVICON-ikonerna som är skapade speciellt för din webbplats. Detta kan också innehålla situationen när du använder ikoner från olika samlingar eller element i gränssnittet på andra webbplatser. Kom ihåg att sticka ut du behöver en unik favicon.
# 3. Försök när du skapar ett märke att använda ljusare och ljusa färger, som regel lockar de mer uppmärksamhet.
#four. Använd inte animerade ikoner. För det första stöds animationen inte av alla webbläsare, i det andra bör besökarens uppmärksamhet koncentreras på innehållet och inte på ikonen.
Nu överväga direkt Favicon-processen själv. För detta finns det många tjänster. Men de är mer lämpliga för dem som redan har en färdig ikon som de någonstans serveras eller tagits från en viss samling. Men som jag sa ovan, måste ikonen vara unik, så här kommer jag att överväga processen att skapa det med Photoshop, på platsen på webbplatsen.
Skapa Favicon Billet i Photoshop
#ett. Skapa ett nytt dokument i Photoshop-storlek 64 * 64px, för att göra det här, gå till "fil" -menyn \u003e\u003e "Ny ..." eller tryck på CTRL + N-tangentkombinationen. I allmänhet bör ikonen själv vara 16 * 16px, men det är bättre att först skapa den samma storlek och sedan minska till den nödvändiga.
# 2. I mitt fall har jag ingen logotyp för webbplatsen så jag bestämde mig för att använda den "W" -symbolen från vilken adressen till webbplatsen börjar, liksom de färger som råder högst upp på platsen är den blå och gul. Därför ställer jag in färgvärdet # 6A91D0 och använder "Fyll" -verktyget (G) Ställ in den blå färgen på det tidigare skapade dokumentet.
# 3. Därefter valde jag "Text" -verktyget (t) tillsatte "W" -symbolen och ställde in det följande färgvärde # FAC31D.
För att symbolen är mer stående ute på en blå bakgrund, lade jag den med en svart färg och 2px-storlek. För att göra detta måste du gå till menyalternativet. "Layer" \u003e\u003e "Style Layer" \u003e\u003e "Stroke", Välj färg och storlek på stroke.
Därefter måste du kombinera lager, för det måste du gå till menyalternativet "Layer" \u003e\u003e "Kombinera synliga" Eller tryck på knappen Shift + Ctrl + E-tangenten.
För att linjerna ska ha smidiga sneakers, tillade jag suddan. För att göra detta måste du gå till menyalternativet. "Filtrera" \u003e\u003e "Blur" \u003e\u003e "Blur i Gauss ..." Och sätt radien på 0,3 pixlar.
Hans karaktär eller bildplats så att det tar högst utrymme, för om det är litet, då med storleken på ikonen 16 * 16 kommer det inte att märkas.
#four. Nu måste du ändra ikonens storlek. För att göra detta, gå till menyn \u003e\u003e "Bildstorlek"och ställa in storleken 16 * 16px.
#fem. Det är fortfarande att spara ikonen. Favicon-ikonen måste ha namnet Favicon och Extension.ico. Faktum är att som standard photoshop inte sparar bilder i format.ico. Därför, spara det i format.png, för det här, gå till menyalternativet "fil" \u003e\u003e "Spara som ..." och välj PNG från rullgardinsmenyn.
Omvandlingsbild i format.ico
Därefter konverterar vi det till Format.ico med hjälp av tjänsten. Gå till den här tjänsten och använd "Översikt" -knappen, välj den tidigare sparade filen i PNG-formatet och klicka sedan på knappen "Skapa Favicon.ico".
Därefter kommer länken "ladda ner favicon.ico!" Visas på nedladdningssidan. Genom att klicka på som du kan spara den färdiga Favicon-ikonen på din dator.
Nu är det dags att lägga till FaVicon på din webbplats så att den visas för alla sina sidor. För att göra detta, placera ikonen i rotmappen på din webbplats. Om din webbplats redan är på hosting, kallas den här mappen "Public_HTML". Sedan, i varje sida på din webbplats, framför stängningskoden Lägg till följande rader:
Men i varje sida måste strängdata läggas till om du har en webbplats på HTML. Men eftersom, troligtvis är din webbplats baserad på en grund, vissa CMS, då kommer du att räcka för att lägga till dessa linjer i huvudfilen i ditt tema som du använder för webbplatsen.
Om du använder WordPress, gå till WP-Content / Themes-mappen / mappen-med-du-temat / hitta i den och öppna header.php-filen och sätt in linjerna behövs och spara filen.
Om du använder Joomla, gå sedan till mallen mapp / mapp-c-ditt-ämne / och öppna index.php-filen Sätt i de önskade raderna och spara.
I vissa ämnen i Wordpress och Joomla kan deras vägar redan stavas ut till FAVICON.ICO-filen, i det här fallet, ta bort dem och byt ut dem.
Om du använder, alla andra CMS, gör sedan allt per analogi.
På sidorna på sidorna och i adressfältet i webbläsaren visas din ikon omedelbart, som för sökandet efter Yandex, då är det nödvändigt att ha tid, och den speciella sökroboten Yandex hittade din ikon, efter det Det kommer att visas i sökresultaten.
Materialet framställs av projektet:
Favicon (engelska. Favoritikonen) är en liten ikon (bild, bild) i ett speciellt format som visas i webbläsarens adressfält när du tittar på webbplatsen, fliken Browser eller i bokmärken ("Favorites").
favicon är en extra dekoration för din webbplats, din mini-logotyp. Det visas också när du tittar på en lista med webbplatser i sökandet efter yandex, Google och markerar din webbplats mot resten.
Varför behöver du FAVICON för webbplatsen?
favicon är ett varumärke på din webbplats. Många företag har idag en distinkt FaVicon-ikon som belyser dem bland konkurrenter. För att ikonen är bättre att komma ihåg av användare, bör företag visa sin logotyp i den, vilket också måste vara ett av elementen i platshattarna. Ett annat positivt inslag i att använda FAVICON är att när du tittar på ett stort antal webbplatser i webbläsaren, ser du inte sidtiteln helt, och du kan bara se ikonen och du kan enkelt bestämma fliken där du ville gå.
Vad är bättre att skildra på Favon?
- Ikonen måste överensstämma med ämnet för webbplatsen.
- märke Om du har en webbplats ansluten till det här varumärket. Samtidigt kan olika märken visas för olika sidor;
- Applicera Favon som du vill klicka, det kommer att öka klyftan när du tittar på sökandet efter yandex, Google;
- Gör flera designer av Favonok för olika delar av din webbplats.
- Gör flera mönster av Favonok för olika evenemang (t.ex. nyår, Alla hjärtans dag eller kosmonautik dag, :).
Hur man gör en animerad FaVicon?
ICO-format stöder inte animering. Men moderna webbläsare tillåter GIF-formatet för miniatyr. Det är möjligt att specificera för moderna webbläsare en animerad fil (favicon.gif), och för gammal, typ Intertet Explorer, andra (favicon.ico). För att göra detta, i huvuddelen, gör följande två linjer:
Naturligtvis måste du först lägga båda filerna i platsen på platsen.
Vad händer om det är förbjudet att visa bilder i webbläsaren?
Om du gör FAVICON med inbäddad bild i seniorkoden:
Ikonen visas i webbläsaren även när bilderna är inaktiverade. .
Hur får man FAVICON från webbplatsen
Inte alla webmasters har favicon.ico på platsens rot. För att få FAVICON-adressen, använd följande skript:
] *) Länk ([^\u003e] *) (REL \u003d "Ikon" | Rel \u003d "Shortcut icon") ([^\u003e] *)\u003e / iu ", $ HTML, $ OUT)) ($ link_tag \u003d $ OUT ; Om (preg_match ("/ href ([s] *) \u003d ([s] *)" ([^ "] *)" / iu ", $ link_tag, $ out)) ($ FAVICON \u003d TRIM ($ OUT) ; Om (STRPOS ($ FAVICON, ": //") \u003d\u003d\u003d False) $ FAVICON \u003d $ URL. "/". LTRIM ($ FAVICON, "/");))?\u003e
Googles söksystem, Yandex och Favicon
Roboten av sökmotorer cache ikoner på webbplatser. De staplade ikonerna är tillgängliga på följande förfrågningar:
Dessutom kan Yandex göra dig "Sprite" från ikoner på olika platser:
Ikoner för iPhone och iPad
Även om du inte anger en länk-länk till bilden av iPhone ändå, kommer den fortfarande att söka i platsen på webbplatsen med Apple-touch-icon.png-namnet och om det kommer att finna, kommer det att ta det En bild från den, runt hörnen och den kommer att täckas med en bländning automatiskt. För att undvika det, istället för Apple-touch-icon.png, bör du skriva en äpple-touch-ikon-förpröske. PNG Ägare av iPhones och Point, eftersom För dem gör vi en vacker ikon i storlek 57x57 (du kan förresten och mer, men det här är den vanliga storleken på ikonen på lunchskärmen), som förbinder den så här:
Hur förändras FAVICON dynamiskt?
Om du försöker ändra värdet på taggfastigheten via DOM, strävar du inte på det önskade resultatet. För att dynamiskt ändra sidikonen måste du först ta bort länketiketten med en gammal ikon från sidtiteln och sedan lägga till den i det nya innehållet. Detta är gjort så här: // länk till filen i den nya ikonen var ikon \u003d "new_favicon.ico"; var huvud \u003d document.geteLementbytagnamn ("huvud"); // hitta och ta bort den gamla ikonen från huvudet var länkar tagg \u003d head.getElementyTagName ("länk"); för (var i \u003d 0; i< links.length; i++) { var lnk = links[i]; if (lnk.rel=="shortcut icon") { head.removeChild(lnk); } } // Добавить новую иконку var link = document.createElement("link"); link.setAttribute("href",icon); link.setAttribute("type","image/x-icon"); link.setAttribute("rel","shortcut icon"); head.appendChild(link);HTML5 och FAVICON.
I HTML5 tillsattes storleksattributet, så att du kan deklarera flera olika versioner av samma ikoner, och det kan vara PNG-filer:
Hur förklara kakel för tabletter på Windows 8?
Meddelande för Windows 8.0 ser ut som något så här:
Windows 8.1 och dvs 11 förväntar sig flera versioner av bilden som meddelas i Brosaconfig.xml. Till exempel:
Du kan inte förklara om filnamnet inte ändras:
Vad är Favon?
För dem som inte vet vad Favon är, kommer vi att ge ett litet certifikat som gör att du kan komma in i målet. Favon är en liten ikon på 16x16 eller 32x32 pixlar, som vanligtvis är logotypen, varumärkets första bokstav eller en karakteristisk bild, vilket återspeglar typen av verksamhet eller föremålet för webbplatsen.
Varför Favon är viktigt?
Favon utför följande funktioner:
Branding.
Identifiering av webbplatsen av användaren (användarvänlighet).
Gäller en professionell utsikt.
Låt oss bo på de främsta fördelarna med att använda Favon.
Varumärkesigenkänning
Favon - som ett litet site certifikat. Som framgår av den inledande delen hjälper Favon användaren att komma ihåg din webbplats bland de många visade platserna. Oavsett om det är en visningshistorik, Googles sökresultat eller en lista med bokmärken av webbplatser i din webbläsare, kommer Favona att hjälpa användaren enkelt att känna igen din webbplats och gå till den.
Förtroende
Användare tenderar att döma handlarna av varor och tjänster på Internet på grundval av hur professionellt webbplatsen görs. Ugless i form av brist på en Favon (sökmotorer visar en webbplats utan en Favon-ikon av ett tomt dokument) kan lätt leda till förlust av förtroende, särskilt när användarna jämför med konkurrenterna.
Upprepade besök
Det är känt att människor reagerar bättre på bilden än på texten. Antag nu att besökaren på din webbplats rusade när jag först besökte honom och bestämde mig för att lägga till den i bokmärkena för att återvända senare. Antag att den här personen bestämmer sig för att besöka din webbplats igen, för vad du ska vända dig till bokmärken. Du har tur om du har igenkännbar Favon, till exempel ett märkbart och unikt brev G Google och användaren hittar dig. Om det inte finns någon FAVICON, kan du till och med tas bort från listan med bokmärken.
Sparar användartid
Favonons Spara tid som användaren spenderar för att identifiera webbplatsen i bokmärken, historia eller andra ställen där webbläsaren lägger en favy för snabb identifiering. Det underlättar bara livet för den genomsnittliga besökaren på din webbplats.
Fördelar för SEO.
Om din webbplats har Favon, kommer du att synas bättre i sökresultat än platser där det inte är, och därför kan du locka fler besökare.
Hur skapar du en Favon?
Det finns många verktyg för att skapa Favon på några minuter. Om du inte har designkunskaper eller du vet inte hur det här är klart, kan du försöka generera Favon med hjälp av Logaster.
För att göra detta, följ instruktionerna för steg-för-steg:
Steg 5. Skapa Favon
Nu när du har en logotyp, klicka på "Skapa Favon med den här logotypen" på sidan Logo.
Steg 6. Välj önskad FAVICON-design
Som i fallet med logotypen kommer Logaster att generera flera dussin vackra och färdiga Favonov. Välj din favoritdesign. Förhandsgranskning tillåter dig att se hur din favy kommer att se ut på webbplatsen.
Om du behöver ändra Favon, kan du göra det genom logotypredigeringen, eftersom Favona skapas baserat på logotypens utformning. Därför, om du vill, till exempel, en annan färg på favicon, måste du återvända till logotypsidan, ändra sin färg och skapa en Favon igen.
Du kan hitta inspirationer för Favonka på platser:
Steg 7. Hämta Favon
Du kan köpa Favon separat, till ett pris av $ 9,99 eller köp ett designpaket som inte bara innehåller Favon, utan också en logotyp, ett visitkort, ett kuvert och en företagsformulär. Så här köper du ett designpaket, du kan ta reda på det.
Efter betalning kan du ladda ner Favon i ICO och PNG-format.
Var kan jag använda Favon?
Du kan använda Favon:
Uppkopplad;
Mobil enheter. Användaren kan lägga till Favon till startskärmen på sin enhet (något som bokmärken) - Android, IOS, Windows Phone, etc.;
Program och applikationer för RC / Mac.
Hur installerar du Favon till webbplatsen?
När du har fått Favon, tar installationen på servern inte mer par minuter och utförs i två steg. För att göra detta behöver du tillgång till rotkatalogen på din webbplats och en textredigerare för att ändra HTML-koden på webbplatsen.
Steg 1.Du måste ladda ner FAVICON.ICO-filen till servern. För att göra detta måste du ladda ner och installera en FTP-klient, till exempel FileZilla. Ange sedan användarnamnet och lösenordet och ladda ner filen. Mer detaljerade instruktioner Så här laddar du ner en FAVON-fil du kan läsa.
Steg 2.Nu måste du redigera HTML-sidan på din webbplats för att hjälpa webbläsare att hitta bilden av din favic. Med fönstret utomhus FTP, hitta och ladda ner filen index.html eller header.php från servern.
Öppna index.html-filen i Text Editor - Anteckningsblock, Anteckningsblock ++, sublim text.
Om din webbplats innehåller ren HTML, sätt in en specialkod i huvudområdet i index.html-filen.
Koden kan kopieras på FAVICON-sidan på Logasterns webbplats.
Om du använder WordPress, sätt i koden nedan till header.php-rubriken.
Har du gjort det här, ladda ner filen tillbaka till var du tog den. Redo! Starta om sidan på din webbplats för att se Favon.
De flesta moderna webbläsare är smarta och vet hur man hittar en Favon-fil även utan sådan kod, men endast om Favon har en bild av ett 16x16 pixelformat, namnet favicon.ico och sparas i rotkatalogen på din webbplats.
Vi hoppas att den här artikeln gav dig lite användbar information som hjälper till att skapa en Favon, som gör din webbplats mer framgångsrik och attraktiv.
Ämnet av dagens artikel är hur man gör FaVicon online för en webbplats eller blogg på WordPress. Om du av någon anledning, vet inte vad den här filen behövs än, jag rekommenderar att du läser den artikel som redan skrivits av mig om detta ämne:
I allmänhet bör den här lilla bilden vara varje webbplats.
Hur man skapar favicon.ico för plats
Så, nu ska jag försöka berätta var än och hur man gör favicon. Men för en början måste du veta vilken storlek som Favon för webbplatsen borde vara?
Favicon. - Det här är en bild i ICO, JPEG, PNG, BMP och GIF-format, som kan ha olika storlekar, med början av 16 × 16 pixlar. Ikonen för den här storleken måste hämtas till webbplatsen för indexering av Yandex-roboten.
Andra storlekar har en sekundär roll och visas inte i sökandet efter yandex och tjäna till att visa i webbläsare, till exempel på iPhone eller iPad. Om du vill att din webbplats ska stå ut i sökresultat, kom ihåg följande regel.
När det gäller flera fasta block av olika storlekar, i sidkoden måste du först placera sökvägen till bilden på 16x16 px, eftersom Phava-roboten av Yandex bara läser den första adressen.
Det enklaste sättet att rita FAVICON i Photoshop eller någon annan grafisk redigerare. Du kan göra det ännu enklare och ta en redan klar bild eller ett foto och bara konvertera det till det nödvändiga formatet och storleken. Eftersom en sådan ikon är väldigt liten, kommer små detaljer om bilden att vara dålig på den. Därför är det bättre att göra din favicon så enkel som möjligt, men samtidigt, attraktiv och unik. Det är trots allt ett visitkort av din webbresurs.
Om du inte är ett stort tecken på Photoshop, spelar det ingen roll, det finns många gratis generatorer för att skapa FAVICON för webbplatsen. Några av dem kan bara konvertera bilder till ICO-format, andra gör det möjligt att redigera eller skapa en fixer från början. Jag uppmärksammar en liten översyn av sådana online-generatorer.
Tjänster Online Favicon Generator - Skapande av Favicon Online
Jag kommer att börja med de enklaste tjänsterna, och sedan gradvis gå till mer avancerade, där du kan göra statiska och animerade ikoner från början och redigera redo redan.
När du bara driver din blogg eller företags webbplats och du fortfarande inte har en logotyp, kommer en underbar lösning för dig att tjäna Logaster-tjänsten. Med det kan du skapa en logotyp, och sedan på grundval av den här logotypen skapar generatorn en uppsättning korrigeringar efter eget val. Bekvämlighet är att logotypen och Phavicon kommer att skapas i en stil, så din webbplats kommer att se mer professionell ut.
Enkla Phawacon Generators
För en början, flera platser där du enkelt kan göra en ikon för webbplatsen, konvertera någon bild till favicon.ico-fil, utan att redigera.
www.favicongenerator.com - Kanske den mest minimalistiska tjänsten. Ingenting överflödigt - Välj bilden, klicka på "Generera Favicon! "Och hämtade den skapade ikonen.
verktyg.DynamicDrive.com/favicon. - En enkel och förståelig tjänst där du kan göra favicon i tre storlekar. För att ladda ner de mottagna filerna måste du klicka på "Download Favicon" -knappen.
www.cy-pr.com/tools/favicon och www.favicon.co.uk - tjänster som liknar den föregående. I den första kan storleken på phanique av 16 × 16 och 32 × 32 och i den andra ytterligare 48 × 48 och 64 × 64.
www.genfavicon.com - Hela processen med att skapa en ikon innehåller tre steg:
- Välj fil (JPEG, GIF, PNG) på din dator eller helt enkelt registrera URL-bilderna och klicka på " Ladda upp bild“;
- Välj storlek (16 × 16, 32 × 32, 48 × 48, 64 × 64 eller 128 × 128) och det önskade mönstret av mönstret, om vi bara vill generera en del av bilden genom att klicka på " Fånga och bild“;
- Vi tittar på resultatet och, om allt passar, ladda ner filen.
Skapa en animerad FAVICON för online-generatorer
Låt oss nu se flera tjänster där du kan göra animerade favörer, liksom lägg till text på latin, som kommer att bläddra ihop med ikonen i form av en löpande linje. Det är sant att animationen inte stöds av alla webbläsare.
www.favicon.by - Service på ryska. Allt som krävs, välj filen, skriv in texten på latin (om det behövs) och klicka på "Skapa Favicon" -knappen. Nedan kan du se resultatet och ladda ner filarkiv.
www.favicon.com.mx - Service, helt identisk med den föregående, bara på engelska.
Var ska man göra Favon från början - Online Editors Favicon
antifavicon.com - Denna tjänst, av någon anledning, med anti-Art, är intressant, vilket gör att du kan skapa en FAVICON.ICO-fil själv, men inte i form av en bild, men som text på en färgbakgrund. Allt som krävs är att ange lämpliga bokstäver och välja färger. Förresten gjorde jag min favon här. Jag trodde då redid, och nu är jag van vid det.
favicon-Generator.org - här, förutom omvandlaren, finns det också en redaktör för ikonen. Dessutom kan du hämta det skapade Favon till det offentliga galleriet, där det fritt kan ladda ner andra webbplatsanvändare.
favicon.ru - Populär Russian Online Generator, där du kan skapa Favona från bilder och dra dem. Även här kan du beställa skapandet av Favicon-specialister för $ 20. Jag undrar, någon gör order där?
www.favicon.cc är en annan populär generator som liknar den föregående. En intressant egenskap hos denna tjänst är att här kan du göra en ramanimering i upp till 20 sekunder.
Se Animated Favicon och ladda ner det i förhandsgranskningsfönstret.
www.degraeve.com/favicon är en annan online favicon generator. Den här redaktören, som tidigare, låter dig göra en genomskinlig bakgrundsikoner.
Kanske är det tillräckligt för idag, även om det inte är alla onlinetjänster. Men även dessa är tillräckligt nog för att skapa en vacker Favon för din webbplats eller blogg och vara märkbar i sökresultat.
Och ändå brukade en annan online generator ikoner för den webbplats som jag brukade följa. Den här tjänsten förtjänar ett separat inlägg, där jag ska berätta för dig hur du gör FaVicon för iPhone, iPod touch och iPad-webbläsare och fokuserar fortfarande på att installera animerade ikoner på webbplatsen. Dessutom kommer du att presentera dig för Favicon Validator Service, där du kan kolla och se alla FAVICON.ICO-ikonerna, om den här filen innehåller mer än en bild .. hittills!
Hej kompisar! Nyligen installerad på en av bloggarna Favonka och trodde att jag fortfarande inte har någon artikel om detta ämne. Så varför inte skriva? Jag förstår att ämnet är och många människor vet allt detta. Många, men inte allt, om du tror wordstat.yandex.ru statistik (se skärmdump nedan). Vi gjorde alla en gång Favicon för första gången och sökte efter sådan information. Så låt nybörjare webmasters hitta henne på min blogg. Dessutom skapade jag det exakt för detta ändamål. Ja, och ytterligare trafik från sökmotorer på denna förfrågan kommer inte att skada mig. Låt oss gå.
Vad är favicon.ico
Till att börja med, låt oss bestämma vad Favon är och varför vi behöver det. Det här är vad Wikipedia () ansvarar för dessa frågor.
Det är lättare för mig att visa än förklara för ord. I skärmdumpen nedan visade jag hur Favonki visas i Google Chrome. Liknande situation i andra webbläsare.
Allmänt, favon för webbplatsen - Det här är en speciell ikon eller en bild av 16 × 16 pixlar i ICO-format. Vanligtvis kallas en sådan fil favicon.ico. Och ligger i platsens rotmapp. Andra storlekar är också möjliga (24 × 24, 32 × 32, 48 × 48, etc.) och format (JPEG, BMP, PNG och GIF). Följaktligen kan PNG-format göra en ikon på en transparent bakgrund, GIF-animerad.
Varför behöver Favonka
Favicon ICO-filen är mycket viktig för webbplatsen. Och inte bara för att en sådan bild gör det enkelt att hitta den önskade webbresursen bland det stora antalet webbläsarbokmärken. Huvudchip och nytta i en annan.
Faktum är att Yandex visar Favona i sökresultaten för varje webbplats där den är installerad. Unikt och vackra Favicon lockar uppmärksamhet och gör det möjligt för din resurs att stå ut bland konkurrenter, vilket gör det möjligt att klicka på det och samla in söktrafik. Dessutom bidrar det minnesvärda Favon till webbplatsigenkänning på Internet som varumärke. Enas om att jag först och främst vill klicka på länken med bilden.
Det är värt att säga att Yandex inte rekommenderar att bilden innehåller genomskinlighet, och animationen stöds endast i Firefox-webbläsaren. Det bör också förstås att med en ökning av bildens storlek, ökar vikten av filen och belastningen på hosting. Därför är det bättre att använda Favon för någon webbplats (WordPress, Joomla, Dle, etc.) i format.ico med 16 pixlarstorlek.
För att installera en sådan ikon på webbplatsen måste du först ha den. Det finns flera alternativ här:
- hämta färdiga Favon;
- gör favicon.ico med hjälp av Photoshop eller speciella online-generatorer.
Det första sättet är mycket enklare, men det minskar sannolikheten för unikhet. Ändå, överväga det.
Var att ladda ner favicon.ico. Klar samlingar av Favonov för webbplatsen
För att ladda ner Favon för webbplatsen är det tillräckligt att komma in i sådana eller liknande i sökmotorn. Tro mig, du kommer inte ha brist på resultat. Nedan kommer jag att ge adressen till flera resurser där du kan ladda ner färdiga bilder för Favon. På några av dem finns det ett tillfälle att skapa egna ikoner med hjälp av generatorer.
Galleries ikoner (favicon.ico) för webbplatsen:
- www.iconj.com/gallery.php - En stor samling av bilder och online generator;
- www.audit4web.ru/info/favicon/ - här mer än 15 000 stycken;
- www.favicon.cc/?action\u003dicon_list&order_by_rating\u003d1 - Generator och galleri av animerade och statiska ikoner;
- www.favicon.co.uk/gallery.php - Favicon Generator och Favonok katalog för webbplatsen;
- theFavicongallery.com är ett annat galleri av bilder.
Men kanske det bästa stället där du kan ladda ner olika ikoner och logotyper för din webbplats, det är Findicons.com.
En liten översyn av denna tjänst:
Bilder presenteras i olika format och storlekar. För att hitta och ladda ner favicon.ico på webbplatsen Findicons.com måste du välja en bild och klicka på knappen "Mer". I fönstret som öppnas klickar du på linjen med storleken på storlekarna.
Förhoppningsvis förstå.
En annan underbar service med sökning på ikoner www.iconsearch.ru.
Allt är enkelt här. Vi anger ämnet i sökfältet, som vi ska leta efter en bild eller använda taggmoln. Det är möjligt att välja storlek och färgbakgrund (vit, transparent, svart).
För att ladda ner den valda FAVICON, klicka på ikonen PNG eller ICO-format. Genom att klicka på inskriften "mer" kan du se den här ikonen i andra storlekar och fortfarande ikoner från den här uppsättningen.
På detta kommer jag att slutföra, eller ens så det visade sig mnogabukaf om det så här laddar du ner FAVICON ICO för webbplats. Men det skulle fortfarande berätta, och på Wordpress-bloggen. Nu nästa gång, missa inte. Fram tills!