Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Windows 8
  • Favicon i shenjës së parave. Probleme me transparencën me shërbimin e gjeneratorit të favicon

Favicon i shenjës së parave. Probleme me transparencën me shërbimin e gjeneratorit të favicon

Favicon -(shkurt për fjalët "Ikona e preferuar") është një madhësi e vogël fotografie 16x16 piksele, që një vizitor në faqen tuaj do të shohë. Shfaqet pranë URL-së së faqes në shiritin e adresave të shfletuesit. Për më tepër, kjo ikonë shfaqet pranë emrit të faqes tuaj në listën e skedave të hapura, faqeshënuesve dhe rezultateve të kërkimit, duke e bërë më të lehtë për përdoruesit që të gjejnë shpejt faqen tuaj midis sajteve të tjera.

E paracaktuar si ikona faqe shfaqet një ikonë e shfletuesit. Për ta bërë sitin të ndryshëm nga pjesa tjetër dhe për të mos humbur në skedat e panumërta gri të hapura nga përdoruesi, duhet të bëni favicon tuaj origjinal.

Megjithëse shumë shfletues modern të uebit mbështesin favicona në GIF, PNG ose formate të tjera të njohura skedarësh, të gjitha versionet e Internet Explorer ende kërkojnë favicona si skedarë ICO(Formati i Microsoft). Në këtë format, çdo shfletues do të kuptojë ikonën tuaj.

Pse keni nevojë për një favicon?

Nevojitet një favicon në mënyrë që faqja juaj të dallohet disi nga turma në faqen e rezultateve të kërkimit dhe të jetë e dukshme në shumë skeda të hapura në shfletues. Një ikonë e mirë është si një logo e faqes tuaj, e cila do të jetë e dallueshme dhe krijon një qëndrim të caktuar dhe ngjall një nivel të veçantë besimi.

Natyrisht, një favicon mund të tërheqë vëmendjen e përdoruesit dhe ai do të lexojë lidhjen e titullit për artikullin tuaj. Titulli, në kombinim me një fragment të mirë dhe një ikonë të bukur, do të rrisë shkallën e klikimeve dhe, në përputhje me rrethanat, trafikun në burim.

Do të doja të vëreja menjëherë se për faqet që kanë etiketën "GS", vetë ikona nuk është në gjendje të përmirësojë përshtypjen e burimit. Por është si një takim mbi rrobat. Një favicon i mrekullueshëm do të krijojë padyshim përshtypjen e parë të një siti që është tërheqës për t'u vizituar.

Si të krijoni një favicon

Ju, sigurisht, mund të përpiqeni të gjeni një skedar të gatshëm favicon.ico në faqen e internetit www.iconfinder.com, por mendoj se shumë do të donin të bënin diçka të tyren. Në fund të fundit, është faviconi që do të nxjerrë në pah faqen tuaj në rezultatet e kërkimit. Tani e dini se si ta bëni këtë. Pra, le të fillojmë.

Logaster është një shërbim online për krijimin e logove dhe elementeve të identitetit të korporatës. Në të, ju do të merrni automatikisht, në vetëm disa klikime, një ikonë për faqen në format ICO dhe PNG.

Por mbani në mend se asnjë gjenerues automatik i logos nuk mund të zëvendësojë krijimtarinë njerëzore.

Natyrisht, kompanitë e mëdha nuk do të përdorin mjete të tilla. Ata do të gjejnë një stilist të shtrenjtë për të krijuar një logo profesionale për ta. Por për firmat e vogla dhe sipërmarrësit privatë, një mjet i tillë mund të jetë i dobishëm.

Si funksionon procesi i krijimit të një ikone në Logaster?

  1. Për t'u siguruar që faviconi juaj përputhet me logon tuaj, do t'ju kërkohet të krijoni një logo në fillim (është falas).
  2. Shkruani një emër dhe, nëse dëshironi, një slogan, tregoni llojin e aktivitetit dhe Logaster do të përgatisë në mënyrë të pavarur shumë opsione logoje për ju.
  3. Zgjidhni një logo të përshtatshme, mund ta ndryshoni më vonë.

Ja çfarë kam marrë

Tani mund të klikoni në butonin "Shkarko logon". Në versionin falas do të ketë një filigran Logaster.com mbi të

Logoja mund të blihet. Pas kësaj, do të mund të shkarkoni në formatin e zgjedhur (PNG, JPEG, PDF, SVG) dhe madhësinë (1024 px, 5000 px).

Tani le të kalojmë në krijimin e një favicon.

  1. Përsëri, zgjidhni opsionin që ju pëlqen.
  2. Mund ta ndryshoni formën në katror, ​​të rrumbullakosur, të rrumbullakët ose pa formë fare.
  3. Nëse dëshironi, shtoni një goditje me ngjyrë duke klikuar në mjetin Stroke.
  4. Klikoni në butonin "Ruaj".

