Hvordan lage ikoner for din liste over favoritter

Hvordan lage ikoner for din liste over favoritter


Den grunnleggende nettside ikonet er en kjedelig, livløs dyr som ikke gjør noe for å lyse opp din datamaskin. Mange av de større og mer populære nettsteder, samt utallige mindre steder har felles standard nettside ikonet til fordel for sine egne logoer og merkevarebygging. Med et bilde skapelse program som Photoshop eller GIMP, og litt tid, du kan også lage "favicon" for din favorittliste.

Bruksanvisning

1 Åpne opp bilderedigeringsprogram og opprette et nytt bilde. Du kan sette dette til alle størrelser, men bildet må være firkantet. Det er best å ikke skape for stor et bilde fordi det må bygges ned betraktelig for å lage et ikon. En maksimal størrelse på 100 med 100 bildeelementer er vanligvis best.

2 Tegn et dristig bilde, eller bruk tekstverktøyet til å legge inn en liten mengde tekst. Ikke gjør bildet for komplisert eller det vil bli uskarpt og uleselig når bildet krympet til ikonstørrelse. Hvis du bruker tekst, ikke skriv for mye tekst og husk at hvis ikonet har en gjennomsiktig bakgrunn, kan lys tekst blir uleselig.

3 Endre størrelsen på ikonet til 32x32 piksler. Lagre bildet i PNG-format. Dette skaper den grunnleggende ikonbilde som må konverteres til ICO format. De fleste bilderedigeringsprogrammer kan ikke utføre denne konverteringen, så vi trenger å bruke spesialprogramvare.

4 Last ned en gratis ikon lage program som Png2Ico eller VistaICO; eller bruke en konvertering nettsted som ConvertICO eller Converticon. Følg instruksjonene for å konvertere PNG-fil til en ICO-fil. Gi denne filen som "favicon.ico". Dette er filnavnet nettlesere se etter når du sjekke om et nettsted har sitt eget ikon.

Hint

  • For best resultat, lagre to versjoner av ikonbilde; en på 32x32 piksler og en på 16x16 piksler. Dette sikrer at ikonet ser hvordan du vil ha det til, selv når krympet til små størrelser på adresselinjen en nettleser. De fleste icon skaperne kan plassere begge versjonene av ikonet i samme ICO-fil.
  • Noen nettlesere vil ikke se etter favicon.ico filen med mindre bedt om det av kode i index.html filen. For å sikre nettleseren ikke se etter ikonet, legg til følgende kode inn i "head" -seksjonen på index.html: <link rel = "snarveisikonet" href = "http: //ADDRESS/favicon.ico">, der ADRESSE er banen til ikon fil.