Dydis Favicon jūsų svetainėje

Web dizainas, kaip jūs tikriausiai žinote, kiekviena smulkmena. Žmogus, kuris išvyko į jūsų svetainę, negali matyti kiekvieną elementą atskirai ir trunka visą vaizdą paketo, kurį sudaro kitų smulkių detalių. Taigi, jei jūs kažko trūksta į besivystančių išteklių proceso Ši detalė ateityje gali sugadinti visą kompleksą, visą kompoziciją.

Tokie baudos gali būti, pavyzdžiui, mygtuko fonas, neteisingų šriftai kai mažas elementas, ir net Favicon. Iš tiesų, atrodo sami- dideli, gerai žinomų svetainių individualų piktogramą, kuri atstovauja jį į "Bookmarks" į vartotojo naršyklę. Be jo, lėšų kūrėjams nepavyko sukurti kompoziciją, kuriai jie iš pradžių prašoma.

Todėl, kuriate dizaino svetainę, turėtų rūpintis tokių detalių kaip favicon. Šiame straipsnyje mes kalbame apie tai, kaip ją pasirinkti pagal bendrąjį išteklių stiliaus, ir kokio dydžio turėtų būti paveikslėlyje.

piktograma svetainė

Pirma, mes apibrėžti, kas yra šį elementą. Dabar pažvelgti į savo naršyklės skirtukų pavadinime išvaizdą. Kaip matote, kairėje yra nedidelė nuotrauka, kuri atstovauja supaprastintą versiją logotipo išteklių. Tas pats vaizdas yra ten netoli svetainės pavadinimą rodomas Išdavimas. Kad vartotojas vadovaujasi ja, kai jie mato titulą.

Daugelis interneto meistrams suprasti, kad ši nuotrauka yra reikalingas - tačiau tik nedaugelis žmonių žino, kokio dydžio už svetainėje Favicon būtų tinkamiausias. Todėl šiame straipsnyje mes bus ne tik pateikti informaciją apie tai, kaip padaryti tokį piktogramą ir kaip ją įdiegti į savo svetainę, bet taip pat apibūdinti paveikslėlio matmenis.

paskirtis favicon

Taigi, vaizdas šalia svetainę antraštės yra naudojamas identifikuoti. Tai jos pradinis tikslas: išreikšti svetainę, kuri mes matome Nathaniel ir pasirinkite jį kitų akyse. Jis tampa labai paprasta pagal grafika naudoti: mes intuityviai suvokia informaciją nuotraukas daug greičiau ir lengviau nei teksto formatu. Favicon mums padėti tai. Tačiau nereikia pamiršti, kad Favicon dydis yra minimalus į naudotojo akių. Tai ne į "riba" svetainę, kuri gali būti papildomos informacijos į užrašai, šiek tiek paaiškinti ar kontaktinės informacijos formą logotipas. Viskas, kas gali būti pavaizduota piktogramą, esančią šalia pavadinimo, turėtų būti labiausiai tinka prie favicon dydžio. Ir tai, kaip jau minėta, miniatiūriniai (16 16 pikselių).

Kaip pasirinkti piktogramą?

Taigi, kaip administratorius gali projektuoti savo svetainės piktogramą? Reikėtų pažymėti, kad tiesiog suspausti svetainės logotipą, greičiausiai, nepavyks. Plakatuose, kurie yra įtraukti į konkretaus ištekliaus logotipu forma, dažnai mato įvairių daiktų, kad ne visada bus teisingai rodomi miniatiūriniai forma. Tai geriau iš karto atsisakyti šios įmonės.

Žinoma, iš favicon dydis negali kalbėti apie tai tiesiog įdėkite užrašas ten. Bet tekstas bus tiesiog nėra matomas šioje rezoliucijoje. Turime sukurti naują piktogramą, kad būtų perduoti svetainės stilių. Norėdami rasti sprendimus, vėlgi, pažvelkime iš pagrindinių vietų.

Daugelis naudojimo tarnybos pavadinimas favicon stilizuotas pirmąją raidę. Taigi atėjo, pavyzdžiui, "Bing", "Yahoo", "Yandex", Vikipedija, "Google". Yra ir kitas požiūris - jei turite trumpas pavadinimas svetainėje, galite nustatyti ją kaip piktogramos fone. Norėdami Favicon rezoliuciją (pikselių jis pasiekia, vėl 16 iki 16 bazinių punktų) teisingai gali parodyti ženklą, jis turi būti ne ilgesnis kaip trijų raidžių. Taigi, nėra, pavyzdžiui, paslaugų AOL.

Kaip sukurti favicon?

