Teie veebisaidi osas on teie brändingustrateegia ülioluline, et muuta külastajaid klientideks. Ühtegi väikest detaili ei tohiks tähelepanuta jätta. See hõlmab faviconi ikoonide loomise vajadust ja nende loomiseks aitab tasuta faviconi generaator.
Faviconid on väikesed pildiikoonid, mis kuvatakse veebisaidi pealkirja kõrval brauseriakna vahekaardil.
Kuna saate neid kasutada ka töölauarakenduste ikoonidena, vajate vähemalt mõnda erinevat suurust, mille saab lisada faviconi ICO failitüüpi. Enamikul juhtudel saate PNG-faili seada ka faviconi ikooniks.
Faviconid on hädavajalikud, kuna kasutajad jahivad pidevalt vahekaartidel teavet mitme veebisaidi kohta korraga. Faviconid aitavad kasutajatel sisu ja brändi kiiremini tuvastada, et ahvatlevamat kasutajakogemust kasutada.
Niisiis, siin on 15 tasuta faviconi generaatori võrgutööriista, aga ka lisateavet faviconi ikoonide loomise ja installimise kohta.
Kaevame sisse.
Contents
- 1 Veebipõhised Faviconi generaatori ICO-failide parimad tavad
- 2 Parimad tasuta Faviconi generaatorid: veebitööriistad
- 2.1 1) Favicon.io
- 2.2 2) Favicon-Generator.org
- 2.3 3) Päris Faviconi generaator
- 2.4 4) Favicon.cc
- 2.5 5) FaviconGenerator.com
- 2.6 6) Favicomatic
- 2.7 7) Ionos Faviconi generaator
- 2.8 8) Veebisait Planet Favicon Generator
- 2.9 9) RedKetchup Faviconi generaator
- 2.10 10) Genfavicon
- 2.11 11) FavIcon.pro
- 2.12 12) Faviconr
- 2.13 13) ICOConvert
- 2.14 14) Wizlogo Faviconi generaator
- 2.15 15) FavICO
- 3 Faviconi ikooni installimine
- 4 Mähkimine üles
Veebipõhised Faviconi generaatori ICO-failide parimad tavad
Kui soovite luua faviconi ikoone, on esimene samm nende kohta rohkem teada saada, sealhulgas nende nõuete ja parimate tavade kohta.
Mõiste “favicon” on portmanteau sõna “lemmikuikoon” jaoks. Need olid ikoonid, mis sarnaselt tänapäevaga kuvati brauseri ülaosas veebisaidi pealkirjaga.
Välja arvatud need, mis kuvati algselt siis, kui kasutaja lisas veebisaidi kausta „lemmikud”. Kaasaegsed brauserid viitavad sellele kausta teie järjehoidjatena.
Faviconi ikoon peab olema teatud suurusega. Muidu brauserid ja seadmed neid ei kasuta.
Vajalikud minimaalsed suurused on järgmised:
- 16 × 16 pikslit brauseritele
- 32 × 32 pikslit töölaua tegumiribade jaoks
- 96 × 96 pikslit töölauarakenduse faviconiikoonide jaoks
- 180 × 180 pikslit iOS-i ja Android-seadmete jaoks
Pidage meeles, et saate valida 16 × 16 piksli ja 32 × 32 piksli vahel. Kui te ei muretse kaubamärgi pärast liiga palju, peaks piisama ühest nendest kujutise suurustest.
Üksikasju leiate jaotisest Faviconi petuleht.
Faviconi ikooni tehes on hea mõte järgida ka järgmisi parimaid tavasid:
- Need peaksid olema lihtsad ja mitte liiga stiliseeritud, nii et neid oleks väikestes suurustes lihtne näha.
- Valige värviskeemi jaoks üks või kaks värvi. Maksimaalselt mitte rohkem kui kolm värvi.
- Faviconi ikoonid peaksid olema kas 8- või 24-bitised.
- Faviconi ikoonide kujundus ei tohiks sisaldada palju ridu ega tähti.
- Ehkki teil võib olla läbipaistev taust, on oluline arvestada, et Apple’i seadmed seda ei luba.
- Faviconi ikoonid peaksid vastama teie olemasolevale kaubamärgile ja logole.
Kiiresti logo loomine, kui teil seda pole
Nagu varem mainitud, on hea mõte siduda oma faviconi ikoon oma brändi ja praeguse logoga. Kui teil seda veel pole, saate selle kiiresti teha, näiteks TailorBrandi logo tegija.
See võib AI abil genereerida teile logo. Pärast mõnele lihtsale ja kiirele küsimusele vastamist soovitud logo stiili, sealhulgas fondi kohta, registreerumisel tasuta konto saamiseks genereeritakse mitu kvaliteetset, professionaalset ja kaasaegset logot.
Kui leiate endale meelepärase logo, saate selle allalaadimiseks minna üle premium-kontole. Siiski saate tasuta alla laadida faviconi ikooni versiooni.
Kui soovite tutvuda ka muude võimalustega, oleme loetlenud 15 tasuta veebis logo tegijat.
Parimad tasuta Faviconi generaatorid: veebitööriistad
Kui soovite luua omaenda faviconi ikoone, mis on lihtsamad, või soovite lihtsalt pildi üles laadida ja lasta sellel sobiv suurus ja teisendada ICO-pildifaili, on siin mitu tasuta faviconi generaatorit.
Need pole konkreetses järjekorras, kuna need on suurepärased võimalused, kus saate mõne klõpsuga luua faviconi ikooni. Kui olete mõne nende Interneti-valikute abil faikooni teinud, saate seda tasuta alla laadida ja kasutada.
1) Favicon.io
Selle tasuta faviconi generaatori abil saate luua faviconi ikoone tekstist, pildist või emotikonist.
Tekstipõhise valiku abil saate valida taustavärvi ja kuju, fondiperekonna ja suuruse, samuti fondi värvi. Faviconi generaator kasutab Google Fonte, millel on saadaval üle 800 fondi.
Teise võimalusena võite valida faili faviconi generaatori jaoks üleslaadimise, et muuta see sobivaks suuruseks. Võite ka alla laadida emotikonide faikooniikooni hiiglaslikust valikute loendist.
Loodud favicon töötab kõigi brauserite ja mitmete platvormide jaoks.
2) Favicon-Generator.org
See tasuta faviconi generaator annab teile võimaluse pildifail üles laadida ja valida veebibrauserite jaoks standardset 16 × 16 pikslit või Androidi, Microsofti ja iOS-i jaoks sobivama suuruse vahel.
Teil on võimalus säilitada pildi praegused mõõtmed, selle asemel et ruudu suurust muuta. Pidage ainult meeles, et selle valiku märkimata või märkimata jätmine võib teie faviconi lõpptulemust viltu muuta.
Seega on kõige parem veenduda, et teie pilt on ruudukujuliseks juba üsna lähedal.
3) Päris Faviconi generaator
See tasuta faviconi generaator on üsna ainulaadne, kuna see on üks väheseid loendis, mis sisaldab brauseri simulaatori eelvaate jaotist, nii et näete, kuidas teie faviconi ikoon välja näeb, kui see on suuruse saanud ja teisendatud.
Samuti saate hankida suuruse kõigi brauserite, platvormide ja enamiku tehnoloogiate jaoks.
Sellel faviconi generaatoril on aga ainult võimalus valida pilt faviconi ikooniks teisendamiseks.
4) Favicon.cc
Selle tasuta faviconi generaatori abil saate pildi üles laadida, et favicon luua, või saate luua oma faviconi ikooni, joonistades selle hiirega.
Saate valida värvid, mida soovite värvivalijaga kasutada, ja lülitage sisse faviconi ikooni läbipaistvus.
Samuti on võimalus luua faikooni ikoone animatsiooniga. Saadaval on ka sellised seaded nagu animatsiooni silmusele panemine, raamide redigeerimine ja kustutamine.
Sellel faviconi generaatoril on ka eelvaate režiim, nii et näete, kuidas teie favicon välja näeb, kui see on valmis.
5) FaviconGenerator.com
See on lihtne tasuta faviconi generaator, kuhu saate pildi üles laadida ja seejärel valida soovitud suuruse. See on väga lihtne, kuid hea võimalus, kui soovite teha faviconi ikooni kiiresti ilma sätete ja valikutega vaeva nägemata.
Selle generaatori abil saate teha ka võrkkesta faviconeid, mis töötavad Apple’i puutetundlike seadmetega. See nõuab küll pisut lisatööd, kuid kõik juhised on nende veebisaidil üksikasjalikud.
6) Favicomatic
Favic-o-Matic genereerib faikoone, nii ICO kui ka PNG (ka läbipaistvad).
Selle tasuta faviconi generaatori abil saate pildi üles laadida ja seejärel valida, kas laadite alla 16 × 16 ja 32 × 32 piksli suuruse ICO-faili või lisate erineva suurusega, mis ühildub kõigi seadmetega.
Samuti on olemas täpsemad sätted, näiteks võimalus redigeerida taustavärvi ja mõned täpsemad ühilduvusvalikud.
7) Ionos Faviconi generaator
Ionos Faviconi generaator võimaldab teil joonistada faviconi ikooni, kasutada initsiaale või üles laadida pildi, mida soovite faviconi tegemiseks kasutada.
Tulemuseks on favicon, mis töötab kõigis brauserites ja seadmetes. Samuti on sellel kena eelvaateala, kus saate kiiresti näha, kuidas teie favicon reaalajas välja näeb.
8) Veebisait Planet Favicon Generator
See tasuta faviconi generaator pakub pildi üleslaadimise võimalusi (kas JPG, PNG või GIF) või saab valida eelvalmistatud faviconite tasuta galerii seast.
Võib-olla on oluline märkida, et kui soovite luua oma ettevõtte jaoks faviconi ikoone, peate tõenäoliselt looma fikuse, mis on teie logo või sarnane sellele. Kui teete seda, annab see ühtsema pildi, mis on meeldejäävam.
Seega ei pruugi ühe ettevalmistatud pildi valimine hästi sobida, eriti kuna teised saidid saavad kasutada täpselt sama, mille valisite.
9) RedKetchup Faviconi generaator
Selle generaatori jaoks on olemas võimalus pilt üles laadida või luua see koos tekstiga.
Kui loote faviconi ikoone koos tekstiga, on palju seadeid, sealhulgas fondiperekonna muutmine, fondi suurus, taustavärv, teksti värv ja ruudu ja ringi vahelise piiri vahetamiseks on olemas reguleeritav skaala. Niisiis, saate piiri muuta nii, et selle ümarad servad oleksid erineva ümarusega.
Seadmete ühilduvuse jaoks on ka muid võimalusi.
10) Genfavicon
See tasuta faviconi generaator on ainulaadne, kuna pildi üleslaadimisel on teil võimalus kärpida, et muuta see faviconiks.
Samuti on eelvaateaken, et näha, kuidas teie uus faviconi ikoon reaalajas kasutaja brauseris välja näeb.
Saate valida suurusevalikute vahel: 16 × 16, 32 × 32, 48 × 48, 64 × 64 ja 128 × 128 pikslit.
11) FavIcon.pro
Siin on veel üks kiire võimalus, kui tegemist on tasuta faviconi generaatoriga. Kui laadite pildi üles faviconi tegemiseks, saate valida pildi suuruse, mida soovite kasutada: 16 × 16, 32 × 32, 48 × 48, 64 × 64 ja 128 × 128 pikslit.
FavIcon võimaldab teisendada JPG, GIF, PNG ICO failitüübiks ja saate seda kasutada rakenduste ikoonide, töölauaikoonide ja faviconite teisendamiseks oma veebisaitidele.
12) Faviconr
Faviconr on veel üks lihtne ja kiire võimalus tasuta faviconi generaatori jaoks.
Laadige üles JPG-, PNG- või GIF-fail ja valige, kas soovite läbipaistvat tausta (läbipaistvaid favikoone saate luua ainult siis, kui teie lähtefail on ka läbipaistev PNG- või GIF-fail). Klõpsake nuppu, salvestage fail ja oletegi valmis.
13) ICOConvert
See tasuta faviconi generaator on üsna ainulaadne, kuna pärast pildi üleslaadimist, mida soovite faviconi tegemiseks kasutada, saate selle kärpida ja stiili muuta.
Piiride kujundamiseks erinevateks vormideks on ruudukujuline, südamekujuline, tsentrist väljas ruut, ring, kallutatud südamekujuline või ruut, ja valge valimise võimalus..
Võite faviconi alla laadida ka ICO- või PNG-failina, millel on mitu suuruse valiku võimalust, sealhulgas 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 96 × 96, 128 × 128, 192 × 192 ja 256 × 256 pikslit. Samuti on võimalus luua faviconi ikoone Windows 7, 8, Vista ja XP arvutitele.
See tasuta faviconi generaator sisaldab ka faile PNG-st SVG-deks pakkimise ja teisendamise võimalusi.
14) Wizlogo Faviconi generaator
Wizlogo on veel üks lihtne võimalus tasuta faviconi generaatori jaoks. Teil on vaja ainult valida üleslaaditav pilt, seejärel valida kas 32 × 32 ICO-fail või veebi, iOS-i, Windowsi ja Androidi jaoks faviconi ikoon. Ja oletegi valmis.
Wizlogot saab kasutada ka tasuta logo valmistajana.
15) FavICO
FavICO on viimane faviconi generaatori põhiline võimalus. Laadige üles pilt, mida soovite faviconi tegemiseks kasutada. Seejärel valige 16 × 16 või 32 × 32 piksli suuruse vahel ja vajutage Loo. Ja see ongi kõik.
Faviconi ikooni installimine
Kui olete faviconi ikooni valmistamiseks kasutanud ühte tasuta faviconi generaatorit, saate selle installida, et seda saaks oma veebisaidi jaoks kuvada.
Tavaliste või mitte WordPressi saitide jaoks laadige kõigepealt faviconi ikoon oma serveri juure.
Seejärel alustades
faili index.html sildil, kasutage allolevat ametlikku koodi W3C-st:... ...
Muutke kindlasti „https://example.com/myicon.png”, kasutades tegelikku linki oma faviconi ikoonile.
Muutke ka „image / png”, et kajastada seda pildifaili tüüpi, mida kasutate faviconi jaoks.
Siin on piltide tüübid, mis asendavad pildi / png, mis ühilduvad faviconi loomisel:
- PNG-pildifail – pilt / png
- GIF-pildifail – pilt / gif
- ICO-pildifail – pilt / x-ikoon
- SVG-pildifail – pilt / svg + xml
Ärge unustage faili salvestada.
Enamikul juhtudel genereerivad ülaltoodud tasuta faviconi generaatorid ka teie vajaliku koodi, mis vastab teie valitud seadetele, näiteks animatsioonide või ühilduvuse jaoks. Seega, kui see kood ei tööta, võite viidata faviconi generaatorile, mida kasutasite oma veebisaidi faviconi tegemiseks.
Faviconi ikooni automaatne installimine WordPressi
WordPressi saitide jaoks saate luua faviconi ikooni, ilma et peaksite kasutama ühte ülaltoodud tasuta faviconi generaatorit.
Võite kasutada ükskõik millist soovitud pilti, kui selle laius on vähemalt 512 pikslit.
Selle automaatseks installimiseks logige sisse oma hostitud WordPressi saidile ja minge administraatori juhtpaneelile Välimus> Kohanda.
Pärast kohandaja laadimist klõpsake nuppu Saidi identiteet vasakpoolses menüüs. Siis all Saidi ikoon, klõps Valige Pilt.
Klõpsake hüpikaknas nuppu Faile üles laadima vahekaart, siis edasi Valige Failid. Valige oma arvutist soovitud pilt.
Klõpsake nuppu Valige, siis kärpige vajadusel pilt ja klõpsake nuppu Kärbi pilti. Võite ka jätta pildi praeguseks ja klõpsata Jäta vahele kärpimine.
Seejärel salvestage muudatused, klõpsates nuppu Avalda nuppu kohandajas.
Faviconi installimine WordPressi saitide jaoks käsitsi
Oma faviconi, mis on WordPressi ICO-fail, käsitsi installimiseks laadige esmalt favicon oma veebisaidi juure ja ka teie praeguse teema juur.
Veenduge, et faili nimi oleks „favicon.ico” või vastasel juhul ei kuvata faviconi ikooni.
See peaks ära tegema trikk, kuid mõned vanemad brauserid ei pruugi teie nägu märgata, nii et ühilduvuse tagamiseks võite astuda täiendava sammu..
Otsige oma header.php-faili SFTP-st või oma hostiteenuse pakkuja juhtpaneelilt.
Avage see ja otsige koodirida, mis sarnaneb alloleva näitega:
... ...
Siis, asendage see alloleva koodiga või lisage see, kui seda pole seal:
... ...
Salvestage fail ja oletegi valmis.
Mähkimine üles
Midagi nii väikest nagu faviconi ikoon võib alguses tunduda tähtsusetu, kuid see aitab kaasa kaubamärgi tuntusele ja kasutajakogemusele. Need tasuta faviconi generaatorid peaksid tegema trikk, et luua oma faviconi ikoonid, mida oma veebisaidile lisada.
Kas meil on midagi puudu? Jäta kommentaar allpool.