Kështu doli faviconi. Në parim, duket mirë.

Si të shtoni një favicon në faqen tuaj të internetit

  1. Blini dhe aktivizoni favicon.
  2. Shkarkoje atë.
  3. Zhzip skedarin e shkarkuar në dosjen rrënjë të faqes suaj.
  4. Ngjitni kodin e mëposhtëm në të gjitha faqet e faqes në etiketë :

Paketa e projektimit me zbritje

Për më tepër, mund të blini të gjithë grupin e identitetit të korporatës. Këtu është një opsion.

Artikull i lidhur: Butoni i shtimit të skedarit dhe shumë më tepër nuk funksionon në WordPress


Plugin për krijimin e faviconave

Ekziston një numër i madh i programeve të ndryshme për krijimin e faviconëve. Në thelb, ato janë primitive, duke ju lejuar të krijoni ikona duke përdorur 16 ngjyra.

Ju mund të krijoni një favicon direkt në Photoshop. Për ta bërë këtë do t'ju duhet një shtojcë e cila mund të shkarkohet nga www.telegraphics.com.au. Për ta instaluar, kopjoni skedarin ICOFormat.8bi në drejtorinë c:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats\.

Duke përdorur një shtojcë ICOFormat.8bi, mund t'i ruani fotografitë si "skedarë .ico".

Si të instaloni shtojcën e formatit ICO (Windows Icon).

  1. Windows 64-bit (Vista/Windows 7):
    • Rinisni para instalimit;
    • Vendoseni shtojcën në dosjen C:\Program Files\Adobe\Photoshop\Plug-Ins\File Formats, por unë kam një strukturë tjetër, unë e kam këtë skedar të ruajtur këtu: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\ Plug-in.
    • Nëse jeni duke ekzekutuar në një sistem Windows 64-bit dhe po lëshoni versionin 64-bit të Photoshop CS4 ose CS5, shkarkoni versionin 64-bit të shtojcës dhe vendoseni në dosjen Plug-Ins që korrespondon me Photoshop 64-bit (d.m.th., atë në "Program Files" jo "Program Files (x86)").
  2. Zhvendoseni shtojcën në dosjen "Formatet e skedarëve" brenda dosjes suaj të Photoshop Plugins:
    • Për Windows (32-bit), ICOFormat.8bi
    • Për Windows (64-bit), ICOFormat64.8bi
    • Për Mac OS X, ICOFormat.plugin(vini re se versione të veçanta ofrohen për CS2, CS3/4 dhe CS5)
    • Për Mac OS X/Classic, ikoformat
    • Për MacOS 68K, ikoformat (68K)
  3. Nëse përdorni Corel PSP Photo X2, vendosni shtesën në C:\Program Files\Corel\Corel Paint Shop Pro Photo X2\Languages\EN\PlugIns
  4. Dilni dhe rindizni Photoshop-in, nëse tashmë është duke u ekzekutuar.

Ekziston edhe një shërbim online www.convertico.com. ConvertICO është një konvertues falas i skedarëve ICO/PNG në internet. Ajo funksionon shpejt dhe është e lehtë për t'u përdorur. Përdoret për të konvertuar ikonat e desktopit, ikonat e aplikacioneve dhe faviconët për faqet e internetit.

Si të bëni vetë favicon.ico

  1. Hapni Photoshop.
  2. Krijo një dokument 32x32 pixel.
  3. Futni një objekt inteligjent të imazhit të përfunduar nga Illustrator.
  4. Duke përdorur komandën "Ruaj si", ruani favicon në formatin .ICO *.
  5. Ngarkoni favicon që rezulton në rrënjën e faqes dhe lidheni atë përmes një teme WordPress, ose regjistrojeni manualisht në shabllonin e faqes. Unë kam shkruar tashmë për mënyrën e lidhjes së favicon më herët.

*Nëse nuk keni të instaluar një plugin të veçantë Formati ICO (Ikona e Windows)., mund ta shkarkoni nga www.telegraphics.com.au/sw/. Ka për Mac, Windows 32, 64-bit me mbështetje për të gjitha versionet e Photoshop, duke përfshirë CS6.

shfaqja e faviconit

Në faqen tuaj shfaqi një favicon, thjesht mund të vendoset në rrënjë të faqes. Vetë shfletuesi dhe motorët e kërkimit do të përcaktojnë që ju keni një skedar favicon.ico dhe do ta shfaqin atë automatikisht. Kjo metodë është më e thjeshta dhe është efektive në 95% të rasteve. Por, ju gjithashtu mund të lidhni në mënyrë eksplicite favicon.

Çfarë është një favicon?

Për ata që nuk e dinë se çfarë është favicon, ne do t'ju japim një informacion të vogël që do t'ju ndihmojë të arrini shpejtësinë. Favicon është një ikonë e vogël me përmasa 16x16 ose 32x32 piksele, që zakonisht përmban një logo, shkronjën e parë të një marke ose një imazh karakteristik që pasqyron llojin e biznesit ose temën e faqes.

