<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d12988030\x26blogName\x3dDon\x27t+Trust+Snakes\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://donttrustsnakes.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://donttrustsnakes.blogspot.com/\x26vt\x3d-4673447362931781663', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>


DON’T

TRUST

SNAKES

“I know where I'm headed.”
ROGER THORNHILL


« Home »


Sunday, September 03, 2006

Imagine for a few moments that you care about creating your own favicon

So, what you do is create your favicon image as a 16x16 pixel file, using Photoshop or something similar. There are online utilities too. Stick to the "web-safe" color palette (some sources say to limit yourself to 16 basic colors from that, but if readers have such lame browsers, they probably don't support favicons anyway, it seems to me). It might make sense to create your image at 32x32 and then shrink it. In the end, it must be 16x16. Needless to say, there are limits to what you can do with a 16x16 image. Guernica and the Bayeux Tapestry are definitely out. Save your image as a ".png" file (unless you are using a utility that directly creates an ".ico" file, in which case disregard the next sentence).

Use something like this to convert your ".png" file to an ".ico" file. Rename the file "favicon". The complete filename needs to be "favicon.ico" or it probably won't work.

Upload your favicon file to your web host and make a note of the full pathname.

Add the following code to your HTML template somewhere between the <head> and </head> tags:

<link rel="icon" href="pathname/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="pathname/favicon.ico" type="image/x-icon"/>

Save the template and republish your blog or webpage.

Et voila!

In other news, I revised my favicon ever so slightly so it looks a little less like a swing-arm desk lamp. Here at Don't Trust Snakes, readers' concerns are our number-one priority. But if you tell me it now looks like Nessie, I may kill you.


posted at 11:18 PM

0 Comments:

Post a Comment

<< Home