'N Favicon is die oulike prentjie langs u adresbalk in u blaaier. Dit is wat u webwerf op die bladmerke -oortjie onderskei en kan gebruik word om die merkbewustheid te verhoog. As u 'n webwerf het, maar nog nooit oorweeg het om 'n favicon te skep nie, moet u u besluit heroorweeg. Sagteware -ontwikkelaars gebruik toenemend favicons vir verskillende aspekte van hul toepassings, soos ikone op die tuisskerm op tablette. Gelukkig is die ontwerp, skep en implementering van 'n favicon iets wat byna almal kan doen as hulle die regte stappe volg.
Stappe
Metode 1 van 3: Ontwerp u Favicon
Stap 1. Skep 'n favicon wat u webwerf verteenwoordig
Die tipe webwerf wat u het, moet die voorkoms van u favicon bepaal. Probeer iets ontwerp wat by u handelsmerk aansluit en wat vir mense herkenbaar en onvergeetlik sal wees. Jou favicon is die eerste ding wat mense sien as hulle na die oortjies in hul blaaier kyk, en dit sal ook in die boekmerke van mense verskyn.
- Byvoorbeeld, as u 'n voedselwebwerf het, kan die keuse van 'n favicon met 'n vrug of groente as ontwerp dit onvergeetliker wees.
- As u webwerf vir 'n regsfirma of beleggingsonderneming is, is 'n tradisionele en slanke favicon die beste.
- As u webwerf op jonger mense gerig is, probeer dan 'n speelse en kleurvolle favicon.
Stap 2. Besluit of u 'n deursigtige agtergrond wil hê
As u nie 'n agtergrond aandui nie, word dit wit ingevul, wat moontlik nie aan u handelsmerk voldoen nie. 'N Deursigtige agtergrond sal die kleur van die persoon se blaaier aanneem en in sommige gevalle meer vaartbelyn lyk. In ander gevalle, as u 'n kleur vir die agtergrond het, sal die letters op die voorgrond of grafika verskyn. Besluit wat die beste vir u ontwerp is en hou dit in gedagte terwyl u dit maak.
Die mees basiese favicon is 'n vierkant van 16x16 en het 'n agtergrondkleur
Stap 3. Skep 'n favicon wat maklik leesbaar is
Omdat die favicon -beeld wat u gaan gebruik, klein is, is dit belangrik dat u u handelsmerk kan oordra sonder om u besoekers te verwar. 'N Favicon wat moeilik leesbaar is, laat 'n negatiewe indruk na en kan die besoeker se kop vrae laat ontstaan oor die kwaliteit van die werk wat u kan lewer. Te komplekse beelde en logo's lyk nie goed as dit tot 16x16 of 32x32 pixels verminder word nie.
- As u bestaande logo te ingewikkeld is, kan u taktiek gebruik om dit te vereenvoudig, sodat dit herkenbaar kan wees op die favicon -grootte. Gebruik voorletters in plaas daarvan om die volledige naam van die onderneming te wys, of ontwerp 'n eenvoudige ikoon eerder as om 'n prentjie te gebruik.
- As u reeds 'n eenvoudige logo het, kan u die prentjie verklein en dit as u favicon stel. Miskien moet u dit verander voordat u dit omskakel na 'n ikoonlêer.
- U kan ook 'n prentjie van 'n voorwerp gebruik wat die algemene tema van u webwerf beskryf.
Stap 4. Skep 'n esteties aangename favicon
Die struktuur van jou favicon word sy vorm genoem. Favicons neem gewoonlik vorms aan, soos 'n sirkel of 'n vierkant. As u u favicon ontwerp, is dit gewoonlik beter as dit in een van hierdie basiese vorms kan pas, want vorms in vrye vorm kan dikwels met 16x16 pixels verward of verward raak. 'N Ander belangrike aspek van u ontwerp word estetiese eenheid genoem. Estetiese eenheid bevat die besonderhede en groottes van verskillende komponente in u favicon en hoe u favicon gebalanseer is. Hoe meer eenvormig die besonderhede is, hoe meer samehangend sal u favicon lyk. Die gebruik van verskillende lettertipes of groottes in u favicon is byvoorbeeld nie aangenaam vir die oog nie en kan u favicon verward of deurmekaar laat lyk.
- Nog 'n voorbeeld van estetiese eenheid is die behoud van afgeronde hoeke deur die vorms in u favicon.
- 'N Goeie voorbeeld van 'n ikoon wat van vorm verander het, is Google se favicon. Dit het verander van 'n vierkant na 'n sirkel.
Stap 5. Gebruik kleure wat by u handelsmerk pas
As u u favicon skep, moet u dit in 8 bit (256 kleure) of 24 bit (16,7 miljoen kleure) kleurdiepte skep, aangesien dit op moderne blaaiers sal werk. Maak seker dat die kleure wat u kies elders op u webwerf gevind kan word of op een of ander manier met u handelsmerk verband hou. 'N Gunsteling -ikoon met kleure wat nie op u webwerf, logo of toepassings verskyn nie, sal nie onvergeetlik wees nie, en mense kan nie die ikoon met u handelsmerk assosieer nie.
- Sommige kreatiewe gebruike van favicon -kleur sluit in GitHub wat van kleur verander na gelang van u stelselstatus en Trello, wat verander na gelang van u agtergrondkleur.
- Die mees algemene kleure wat in favicons gebruik word, is rooi en blou.
Stap 6. Neem u gehoor in ag wanneer u 'n favicon ontwerp
Behalwe om u handelsmerk te identifiseer, moet u favicon vir u besoekers aantreklik lyk. Mense met verskillende smaak, belangstellings en maatskaplike norme kyk vanuit verskillende perspektiewe na verskillende ikonologie. Kulturele verskille bestaan in ons samelewing en kan die gehoor wat u probeer lok, verwar of afweer.
Byvoorbeeld, Mac Os X gebruik 'n seël wat 'n universele simbool vir pos is. Die gebruik van 'n posbus sou nie so effektief wees nie, want posbusse wissel in verskillende dele van die wêreld
Stap 7. Kry die mening van vriende en kollegas
Alhoewel dit nie ongelooflik grafies intensief is nie, is 'n favicon 'n belangrike deel van u handelsmerk. Dink byvoorbeeld aan u gunsteling webwerwe soos Twitter, Gmail, Facebook of wikiHow, en hoeveel u die favicon met die handelsmerk assosieer. As u nie 'n goeie oog vir ontwerp het nie, of u weet nie watter ontwerp u op u webwerf moet hê nie, raadpleeg vriende wat 'n oog het vir ontwerp of wat in grafiese ontwerp werk.
- Vra in u netwerk van vriende om te sien of iemand gratis ontwerpadvies kan gee.
- Groter ondernemings het interne grafiese ontwerpers wat die favicon-beeld kan skep.
Metode 2 van 3: Skep u Favicon
Stap 1. Gebruik fotobewerkingsprogrammatuur om u favicon te skep
U kan fotobewerkingsprogrammatuur soos Adobe Photoshop of Illustrator gebruik om die prentjie vir u favicon te skep. Met hierdie sagtewaretoepassings kan u ook die grootte van die prent in die regte formaat uitvoer en uitvoer. Met sommige sagteware kan u u favicon met die hand maak.
- Daar is ook favicon -spesifieke bewerkingsprogramme wat u aanlyn kan vind.
- Gebruik 'n soekenjin en tik "favicon -redakteurs" in.
- Maak u doekgrootte 512x512 pixels, want hierdie getal breek af na die meeste toepaslike favicon -groottes en is nog steeds groot genoeg om effektief te wysig.
- Ander gewilde fotobewerkingsprogrammatuur sluit GIMP, PhotoScape en Paint. NET in.
- As u hierdie sagteware gebruik, kan u nie die.ico -lêers direk wysig nie, maar u kan.png-,.jpg- of-g.webp" />
Stap 2. Verander die grootte en stoor u favicon
32x32 px is die grootte van Windows -tafelbladitems, terwyl 16x16 px die grootte van favicons op die blad van u blaaier is. Nadat u u favicon in 'n groter formaat gemaak het, is dit belangrik om die grootte te verminder sodat u kan sien hoe dit in die blaaiers van mense sal lyk. As dit onleesbaar is of nie esteties aangenaam is nie, begin weer met u oorspronklike ontwerp. Dink aan die platforms waarop u webwerf of toepassing waarskynlik gebruik sal word, en skep dan 'n favicon om al u basisse te dek.
- Dit is belangrik om daarop te let dat verskillende hardeware en sagteware verskillende favicon -groottes gebruik.
- Sommige ander favicon -groottes sluit in 57x57px vir die standaard iOS -tuisskerm, 72x72px vir die iPad, 96x96px vir Google TV, 128x128px vir die Chrome -webwinkel en 195x195px vir die Opera -snelkiesnummer.
- As u al u basisse wil dek, kan u weergawes van u favicon in elk van hierdie groottes skep.
- Stoor aparte weergawes van u favicon, sodat u nie u werk verloor nie.
Stap 3. Kombineer u lêers met 'n omskakelaar
Die wonderlike van.ico -lêers is dat u meer as een lêer kan kombineer om dit te skep. Dit is handig omdat verskillende blaaiers en sagteware 'n ander favicon wil hê. Om seker te maak dat u favicon op alle verskillende platforms goed lyk, omskep u lêers met 'n aanlyn -omskakelaar. Tik 'icon converter' in u gunsteling soekenjin om gratis aanlynprogramme hiervoor te vind. Stoor die saamgevoegde lêer as "favicon.ico."
- U kan ook 'n program soos GIMP met 'n ingeboude funksie gebruik, of 'n inprop genaamd ICO FORMAT na Adobe Photoshop aflaai.
- Skep 'n nuwe gids, sodat u nuwe favicons of werke wat aan die gang is, kan stoor.
- Tik ".ico converter" of "favicon generator" in 'n soekenjin om verskillende instrumente te vind wat u kan gebruik.
Metode 3 van 3: Implementering van u Favicon
Stap 1. Laai u favicon op as u 'n webwerf -redakteur gebruik
Baie webwerf-redakteurs het 'n ingeboude vorm waarmee u u favicon outomaties na u webwerf kan oplaai. As u 'n webwerf -redakteur gebruik wat dit ingebou het, soek dan na die opsies "Laai Favicon op" of "Voeg Favicon by" in die instellingsmenu van u webwerf. Kies u favicon.ico -lêer en laai dit op na u webwerf.
As u geen plek kan vind om u favicon op u webwerf -redakteur op te laai nie, moet u dit met die hand doen
Stap 2. Laai die lêer op na die wortelgids van u webwerf
As u webwerf File Transfer Protocol of FTP ondersteun, kan u u FTP -kliënt gebruik om u nuwe favicon.icon -lêer na u root (indeks) gids op te laai. Indien nie, moet u na u webgasheerbladsy gaan en die prentjie met die hand oplaai. Onthou om die bestaande favicon.ico -lêer met u nuwe lêer te vervang.
Stap 3. Voeg die lêer by u kop
Vind die plek waar u toegang tot die PHP- en CSS -lêers vir u webwerf kan kry. Gaan na die header.php -lêer van u werf en wysig dit. Onder die merktipe,"
-
. Dit behoort u webwerf aan u favicon te koppel.
Omdat u PHP gebruik, beteken dit dat alle webwerwe wat u koptekstlêer gebruik, nou dieselfde favicon sal hê
Skep u eie Favicon -ikoon Stap 14 Stap 4. Herlaai u blaaier
As u klaar is met die oplaai van die favicon, kan u u blaaier herlaai om u nuwe prentjie langs die adresbalk te sien. Tik "https://www.yourdomain.com/favicon.ico" om direk na die prentjie van u opgedateerde favicon te gaan.
- As u favicon aanvanklik nie verskyn nie, moet u moontlik die blaaier se kas herstel.
- Om u kas skoon te maak, gaan na die instellings van u blaaier en verwyder u tydelike internetlêers, koekies en geskiedenis.