Pse është i rëndësishëm një favicon?

Faviconi kryen funksionet e mëposhtme:

Branding.

Identifikimi i faqes nga përdoruesi (lehtësia e përdorimit).

I jep faqes një pamje profesionale.

Le të hedhim një vështrim më të afërt në avantazhet kryesore të përdorimit të favicons.

Njohja e markës

Favicon është si një identitet i vogël siti. Siç u përmend në pjesën hyrëse, një favicon ndihmon përdoruesin të kujtojë faqen tuaj në mesin e shumë faqeve që kanë parë. Pavarësisht nëse është historia juaj e shfletimit, rezultatet e kërkimit të Google ose lista e faqeve të shënuara në shfletuesin tuaj, favicon-et i ndihmojnë përdoruesit të njohin dhe të kenë lehtësisht qasje në faqen tuaj.

besimin

Përdoruesit priren të gjykojnë shitësit online të mallrave dhe shërbimeve bazuar në atë se sa profesionale është uebfaqja e tyre. Pakujdesia në formën e mungesës së një faviconi (motorët e kërkimit shfaqin një faqe pa favicon si një ikonë të një dokumenti bosh) mund të çojë lehtësisht në humbjen e besimit, veçanërisht kur përdoruesit ju krahasojnë me konkurrentët tuaj.

Vizita të përsëritura

Dihet që njerëzit u përgjigjen më mirë imazheve sesa tekstit. Tani le të themi se një vizitor i faqes suaj ishte me nxitim kur e vizitoi për herë të parë dhe vendosi ta shënonte atë në mënyrë që të mund të kthehej më vonë. Le të themi se ky person vendos më pas të vizitojë faqen tuaj përsëri dhe kthehet te faqeshënuesit e tij. Ju jeni me fat nëse keni një favicon të njohur, si G-ja e spikatur dhe unike e Google, dhe përdoruesit do t'ju gjejnë. Nëse nuk keni një favicon, madje mund të hiqeni nga lista e faqeshënuesve.

Kursen kohën e përdoruesit

Favicon kursen kohën e përdoruesit të shpenzuar për identifikimin e një sajti në faqeshënues, histori ose vende të tjera ku shfletuesi vendos një favicon për identifikim të shpejtë. Thjesht e bën jetën më të lehtë për vizitorin mesatar në faqen tuaj.

Përfitimet e SEO

Nëse faqja juaj ka një favicon, do të jeni më të dukshëm në rezultatet e kërkimit sesa faqet që nuk kanë një të tillë, dhe për këtë arsye mund të tërheqni më shumë vizitorë.

Si të krijoni një favicon?

Ka shumë mjete që ju lejojnë të krijoni një favicon në pak minuta. Nëse nuk keni aftësi projektimi ose nuk dini si ta bëni atë, mund të provoni të krijoni një favicon duke përdorur Logaster.

Për ta bërë këtë, ndiqni udhëzimet hap pas hapi:

Hapi 5: Krijoni një favicon

Tani që keni një logo, klikoni "Krijo një favicon me këtë logo" në faqen e logos.

Hapi 6. Zgjidhni dizajnin e dëshiruar të faviconit

Ashtu si me logon, Logaster do të gjenerojë disa dhjetëra favicona të bukura dhe të gatshme për përdorim. Zgjidhni dizajnin tuaj të preferuar. Pamja paraprake do t'ju lejojë të shihni se si do të duket faviconi juaj në sajt.

Nëse keni nevojë të ndryshoni favicon, mund ta bëni këtë duke redaktuar logon, ashtu siç krijohen favicon bazuar në dizajnin e logos. Pra, nëse dëshironi, për shembull, një ngjyrë të ndryshme favicon, duhet të ktheheni në faqen e logos, të ndryshoni ngjyrën e saj dhe më pas të krijoni përsëri favicon.

Mund të gjeni frymëzim për favicon në faqet e mëposhtme:

Hapi 7. Shkarkoni favicon

Mund ta blini veçmas favicon për 9,99 dollarë ose të blini një paketë dizajni që përfshin jo vetëm favicon, por edhe një logo, kartëvizitë, zarf dhe kokë letrash. Mund të mësoni se si të blini një paketë dizajni.

Pas pagesës, mund të shkarkoni favicon në formatet ico dhe png.

Ku mund të përdor favicon?

Ju mund të përdorni favicon:

Në faqen e internetit;

Pajisjet celulare. Përdoruesi mund të shtojë një favicon në ekranin bazë të pajisjes së tij (diçka si një faqerojtës) - Android, IOS, Windows Phone, etj.;

Programe dhe aplikacione për PC/Mac.

Si të instaloni një favicon në një faqe interneti?