Padaryti už svetainėje pavadinimas piktogramą keliais būdais. Žinoma, paprasčiausias - yra dirbti su įvairių gatavų sprendimų. Mes galime kalbėti apie bet kokius paslaugų ar programų, kurios leidžia jums padaryti, kad būtų visapusiškai piktogramos vaizdą ją sumažinti. Tačiau aš norėčiau rekomenduoti imtis logotipo kūrimą savo. Tai, visų pirma, bus galima kažko išmokti; ir, antra, suteikti daug įrankių. Viskas ko jums reikia, kad būtų galima daryti -Tai lygiąsias, taip pat žinoti, kokio dydžio Favicon būti galutinės versijos. Apie piktogramas svetainėje dydžio, mes kalbame vėliau, bet dabar mes pažymime kai darbo su tokiais vaizdais subtilybes. Visų pirma, jau nekalbant, kad favicon dydį svetainėje, turėtų patikslinti šį proporcijas. Kaip pažymėjo patyrusių dizainerių, vaizdas turėtų būti išsaugotas kaip PNG (24 bitų) arba kaip fayl.ICO.

Atlikti išsaugoti paveikslėlį, galite, pavyzdžiui, su Photoshop, kur jis bus panaudota emblema pagalba.

Matmenys favicon

Taigi, dabar pakalbėkime apie tai, kaip puikus turi būti vaizdas, kad mes matome šalia svetainės į paieškos rezultatų. Pagal nutylėjimą, kaip jau minėta, jos dydis yra tik 16 taškų (iš kiekvienos pusės). Tačiau, jei jūs bandote redaguoti vaizdą "Photoshop", patikrinkite, ar sau, ar tai yra nepatogu. Todėl mes rekomenduojame dirbti su išsiplėtusioje įvaizdžio, kuris ateityje bus tiesiog išspausti kraštus ir išsaugotą norimą formatą.

Įvairioms

Tačiau, kalbant apie tai, kas turėtų būti ant jūsų svetainę iš favicon dydis, jums reikia prisiminti dar vieną dalyką. Ne visi platformos vienodai atspindi išteklių vaizdą. Pavyzdžiui, "Retina" ekranas prietaisas "pamatyti" savo favicon į nuo 32 iki 32 taškų sumą. "Safari", o apie naują Windows platformoje, ir visi šios piktogramos pasiekti 64 taškų dydžio.

Todėl mes rekomenduojame laikyti skirtingų versijų piktogramų ateityje tiesiog pateikti savo keistis, priklausomai nuo vartotojo platforma. Kitas įdomus taškas - galite pabandyti atsisiųsti piktogramą didžiausių formatu su viltimi, kad ji bus "trauktis", priklausomai nuo naršyklės.

Užsienio redaktoriai

Žinoma, gerai, jei esate gerai Photoshop ir žinoti, kokio dydžio Favicon turėtų būti ir kaip ją pasiekti, išsaugoti savo įvaizdį. Tačiau yra daug pradedantiesiems, kurie tik ne tokia stora iki patyrusių grafikos redaktoriai, todėl gali būti ne taip lengva nubrėžti norimą įvaizdį. Padėti šiems meistrams, yra įvairios paslaugos, kurios leidžia automatiškai padaryti domitės piktogramą. Daugelis jų yra net nemokamai, kad nereikalauja jokių investicijų iš vartotojui.

Dirbti, kartais tiesiog reikia užsiregistruoti, bet, kaip žinote, tai daroma tik vieną kartą - iš tiesų ne taip dažnai įmonės pakeisti piktogramą. Tiesiog pažvelgti į "Google", kuri kiekvieną dieną keičia logotipą, bet tai neliečia piktogramą.

Kaip įdiegti favicon?

Apskritai, sukurti savo svetainę, kad ji teisingai parodo vaizdas norite, tai yra labai paprasta. Pakanka atlikti paprastų žingsnių, kurie padės paieškos, taip pat tik naršyklė skaityti informaciją seriją.

Už tai jums reikia išsaugoti gautą vaizdą, kaip favicon.ico ir įdėti jį į ištekliaus šaknis. Viskas yra dabar jūsų vaizdas bus automatiškai aptikti ir incidentas kai kartą jis bus susijęs su jūsų svetainę.

Be to privalomas, galite pridėti dar vieną liniją, kuri bus "greitai", kur jūsų piktogramą. Jis atrodo taip:

Nustatykite kodas turi būti antraštėje.

išvados

Taigi, perskaičius šį straipsnį, jūs susidoroti su tuo, kokio dydžio turėtų būti Favicon už svetainę, ir kad ji apskritai yra. Be to, manau, jūs suprantate, kad paieškos tinkamo piktogramą jūsų svetainėje - tai būtinybė, nes ji vaidina į jus abi rankas, kalbant apie didinant informuotumą, tiek į papildomą asignavimą tarp savo konkurentų. Bent pagrindinių vietų veikti tokiu pačiu būdu, kad mes galime imtis, kaip gerai matomoje pavyzdyje. Ir tada, daug pastangų jis nesukelia - priėmimo favicon kartą ir ją įdiegti teisingai jūsų svetainėje, galite pamiršti apie tai per ateinančius kelis mėnesius.

Taigi nedvejodami eksperimentuoti, išrasti kažką naujo, išbandyti - ir sėkmės!