„Favicon“ - turėkite savo svetainės piktogramą adreso juostoje

Tam tikros svetainės turi piktogramą, esančią kairėje URL, esančioje interneto naršyklės adreso juostoje. Yra keletas būdų sukurti „favicon“ arba svetainės, kuri gali būti rodoma adreso juostoje, piktogramą. Piešimo programinė įranga, pvz., „ Gimp“, „Pixia“ arba specializuota programinė įranga, pvz., „ IconEdit32“ arba „IconWare“, gali būti naudojama favicon kūrimui . Yra svetainių, kurios gali būti naudojamos vaizdui pakeisti. Kai kurios svetainės leidžia žiniatinklio valdytojams kurti ICO failą ir animuoti favicon . Nuorodos žyma naudojama norint nurodyti favicon kelią ir įdėti jį internete, kad svetainės lankytojai galėtų matyti piktogramą adreso juostoje.

  • Favicon kūrimas
    • Daugumai naršyklių:
    • „Internet Explorer“:
  • Norėdami sukurti animuotą favicon arba generuoti ICO failą
  • Favicon prijungimas internete
  • Pastabos

Tikriausiai pastebėjote piktogramą, esančią kairėje URL pusėje savo naršyklės adreso juostoje, kai pasiekiate tam tikras svetaines?

Jei norite naudoti šią piktogramą savo svetainėje, atlikite toliau nurodytus veiksmus.

Favicon kūrimas

Yra keletas būdų:

  • Braižymo programinė įranga (Gimp, pixia, inkscape ...)
  • Specializuota programinė įranga (IconEdit32 arba IconWare)
  • Tinklalapiai (kurie transformuoja vaizdą):
    • //www.html-kit.com/favicon/
    • //www.html-kit.com/favicon
    • //www.favicon.co.uk/
    • //www.favicon.hu/
    • //tools.dynamicdrive.com/favicon/
    • //favikon.com/

Daugumai naršyklių:

Pirmas žingsnis yra sukurti vaizdą png arba gif.

Galite pasirinkti iš įvairių dydžių: 16x16 arba 32x32 (pikselių).

„Internet Explorer“:

Šioje naršyklėje naudokite 16x16 pikselių vaizdą arba .ico failą (pervadintą bmp).

Norėdami sukurti animuotą favicon arba generuoti ICO failą

//www.html-kit.com/favicon/

  • Aukščiau pateikta nuoroda leis jums ne tik lengvai generuoti ICO failą, bet ir animuoti savo „favicon“ ir, jei norite, slinkti tekstą.
  • Spustelėkite mygtuką Naršyti ir pasirinkite vaizdą kompiuteryje.
  • Taip pat galite pridėti tekstą, kad galėtumėte slinkti po savo piktogramos; ji automatiškai generuoja animuotą piktogramą.
  • Galiausiai, taip pat galima generuoti animuotą piktogramą be teksto, patikrindami animuotą „Favicon“ (pats favicon, kuris, atrodo, slenka).
  • Tada spustelėkite mygtuką Generuoti Favicon.ico
  • Tada turėsite savo favicon apžvalgą.
  • Tada tiesiog atsisiųskite užfiksuotą failą kompiuteryje.
  • Išpakavus failą, nukopijuokite failą favicon.ico į savo svetainę.
  • Jei atsisiuntėte animuotą piktogramą, ZIP faile taip pat bus papildomas failas su animuotu favicon (animated_favion1.gif), tada nukopijuokite jį į savo svetainę.

Favicon prijungimas internete

  • Jei norite įdėti favicon į savo svetainę, nurodykite jo kelią per antraštėje esančias nuorodas.
  • Štai pavyzdys su png vaizdu:

  • Priklausomai nuo formato, "tipo" atributas pasikeis:

Png: image / png

Gif formatas: image / gif

JPEG formatas (jpeg arba jpg plėtinys): image / jpeg

  • Ir jei turite standartą neatitinkančio „favicon“, atributas „rel“ taip pat keičiasi:

 link rel = "nuorodos piktograma" type = "image / x-icon" href = "/ images / icon_ie.ico" /> 
  • Jei jūsų piktograma yra animuota (GIF, įterpkite šią žymą:

Pastabos

Ankstesnis Straipsnis Kitas Straipsnis

Geriausi Patarimai