Pasi të keni marrë favicon, instalimi i tij në server do të zgjasë jo më shumë se disa minuta dhe përfundon në dy faza. Për ta bërë këtë, do t'ju duhet qasje në direktorinë rrënjësore të faqes tuaj dhe një redaktues teksti për të ndryshuar kodin HTML të faqes.

Hapi 1. Duhet të ngarkoni skedarin favicon.ico në server. Për ta bërë këtë, duhet të shkarkoni dhe instaloni një klient ftp, siç është FileZilla. Pastaj shkruani emrin e përdoruesit dhe fjalëkalimin dhe shkarkoni skedarin. Ju mund të lexoni udhëzime më të hollësishme se si të ngarkoni një skedar favicon.

Hapi 2. Tani ju duhet të redaktoni faqen HTML të faqes suaj për të ndihmuar shfletuesit të gjejnë imazhin tuaj të faviconit. Me dritaren FTP të hapur, gjeni dhe shkarkoni skedarin index.html ose header.php nga serveri.

Hapni skedarin index.html në një redaktues teksti - Notepad, Notepad++, Sublime Text.

Nëse faqja juaj përmban HTML të pastër, ngjisni kodin special në zonën HEAD të skedarit index.html.

Kodi mund të kopjohet në faqen favicon në faqen e internetit të Logaster.

Nëse jeni duke përdorur WordPress, ngjisni kodin më poshtë në zonën HEAD të skedarit tuaj header.php.

Pasi ta keni bërë këtë, shkarkoni skedarin përsëri atje ku e keni marrë. Gati! Rifresko faqen tuaj të faqes për të parë favicon.

Shumica e shfletuesve modernë janë mjaft të zgjuar për të gjetur skedarin favicon edhe pa një kod të tillë, por vetëm nëse faviconi ka një imazh 16x16 piksel, emrin favicon.ico, dhe ruhet në direktorinë rrënjë të faqes tuaj.

Shpresojmë që ky artikull t'ju ketë dhënë disa informacione të dobishme për t'ju ndihmuar të krijoni një favicon që do ta bëjë faqen tuaj më të suksesshme dhe tërheqëse.

Një element shumë i rëndësishëm i dizajnit të blogut është faviconi - një imazh i vogël (16x16 piksele). Madhësi e vogël - por efekt i madh! Ky artikull i kushtohet mënyrës se si të krijoni një favicon (favicon.ico) për një faqe interneti në internet duke përdorur shërbime speciale. Do të mësoni më shumë se çfarë është kjo ikonë favicon, për çfarë përdoret, çfarë funksionesh ka, si ta shtoni në blogun tuaj dhe ta krijoni atë në internet. Do të zbuloni gjithashtu se ku shkarkoni një koleksion iko favicon të gatshëm për faqen e internetit.

Në përgjithësi, postimi është shumë informues dhe interesant, i këshilloj me forcë ata që nuk kanë ende favicon ta lexojnë atë.

Së pari, le të hedhim një vështrim më të afërt se çfarë është një Favicon dhe për çfarë përdoret.

Favicon është një shkurtim i dy fjalëve (Anglisht FAVorites ICON), që përkthehet si një ikonë (një imazh shumë i vogël) për "Të preferuarat". Të preferuarat– kështu quhen faqerojtësit në shfletuesin Internet Explorer. Faviconi duket diçka si kjo:

Bërja e një favicon për një faqe interneti është bërë shumë e lehtë, kështu që ky mini ka fituar popullaritet të gjerë. Për më tepër, mund të shkarkoni një ikonë të gatshme të ikonës së faviconit për sitin, të cilin thjesht duhet ta shtoni. Pasi të keni zgjedhur atë të duhurin nga galeria, mund të dekoroni faqen tuaj të internetit me të dhe ta admironi atë në shfletues (ja se si duket ky mini-imazh në Chrome):

Pra, një favicon është një imazh i vogël me përmasa 16x16 px, me një shtrirje .ico (extension icon). Sepse Ikona ka fituar një popullaritet të gjerë; pothuajse çdo faqe e ka atë, dhe kjo është një arsye tjetër për të krijuar një favicon për një faqe në internet. Nuk ka rëndësi se çfarë lloj hosti përdorni, me cilin motor funksionon blogu juaj - në çdo rast, mund të krijoni në internet dhe më pas të instaloni një favicon ose të shkarkoni një favicon të gatshëm për sitin. Falë gjeneratorëve modernë të ikonave, krijimi i tyre nuk kërkon shumë kohë - një ose dy minuta, dhe gjithçka është gati.

Ende nuk keni një favicon? Sherim të shpejtë!

