No Links were listed yet. Go ahead and share!
Hi, there I'm Stacy Reed and welcome to your butterscotch.com video tutorial about Favicons. We’ll cover all the basics explaining what they are, how to make them and even how to install them.
The Favicon, short for Favorite’s Icon also known as a Bookmark Icon or URL icon. It’s a 16x16 Pixels square icon that’s associated with a particular website and it's going to show up in your address bar whenever you visit that site. It's also displayed next to the webpage’s name in your list of saved bookmarks. And if your browser supports tabs like Firefox does the Favicons will appear here too right next to the title.
Now, there are many online tools that could help you in the creation of your Favicons and I’ll provide some links in the show notes on butterscotch.com. We’re currently at railroad graphics where we can draw our own design or upload a square image to create a Favicon. We’re going to upload our image and then once it’s created we’re going to download that file. And in saving, you’ll notice that the file name is Favicon.ICO. Now, if the program you're using doesn’t allow you to save file as ICO go ahead and save the file as a bitmap and then simply rename the file afterward. And all we really have to do is upload the file to the main root directory of our web server. So, I'm going to do so. Let’s go ahead and drag and drop that right on in here.
Now, you shouldn’t even really have to add it to your HTML code like we used to do have to do back in the day. Most browsers would just pick it up when you or your visitors load your webpage. After the page loads, if you're browser doesn’t automatically detect the file, you may need to press F5 to refresh the page. So, that’s basically how it's done, now you know a little bit more about Favicons. I'm Stacy Reed with butterscotch.com signing out.
Transcription by:
Scribe4you Transcription Services