Hvordan lage en URL Logo

Hvordan lage en URL Logo


Et favicon er en kreativ, praktisk måte å legge subtile visuelle stil til ditt nettsted tilstedeværelse. Favicons er små bilder som nettlesere bruker på arkfanene og adresse barer. De viser en logo eller bilde assosiert med nettstedet som fungerer som en visuell merkevare identifikator ved siden av tittelen eller URL. Favicons er spesielt nyttig nettsted identifikatorer i faner fordi den tilgjengelige tekstområde som brukes for sidetitler synker til nesten ingenting som brukeren åpner flere faner.

Bruksanvisning

1 Design ikonet du vil bruke i et bilde eller grafikk-redigering program. Du kan ta en eksisterende logo eller et bilde i forbindelse med nettstedet eller merkevare og justere den til å følge favicon standarder. Favicons alltid bruke kvadratiske dimensjoner og har en maksimal støttet størrelse på 256-by-256 piksler. Beskjær og størrelse på bildet slik at det passer i en 256-by-256 piksler torget hvis du skal bruke et ikon pakning for å støtte flere størrelser. Hvis du bare kommer til å gjøre en versjon, med en 16-by-16-pikselstørrelse.

2 Eksportere ikonet grafisk som en PNG bildefil fra grafisk design program. PNG er W3C standard bildeformat for favorittikoner. Noen nettlesere kan vise JPG-filer som favicon, men standarden er ikke offisielt støttet. I tillegg kan ikonet packer programmer fungerer ikke med bilder i andre formater. Favicons støtter også GIF og ICO-filer.

3 Pakk eksportert PNG-fil til en ICO-fil med en ICO omformer program. Et ikon converter program behandler en PNG favicon, formaterer den i flere forskjellige allment støttes favicon størrelser og bygger dem inn i en enkelt fil. ICO-filer gir høyere oppløsning favicon enn 16-by-16 piksler for enheter som støtter dem.

4 Logg inn på din nettside hosting service og laste opp PNG eller ICO-fil til nettmedieserver. Kopier opplastede filens URL; du kommer til å trenge det å feste favorittikon til området.

5 Åpne nettstedet program og legge til følgende kode, modifisert med favicon filens URL som angitt, i <head> -delen av nettstedet.

For PNG-filer:
<Link rel = "icon" type = "image / png" href = "PNG_File_Full_URL_Here">

For ICO-filer:
<Link rel = "icon" type = "image / x-icon" href = "ICO_File_Full_URL_Here">

Med mindre du er ved hjelp av et CMS-kontrollert område eller inkludere en fil basert <head> delen, er du nødt til å legge til koden for hver side du vil funksjonen ikonet. Den favicon vises etter at du lagre og oppdatere nettstedet sidene.

Hint

  • Bilde-redigering programmer som Photoshop og Corel Draw fungerer bra for å designe og formatering av ikonet. Alternativt kan du bruke gratis programmer som Paint.net og Pixlr.
  • Noen nettlesere automatisk knytte en bildefil som ligger ved / favicon katalogen som en favorittikon; Men W3C organisasjon fraråder denne praksisen fordi det ikke er et universelt støttet standard og er i strid med Web arkitekturprinsipper. I tillegg er det mange web-hosting-tjenester og CMS-systemer ikke la brukeren sted medieinnhold utenfor media fil kataloger, noe som gjør denne praksisen umulig.