Për çfarë përdoret ky mini-imazh? Së pari, një favicon për një faqe interneti është si një logo për një kompani tregtare, kjo është një mënyrë për të dalë nga turma. Vizitorët do ta njohin faqen tuaj duke parë imazhin e faviconit. Së dyti, Yandex përdor gjithashtu imazhe favicon dhe i shfaq ato pranë rezultateve të kërkimit, gjë që lejon faqet me favicon të duken më mirë në krahasim me të tjerët. Kjo do të thotë që përdoruesit do të shkojnë në faqen tuaj më shpesh, sepse ikona do t'i "josh" ata. Me fjalë të tjera, ky mini-imazh do t'ju ndihmojë. Ja si duket:

Epo, tani doni të dini se si të bëni një favicon? Lexoni dhe mund të zgjidhni një favicon për faqen tuaj të internetit nga koleksione të shumta.

Nga rruga, motori i kërkimit Yandex madje ka një robot të veçantë që indekson këto ikona dhe i ngarkon ato në bazën e të dhënave të motorit të kërkimit. Pasi të krijoni një favicon dhe ta instaloni në faqen tuaj, Yandex do ta indeksojë atë pas ca kohësh (zakonisht jo më shumë se një muaj) dhe do të fillojë ta shfaqë atë në rezultatet e kërkimit. Mund të kontrolloni në çdo kohë nëse mini-logoja juaj është tashmë në bazën e të dhënave të motorit të kërkimit. Ju mund ta bëni këtë në një nga 3 mënyrat:

  • Shkruani faqen tuaj në kutinë e kërkimit Yandex dhe do të shihni nëse ka një favicon pranë tij.
  • Futni lidhjen http://favicon.yandex.net/favicon/ në shfletuesin tuaj site.ru, ku zëvendësoni site.ru me adresën e faqes tuaj. Nëse fava është e indeksuar, do të mund ta shihni.
  • Shkoni te paneli Yandex.Webmaster, faviconi gjithashtu pasqyrohet atje.

Tani le të zbulojmë se ku mund të shkarkoni një favicon për sitin.

2. Gjeneruesit dhe koleksionet e faviconëve në internet

Tani e dimë se çfarë është një favicon dhe pse sajti ka nevojë për të. Mos harroni se madhësia e tij në pixel duhet të jetë rreptësisht e barabartë me 16 me 16, dhe shtrirja duhet të jetë vetëm .ico. Tani le të zbulojmë se si të bëjmë një mini-logo të tillë:

  1. Shkarkoni një fava të gatshme nga galeria.
  2. Krijoni tuajën duke përdorur gjeneratorin e favicon.
  3. Krijo nga një imazh i gatshëm (përsëri duke përdorur një gjenerator favicon)

2.1 Favikoni i koleksioneve dhe galerive

  1. http://www.thefavicongallery.com/ - megjithëse një koleksion i vogël, është i dobishëm. Këtu do të gjeni ikona për një sërë temash. Janë rreth 300 prej tyre në total. Për të shkarkuar ikonën tuaj të preferuar të faviconit për sitin, klikoni me të djathtën mbi të dhe ruajeni në kompjuterin tuaj.
  2. http://www.iconj.com/favicon-gallery-page1.html - një tjetër koleksion favicon për sitin, i cili përmban më shumë se 3 mijë mini-fotografi. Mund ta ruani të preferuarin tuaj në dy formate (ico ose gif). Por ka një pengesë: mund të shikoni vetëm 30 ikona në të njëjtën kohë; për të parë të tjerat, duhet të shkoni në një faqe të re.
  3. http://www.favicon.cc/?action=icon_list&order_by_rating=1 – falë kësaj galerie, nuk keni pse të krijoni një favicon vetë në internet. Thjesht zgjidhni dhe shkarkoni foton që ju pëlqen. Përsëri, mund të shikoni 20 favicona në të njëjtën kohë, gjë që ngadalëson procesin e përzgjedhjes.
  4. http://www.favicon.co.uk/gallery.php - kjo faqe ju lejon jo vetëm të krijoni një favicon për sitin, por edhe të shkarkoni opsione të gatshme. Mund të shikoni 144 ikona në të njëjtën kohë, gjë që është shumë më e përshtatshme se në dy opsionet e mëparshme. Fava për tema të ndryshme.
  5. http://favicon-generator.org/gallery/ - megjithëse një koleksion i vogël, por i dobishëm me 84 favicon. Zgjidhni ndonjë!

2.2 Si të krijoni një Favicon për një faqe interneti nga e para

Sigurisht, ju mund të shkarkoni fava të gatshme për faqen tuaj të internetit, por është shumë më mirë ta bëni vetë. Në këtë çështje, ne do të ndihmohemi nga të ashtuquajturit Gjeneratorë Favicon, të cilët ju lejojnë të krijoni mini-fotografi të bukura në internet.

2.2.1 Logaster.ru

Lista jonë fillon me një gjenerues favicon në internet
Avantazhi kryesor i shërbimit është se nuk keni nevojë të vizatoni fare një favicon ose ta konvertoni atë nga një logo.
E tëra çfarë ju duhet të bëni është të shkruani emrin e faqes ose kompanisë dhe të zgjidhni një temë.
Pas kësaj, shërbimi do të krijojë modele të gatshme favicon. Zgjidhni ikonën, fontin, ngjyrën e dëshiruar.
Kjo është shumë e përshtatshme për ata që nuk dinë të vizatojnë ose të punojnë me programe grafike.

