Kaip sukurti „Favicon.ico“: 5 žingsniai (su nuotraukomis)

Turinys:

Kaip sukurti „Favicon.ico“: 5 žingsniai (su nuotraukomis)
Kaip sukurti „Favicon.ico“: 5 žingsniai (su nuotraukomis)

Video: Kaip sukurti „Favicon.ico“: 5 žingsniai (su nuotraukomis)

Video: Kaip sukurti „Favicon.ico“: 5 žingsniai (su nuotraukomis)
Video: How to make your photos LOOK BETTER FAST! Photoshop Tutorial 2024, Gegužė
Anonim

Kai lankotės tokioje svetainėje kaip „Google“, „Yahoo“ar „wikiHow“, galite pastebėti, kad adreso juostos kairėje yra maža piktograma. Tai žinoma kaip „favicon“, ir jūs galite sukurti savo svetainę. Piktograma ne tik suteiks jūsų svetainei profesionalumo, bet ir bus rodoma vartotojo žymėse šalia bet kokių jūsų svetainės puslapių, kuriuos jie įtraukė į mėgstamiausius. Tai gali padėti jiems lengviau rasti jūsų svetainę.

Žingsniai

Sukurkite „Favicon.ico“1 veiksmas
Sukurkite „Favicon.ico“1 veiksmas

1 žingsnis. Sukurkite 16x16 pikselių dydžio vaizdą

Tai turėtų būti paprastas vaizdas, kad jis būtų iškart atpažįstamas.

Sukurkite „Favicon.ico“2 veiksmas
Sukurkite „Favicon.ico“2 veiksmas

Žingsnis 2. Konvertuokite vaizdą į favicon.ico failą

Jis turi būti pavadintas būtent taip, kitaip naršyklė jo neatpažins. Lengvas būdas tai padaryti yra naudoti „Dynamic Drive FavIcon“generatorių. Kitas būdas yra naudoti nemokamą vaizdo redaktorių GIMP ir išsaugoti 16x16 vaizdą ICO formatu.

Sukurkite „Favicon.ico“3 veiksmas
Sukurkite „Favicon.ico“3 veiksmas

Žingsnis 3. Įkelkite sukurtą failą į savo svetainę

Sukurkite „Favicon.ico“4 veiksmas
Sukurkite „Favicon.ico“4 veiksmas

Žingsnis 4. Pridėkite šį kodą prie savo svetainės HTML

Turėtumėte įdėti jį į kodo skiltį ir įsitikinti, kad kelias į piktogramą yra teisingas, palyginti su tinklalapiu. Toliau pateikiamas kodas (darant prielaidą, kad tiek.html, tiek.ico yra tame pačiame viršutiniame kataloge):

Sukurkite „Favicon.ico“5 veiksmas
Sukurkite „Favicon.ico“5 veiksmas

Žingsnis 5. Atnaujinkite puslapį, atsitraukite ir grožėkitės gražia nauja svetainės piktograma

Patarimai

  • Nors jūsų piktograma bus labai maža, įsitikinkite, kad kiti žmonės gali ją lengvai perskaityti/suprasti.
  • Jei naudojate „Linux“, galite konvertuoti failą tiesiai į savo kompiuterį. Tiesiog pasirinkite tinkamą vaizdą, atidarykite komandų eilutę, eikite į katalogą, kuriame saugote vaizdą, ir įveskite: convert picture-p.webp" />

Rekomenduojamas: