Hoe maak je een favicon.ico voor uw website

on May 2, 2007 door Ross McKillop op 2 mei 2007

Web Design & Dev

Deze korte tutorial zal je tonen hoe je een unieke favicon.ico (dat icoontje in de adresbalk - ex. Simplehelp's favicon.ico is ) Voor uw eigen site.

Een favicon (kort voor Favorieten Icon) is een fantastische manier om uw site een onvergetelijke en unieke icoon die wordt weergegeven in de adresbalk van uw browser. Daarnaast favicon's weergegeven naast 'uw site' wanneer mensen een bladwijzer, en aangezien de meeste mensen hebben een zeer rommelig bookmark lijst, een grafische herinnering van uw site naast de bookmark naam is een goede manier laat ze vinden het weer .

  1. Selecteer eerst de afbeelding die u wilt gebruiken als een favicon. Iets dat past bij uw sites kijk, de kleurencombinatie en de algemene "feel" is het beste. Sinds favicons zijn vrij klein is, is het een goed idee niet te proberen en krijgen te ingewikkeld zijn. De afbeelding die u kiest moet een vierkante (64 × 64, 32 × 32 etc), en kan een jpg, gif, png, bmp, enz.
  2. Vervolgens bezoek Favicon uit Pics - Een absoluut briljant (en gratis!) Online tool die kan leiden tot een favicon van een foto, logo of andere grafische
  3. Upload je foto en klik op de magische knop Genereer favicon.ico. U krijgt een voorproefje van uw favicon, en als u tevreden bent met ze, klikt u op de knop Download Favicon. Favicon uit Pics zal u vragen op te slaan. Zip-bestand - opslaan op uw bureaublad of waar u de voorkeur aan bestanden opslaan. Unzip het.
  4. Start uw favoriete FTP-programma (of welke tool die u gebruikt om bestanden te uploaden naar uw website) en het uploaden van het bestand favicon.ico naar de hoofdmap van uw site *. U wilt dat het bestand moet worden gevestigd op www.your-site.com/favicon.ico.
  5. Ga naar uw website om na te gaan of uw nieuwe favicon! Als dit niet verschijnt, moet u mogelijk om uw browser cache en daarna herladen.
  6. * = Als je geen toegang hebt tot de root van je site, voeg de volgende regel code ergens in de <head> van uw html:

    <link rel="shortcut icon" href="http://www.your-site.com/path/to/favicon.ico">

Gerelateerde berichten:
  • Hoe terug te keren naar de "oude" Google favicon
  • Simplehelp Recap: mei 2007 - wow, en dank u!
  • Hoe maak je een aangepaste iPhone en iPod touch pictogram voor uw website
  • Welkom!
  • Hoe plaatst u een Google Map in je website via iWeb
  • Get Simple Help tutorials net zoals deze in uw e-mail inbox elke dag - gratis! Geef uw e-mailadres hieronder:

    U kunt altijd afmelden voor deze e-mail abonnement op elk moment wijzigen.


    Bookmark en Share

    4 trackbacks } TrackBacks (4)

    20 gratis RSS-lezers herzien - Simplehelp
    05.06.07 op 6:40 pm
    WordPress: The Complete Post-installatie Checklist, Redux - Simplehelp
    05.26.07 op 2:15 pm
    Hoe terug te keren naar de "oude" Google favicon - Simplehelp
    05.30.08 op 9:12 pm
    Favicon Design: ..:.:.. En Todd = + Media Marketing ..:.:..
    07.22.08 op 4:59 pm

    1 comment… read it below or (1 opmerking ... lees het onderstaande adres of Voeg een )

    1 LGR 05.30.07 op 9:55

    Goede post. Ik heb favicon generator gebruikt die in het verleden en het werkt goed. Soms heb ik niet de tijd of de creativiteit om mijn eigen gevonden en hebben een aantal fantastische vrije favicons hier: http://www.freefavicon.com/

    Laat een bericht achter

    U kunt deze HTML-tags en attributen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>