Ju mund të shkarkoni skedarë favicon në formatet ICO ose PNG.
Mund të lexoni më shumë se si të krijoni një favicon duke përdorur Logaster

Përveç faviconit, shërbimi krijon edhe logo, kartëvizita, zarfe dhe letra me letra.

2.2.2 Favicon.cc – gjenerator favicon

Ky gjenerator i thjeshtë është një nga më të thjeshtët dhe më të njohurit që përdoret për krijimin e faviconëve në internet për një faqe interneti. Ju do të jeni në gjendje të vizatoni çdo piksel të favës së ardhshme (gjithsej janë 256). Duke shkuar në sit, do të keni akses në një dritare pune në të cilën mund të eksperimentoni.

Ngjyra blu në pamjen e mësipërme tregon zonën e punës - këtu do të krijoni drejtpërdrejt një favicon për sitin. Vetëm më poshtë mund të shihni se si duket një fava në shkallën e saj origjinale (e theksuar në të zezë).

Puna me këtë gjenerator është aq e thjeshtë sa nuk ka gjasa të keni pyetje se si të krijoni një iko favicon për një faqe interneti. Në thelb, në këtë faqe mund të krijoni koleksione të tëra favicon në internet dhe më pas, për shembull, t'i shisni ato.

Çdo katror në zonën e punës është një piksel. Duhet ta lyeni me ngjyrën e dëshiruar. Ju mund të zgjidhni një ngjyrë në paletën e vendosur në të djathtë të zonës së punës. Ju mund të pikturoni një piksel duke shtypur tastin e majtë dhe të fshini ngjyrën e pikturuar duke shtypur tastin e djathtë.

Imazhi mund të zhvendoset dhe lëviz nëpër zonën e punës, për të cilën përdorni artikullin lëvizin.

Për të shkarkuar favicon që rezultoi që keni krijuar për sitin, klikoni në lidhjen Shkarko Favicon (e theksuar me të kuqe).

2.2.3. Gjeneratori Amichurin.Appspot.com

Një tjetër gjenerues i faviconëve të bukur, në të cilin mund të krijoni një fotografi të bukur në internet. I gjithë gjeneratori është në rusisht, por funksionaliteti i tij do të jetë më i thjeshtë se në rastin e mëparshëm. Nga rruga, nënshkrimet e bëra në burgundy nuk janë të miat.

Mjerisht, nuk gjeta ndonjë koleksion të gatshëm favicon në këtë faqe që mund të shkarkohej për sitin, kështu që përdorni atë vetëm si gjenerator.

2.2.4 Favicon-Generator.org Generator

Një gjenerues shumë i mirë favicon. Shumë e ngjashme me opsionin e dytë, por pak inferior ndaj tij. Në përgjithësi, siç e keni vënë re tashmë, parimi i funksionimit në të gjitha këto faqe është i njëjtë. Prandaj, nuk duhet të ketë probleme me ta. Zgjidhni dhe punoni me atë që ju pëlqen më shumë.


2.3 Favicon nga një imazh i përfunduar

Nëse nuk dëshironi të krijoni një favicon duke përdorur gjeneratorët në internet nga e para, dhe galeritë dhe koleksionet e ico-ve të faviconëve për sitin nuk janë të përshtatshme për ju, atëherë provoni të bëni një mini-imazh nga një imazh i gatshëm. Mund të përdorni edhe foton tuaj. Foto të tilla krijohen gjithashtu në internet duke përdorur gjeneratorë të veçantë favicon.

Përgatitni paraprakisht figurën që dëshironi të përdorni si bazë.

2.3.1 Shërbimi Favicon.ru

Një nga shërbimet më të njohura që ju ndihmon të krijoni një favicon për një faqe interneti (nga rruga, një faqe interneti në gjuhën ruse). E thjeshtë dhe e lehtë për t'u përdorur, ju ndihmon të bëni një mini logo nga një imazh i gatshëm.

Ju mund të shtoni një foto ose foto (bazë) si kjo:

  • Klikoni në butonin zgjidhni File» dhe ngarkoni foton e dëshiruar.
  • Vendosni URL-në e figurës në fushën e bardhë (bëjeni këtë nëse skedari nuk ruhet në kompjuterin tuaj, por në internet).

Pasi të shtohet imazhi, klikoni " Krijofavicon.iko!" dhe prisni pak, gjeneratori do të gjenerojë një ikonë. Pas kësaj, shkarkoni imazhin në kompjuterin tuaj. Nga rruga, përveç gjeneratorit, kjo faqe ka gjithashtu një koleksion të madh të ico-ve favicon për faqen tuaj.

