In webontwerp, soos jy waarskynlik weet, maak elke detail saak. 'n Persoon wat na jou hulpbron oorgeskakel het, sien nie elk van die elemente afsonderlik nie, maar sien die hele beeld as 'n pakket wat uit ander klein besonderhede bestaan. Dus, as jy iets mis in die proses om jou hulpbron te ontwikkel, kan hierdie detail later die hele kompleks, die hele samestelling, bederf.
So 'n kleinigheid kan byvoorbeeld die agtergrond van 'n knoppie wees, 'n verkeerd gekose lettertipe van een of ander klein element, en selfs 'n gunsteling. Inderdaad, sien self - groot, bekende werwe het 'n individuele ikoon wat dit aandui in die "Boekmerke"-afdeling van die gebruiker se blaaier. Daarsonder sou die ontwikkelaars van die hulpbron nie die samestelling waarna hulle oorspronklik gestreef het kon skep nie.
Daarom, wanneer jy 'n ontwerp vir jou webwerf skep, moet jy sorg vir so 'n detail soos die gunsteling. In hierdie artikel sal ons praat oor hoe om dit by die algemene styl van die hulpbron te pas, asook watter groottes hierdie prent moet hê.
werf-ikoon
Eers, kom ons definieer wat hierdie element is. Kyk nou na die titel van jou blaaieroortjie. Soos u kan sien, is daar 'n klein prentjie aan die linkerkant daarvan, wat 'n vereenvoudigde weergawe van die hulpbron se logo aandui. Dieselfde prentjie is ook naby die naam van die webwerf wat in die soekresultate vertoon word. Dit is waardeur die gebruiker gelei word wanneer hulle die titel sien.
Baie webmeesters verstaan dat so 'n prentjie nodig is - maar min mense weet watter gunsteling-grootte vir die webwerf die geskikste sal wees. Daarom sal ons in hierdie artikel nie net inligting gee oor hoe om so 'n ikoon te maak en hoe jy dit op jou hulpbron kan installeer nie, maar ook oor beeldgroottes praat.
Die doel van die favicon
Dus, die prentjie naby die werfopskrif word vir identifikasie gebruik. Dit is die oorspronklike doel daarvan: om die webwerf wie se naam ons sien uit te druk en om dit in die oë van die res te laat uitstaan. Dit word so eenvoudig as moontlik gedoen deur die gebruik van grafika: ons neem inligting in prente intuïtief baie vinniger en makliker waar as in teksformaat. Gunstelinge help ons om dit te doen. Maar moenie vergeet dat die grootte van die favicon minimaal is in die oë van die gebruiker nie. Dit is nie 'n logo in die "header" van die webwerf nie, wat bykomende inligting kan bevat in die vorm van inskripsies, sommige verduidelikings of kontakinligting. Alles wat in die ikoon langs die naam vertoon kan word, moet soveel as moontlik by die grootte van die favicon pas. En hy, soos reeds aangedui, is bloot miniatuur (slegs 16 by 16 pixels).
Hoe om te kiesfavicon?
So hoe kan 'n webmeester 'n ikoon vir sy webwerf ontwerp? Daar moet op gelet word dat die samepersing van die werflogo meestal nie sal werk nie. Op die embleme wat in die vorm van 'n logo van 'n bepaalde hulpbron geplaas word, is verskeie elemente dikwels sigbaar, wat nie altyd korrek in 'n miniatuurvorm vertoon sal word nie. Dit is beter om dadelik so 'n onderneming te laat vaar.
Natuurlik laat die grootte van die favicon nie toe dat daar gepraat word oor die invoeging van 'n inskripsie daar nie. Enige teks sal eenvoudig onsigbaar wees by hierdie resolusie. Ons moet 'n nuwe ikoon ontwikkel wat die styl van die webwerf sal oordra. Om oplossings te vind, kom ons gaan weer na die grootste werwe.
Baie mense gebruik die gestileerde eerste letter van die diensnaam as 'n gunsteling. Dit is die manier, byvoorbeeld, Bing, Yahoo, Yandex, Wikipedia, Google. Daar is 'n ander benadering - as jy 'n kort werfnaam het, kan jy dit as die agtergrond van jou ikoon stel. Om die grootte van die favicon (in pixels bereik, ek herhaal, 16 by 16 pixels) hierdie inskripsie korrek te vertoon, moet dit nie langer as 3 letters wees nie. Dit is byvoorbeeld wat die Aol-diens doen.
Hoe om 'n gunsteling-konyn te skep?
Daar is verskeie maniere om 'n ikoon vir die werfnaam te maak. Die maklikste is natuurlik om met verskillende klaargemaakte oplossings te werk. Ons kan praat oor sommige dienste of programme wat jou toelaat om 'n ikoon van 'n volwaardige beeld te maak deur dit te verklein. Ek sal egter aanbeveel om so 'n logo op jou eie te ontwikkel. Dit sal eerstens geedie geleentheid om iets te leer; en tweedens sal dit meer gereedskap verskaf. Al wat jy hiervoor moet weet, is wat om te teken, en weet ook watter grootte die favicon in die finale weergawe moet wees. Ons sal 'n bietjie later oor die ikoongrootte vir die webwerf praat, maar vir nou sal ons 'n paar subtiliteite van die werk met sulke beelde let. In die besonder, sonder om die grootte van die favicon vir die webwerf te noem, moet die formaat van so 'n prent uitgeklaar word. Soos ervare ontwerpers opmerk, moet die prent gestoor word as 'n-p.webp
Jy kan die prent stoor, byvoorbeeld met Photoshop, waar die embleem geteken sal word.
Favicon-afmetings
So, kom ons praat nou oor hoe groot die prentjie moet wees wat ons langs die werfnaam in die soekresultate sien. By verstek, soos reeds genoem, is die grootte daarvan slegs 16 pixels (aan elke kant). As jy egter probeer om hierdie prent in Photoshop te redigeer, sal jy self sien hoe ongerieflik dit is. Daarom beveel ons aan om met 'n vergrote prent te werk, wat in die toekoms eenvoudig langs die kante saamgepers en in die vereiste formaat gestoor kan word.
Multiplatform
Praat egter van hoe groot die favicon op jou werf moet wees, daar is nog een ding om in gedagte te hou. Nie alle platforms vertoon 'n hulpbronbeeld op dieselfde manier nie. Byvoorbeeld, toestelle met 'n Retina-skerm "sien" jou gunsteling-ikon op 32 by 32 pieksels. En in Safari en op die nuwe Windows-platform, en hoegenaamd, bereik hierdie ikone 'n grootte van 64pieksels.
Daarom beveel ons aan dat jy verskillende weergawes van die ikoon stoor en bloot voorsiening maak vir die verandering daarvan, afhangende van die gebruiker se platform in die toekoms. Nog 'n interessante punt - jy kan probeer om die ikoon in die grootste formaat te laai, met die vertroue dat dit sal "krimp" afhangende van die blaaier.
Buite-redakteurs
Natuurlik is dit goed as jy goed is met Photoshop en weet watter grootte die favicon moet wees en hoe om dit te bereik terwyl jy jou prent stoor. Daar is egter baie beginners wat nog nie vantevore grafiese redigeerders so naby teëgekom het nie, so hulle kan nie so maklik die gewenste beeld teken nie. Om sulke webmeesters te help, is daar verskeie dienste wat jou toelaat om outomaties die ikoon te skep waarin jy belangstel. Baie van hulle is selfs gratis, wat geen belegging van die gebruiker vereis nie.
Soms hoef jy net te registreer om te werk, maar, soos jy verstaan, word dit een keer gedoen - maatskappye verander immers nie so gereeld hul gunstelinge nie. Kyk bietjie na Google, wat die logo elke dag verander, maar nie aan die ikoon raak nie.
Hoe om 'n gunsteling-konyn te installeer?
In die algemeen is dit baie eenvoudig om jou werf so op te stel dat dit die prent wat jy nodig het korrek vertoon. Dit is genoeg om 'n reeks eenvoudige stappe uit te voer wat soekenjins, sowel as eenvoudige blaaiers, sal toelaat om die inligting te lees.
Om dit te doen, moet die resulterende prent gestoor word metgenaamd favicon.ico en geplaas in die wortel van jou hulpbron. Dit is dit, nou sal jou prent outomaties herken word, en na 'n rukkie sal dit aan jou werf gekoppel word.
Benewens hierdie binding, kan jy nog een reël byvoeg wat sal "voorstel" waar jou ikoon geleë is. Dit lyk so:
Installeer die kode in die opskrif van die werf.
Gevolgtrekkings
Dus, nadat u ons artikel gelees het, het u uitgevind watter grootte 'n gunsteling vir 'n webwerf moet wees en wat dit is. Ek dink ook jy het verstaan dat dit 'n noodsaaklikheid is om die regte ikoon vir jou hulpbron te vind, want dit speel in jou hande in terme van toenemende erkenning en in terme van 'n paar bykomende uitblinkers onder jou mededingers. Ten minste doen die grootste webwerwe dieselfde, wat as 'n uitstekende voorbeeld geneem kan word. En buitendien, dit maak nie veel moeite nie - nadat jy een keer 'n gunsteling-konyn gemaak het en dit korrek op jou werf geïnstalleer het, kan jy vir die volgende paar maande daarvan vergeet.
Daarom, eksperimenteer gerus, kom met iets nuuts vorendag, probeer - en alles sal uitwerk!