2.3.2 Shërbimi Favicon.cc

Një gjenerator i ngjashëm, por me funksionalitet më të fuqishëm. Për të krijuar një të preferuar nga një imazh i përfunduar, së pari shkoni te skeda "Import Image".

Tani klikoni në "Zgjidh skedarin" dhe shtoni skedarin që po shkarkoni. Bazuar në të, një iko favicon do të krijohet për faqen tuaj. Nga rruga, mund t'ju duhet funksioni i shtrirjes së imazhit:

  • Mbani dimensionet - nëse raporti i pamjes zvogëlohet, fotografitë do të mbeten të njëjta
  • Ikona e tkurrjes në katror - anët e figurës do të jenë në katror (imazhi mund të jetë i shtrembëruar).

Pas shkarkimit të skedarit, mund ta modifikoni në internet duke përdorur këtë gjenerator favicon. Kur të jeni të kënaqur me rezultatin, shkarkoni fava në kompjuterin tuaj.

3. Si të shtoni një favicon në një blog WordPress

Ne kemi kuptuar se ku mund të shkarkoni një favicon të gatshëm për një faqe interneti ose si ta bëni tuajën. Tani le të diskutojmë se si të shtojmë një fava në një blog të WordPress.

Si rregull, faviconi ndodhet në rrënjën e faqes (në dosjen rrënjë) - kjo është ajo në të cilën do të përqendrohemi. Nëse fava juaj nuk është në rrënjë, thjesht zhvendoseni atje.

Shtimi i favicon.ico në dy hapa.

HAPI I PARË

Para së gjithash, duhet të gjeni në temën tuaj linjën e kodit që është përgjegjëse për shfaqjen e favicon. Hapni skedarin Header (header.php) për redaktim dhe gjeni këtë rresht (ose të ngjashëm):

Nëse nuk ka asgjë të ngjashme që përmban fjalën favicon.ico, atëherë thjesht shtoni këto dy rreshta diku midis etiketave Dhe.

HAPI I DYTË

Tani ju duhet të shtoni vetë favicon në hostin tuaj, pikërisht në dosjen rrënjë të faqes (përndryshe, ai nuk do të shfaqet). Shkoni në hostin tuaj dhe ngarkoni fava në rrënjën e faqes (kërkohet emri i skedarit favicon.ico, përmasat janë të nevojshme 16x16 piksele).
Kjo është e gjitha, së shpejti favicon do të indeksohet nga motorët e kërkimit dhe do të shfaqet në rezultatet e kërkimit Yandex. Dhe faqja juaj do të ketë favicon e vet.

Në fund unë jap një video tutorial se si të krijoni një favicon për një faqe interneti.

Favicons janë një pjesë shumë e vogël, por aspak e fundit e çdo faqeje. Ata u shfaqën me lindjen e internetit dhe mbeten në kërkesë edhe sot e kësaj dite. Ka disa mënyra për t'i krijuar ato. Ju mund të përdorni shtojca për programe, ose mund të përdorni shërbime të veçanta në internet. Le të flasim për to.

X-Icon-Editor

Ndryshe nga mjeti i mëparshëm, favicon.cc përmban më pak mjete vizatimi. Këtu mund të vizatoni vetëm pikselë individualë me një ngjyrë dhe transparencë specifike. Ky mjet ju lejon gjithashtu të importoni imazhe, t'i modifikoni ato sipas nevojës dhe t'i eksportoni ato si favicona.

Falë një paneli të veçantë, ndërsa vizatoni një favion do të shihni menjëherë se si duket brenda shfletuesit Internet Explorer.

Antifavikon

Madhësia standarde e faviconit (16x16) është, natyrisht, shumë e vogël për tekst. Sidoqoftë, Antifavicon ju lejon të vendosni dy rreshta teksti në atë hapësirë ​​të vogël. Fonti i përdorur sigurisht nuk është aq i shkëlqyeshëm, por çfarë mund të bëni :).

Kuadri i dhënë, natyrisht, kufizon. Megjithatë, pasi të shikoni disa shembuj, mund të dilni me diçka mjaft interesante.

Favikonist

Shërbimi i fundit që do të shikojmë është Genfavicon. Këtu mund të ngarkoni një imazh, ta shndërroni atë në një ikonë dhe menjëherë të shihni se si do të duket në shfletues. Pas kësaj, mund të shkarkoni një ikonë të një madhësie të caktuar.

Të gjitha shërbimet që diskutuam sot kanë të mirat dhe të këqijat e tyre. Megjithatë, mes tyre ka nga ata që mund të ofrojnë diçka më shumë se konkurrentët e tyre. Pra, faqerojini këto faqe. Ata patjetër do të jenë të dobishëm për ju.

Një mësim i ri në stilin e punëtorisë dhe këtë herë mësojmë sekretet e faviconit. Favicon - një ikonë e vogël që shfaqet në faqeshënuesit dhe shiritin e shfletuesit. Nëse keni faqen tuaj të internetit dhe dëshironi të dalloheni nga të tjerët edhe në gjëra të vogla - favicon e nevojshme. Sigurisht, ajo duket më e favorshme midis faqeshënuesve, në sfondin e një liste të zbehur adresash pa ndonjë identifikim grafik. Sidoqoftë, mësimi ynë nuk ka të bëjë aq shumë me atë se si të bashkëngjitni një favicon në shiritin e shfletuesit, por se si të vizatoni favicon tuaj në Photoshop.

Në çfarë formati duhet ta ruaj favicon?

E gjitha varet nga shfletuesi. Për Microsoft Explorer format i përshtatshëm i ikonës ICO. Ne e kemi hasur tashmë këtë format kur kemi bërë kursorin. Për shfletues të tjerë nga Google Chrome përpara Apple Safari i rregullt do të bëjë GIF ose PNG. Favicon mund të jetë i tejdukshëm. Për ta bërë këtë, ju duhet ta ruani atë në tejdukshëm PNG, dhe më pas konvertojeni në format ICO. Kjo mund të bëhet në një program të mirë IcoFX. Sidoqoftë, ka shumë site të palëve të treta për gjenerimin e faviconëve, dhe më e dukshme prej tyre është www.favicon.ru

Si të vendosni një favicon në një faqe interneti?

Si të jesh i sigurt se favicon do të funksionojë? Duhet të plotësohen 4 kushte.

  • Skedari duhet të quhet - favicon.
  • Madhësia e faviconit 16 16 px
  • Vendi optimal për një favicon është dosja rrënjësore e faqes.
  • Shkruani adresën e ikonës në meta etiketat heder në indeksin e faqes.

Në shprehjen HTML duket kështu:

Mund të krijoni disa ikona për shfletues të ndryshëm, për shembull një në format ICO, dhe tjetra në PNG dhe tregoni të gjitha këto përmes etiketës lidhje . Shfletuesit modernë më së shpeshti kërkojnë një skedar në rrënjën e sitit të quajtur favicon, megjithatë, për të qenë të sigurt, nuk është e dëmshme të tregosh lidhjet e sakta.

Krijoni një favicon në Photoshop

Krijo favicon shume e thjeshte. Dëshironi të bëni një të tillë? favicon si VKontakte apo Odnoklassniki? Mirë favicon nuk mund të bëhet duke reduktuar imazhe të mëdha në të gjitha llojet e "gjeneruesve" të faviconëve, të cilët janë plot me to në internet. Favikoni është shumë i vogël. Në fakt ne jemi të tillë arti pixel, e cila ka karakteristikat e veta. Ju nuk mund të shkruani një letër dhe thjesht ta reduktoni atë në 16 px .

si favicon do të jetë e paqartë dhe e paqartë, pasi skajet e shkronjës do të mbivendosen me disa piksel kur ndryshoni madhësinë. Do të rezultojë disi anti-alias, e cila zakonisht është e mirë, por në rastin e artit pixel, tranzicione të tilla thjesht nuk nevojiten. Nga ana tjetër, ju duhet të shmangni "shkatërrimin" e tepruar në rrumbullakësi, përndryshe do të përfundoni me gif-et hello 1999.

Krijoni një skedar me madhësi 16 X 16 px . Ne do të krijojmë një tejdukshëm shumë të thjeshtë favicon s në formën e një shkronje, me pak thellësi. Thellësia do të krijohet përmes hijes dhe gradientit.

Vizatimi i sfondit

Pse në hyrje të këtij mësimi shihni një të lëmuar dhe të lëpirë të madhe favicon? Sepse e zmadhova për hyrjen e mësimit. Si arrita ta zmadhoj imazhin në mënyrë cilësore? 16 px? Shumë thjesht, unë gjithmonë punoj në vektor nëse është e mundur të përdoret dhe nëse ka kuptim. Dhe vektori duron lehtësisht çdo transformim dhe nuk humb cilësinë.

Zgjidhni një mjet Mjet i rrumbullakosur drejtkëndësh. Në panelin e cilësimeve, zgjidhni modalitetin, i cili do t'ju lejojë të vizatoni në vektor. Në menunë rënëse të panelit ka një shenjë kontrolli - Snap Te Pixels. Kjo është e nevojshme në mënyrë që shtigjet vektoriale të këputen në pikselë dhe të mos vizatohen "midis" tyre.

Ne kemi një sipërfaqe favicon, dhe skajet e tejdukshme do të krijojnë një rrumbullakësi të lëmuar. Tani është koha për të hequr qafe sfondin e bardhë, nuk është i nevojshëm. Fikni dukshmërinë e tij. Ose klikoni dy herë mbi shtresën, duke e kthyer atë në një shtresë të rregullt dhe më pas fshijeni.

Artikujt më të mirë mbi këtë temë