|
|
Joined: Aug 2004
Posts: 490 Likes: 2
Addict
|
|
Addict
Joined: Aug 2004
Posts: 490 Likes: 2 |
I just used the favicomatic site to generate loads of sizes for the favicon, so I have about a dozen images to load as well as some code for the favicon.
What's the best way to do this? Can it be done via the admin panel (the code that is)? Would it be in the "header insert" under Display Options>General?
|
|
|
|
|
Joined: Jun 2006
Posts: 16,532 Likes: 150
|
|
Joined: Jun 2006
Posts: 16,532 Likes: 150 |
You can have multiple favicon sizes in one favicon file, but I'd advise against trying to load all of them at once (as only the last one would count). As for changing default images, I'd copy the "/images/general/default" folder to a new one (say "customized" (all of my sites have numerous folders for various styles)) so that when you do an upgrade it won't try to overwrite the files back to stock (you'll have to be diligent to check to see if there are new images in the future; something I try to include in any changelogs on the wiki), then just set the desired image set on all of your styles. Some point in there you'll want to slap your new favicon.ico file into the new folder. id242 linked me to this which goes into other types of images (other than favicon's).
|
|
|
|
|
Joined: Aug 2004
Posts: 490 Likes: 2
Addict
|
|
Addict
Joined: Aug 2004
Posts: 490 Likes: 2 |
Thanks Gizmo. The site I mentioned basically takes an image you upload and then churns out all the various favicon sizes as well as the following code. So you basically upload lots of separate image (favicon) files and insert the following code: <link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://www.x.yz/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.x.yz/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.x.yz/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.x.yz/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="http://www.x.yz/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://www.x.yz/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://www.x.yz/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://www.x.yz/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="http://www.x.yz/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="http://www.x.yz/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="http://www.x.yz/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="http://www.x.yz/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="http://www.x.yz/favicon-128.png" sizes="128x128" />
<meta name="application-name" content="X.yz - site description here"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="http://www.x.yz/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="http://www.x.yz/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="http://www.x.yz/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="http://www.x.yz/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="http://www.x.yz/mstile-310x310.png" /> It looks like overkill but I was just wondering whether I can use the code on the forums as well (maybe trimming down the number of images to 3-4 of the more popular ones).
|
|
|
|
|
Joined: Jun 2006
Posts: 16,532 Likes: 150
|
|
Joined: Jun 2006
Posts: 16,532 Likes: 150 |
Yup, header insert; what generator did you use? thats a LOT lol...
|
|
|
|
|
Joined: Aug 2004
Posts: 490 Likes: 2
Addict
|
|
Addict
Joined: Aug 2004
Posts: 490 Likes: 2 |
I used this site which really seems popular (and even had it's own Chrome app): http://www.favicomatic.com/When you select the "Every damn size" option it actually dishes out 20 of them!  Not sure it's a good idea to bog down the forums with so much code, even though I assume that only one image gets selected and downloaded by the browser as the most appropriate icon to use?
|
|
|
|
|
Joined: Jun 2006
Posts: 16,532 Likes: 150
|
|
Joined: Jun 2006
Posts: 16,532 Likes: 150 |
Yeah, browsers would only download the image if it was supported; though that's alot of extra data per page that'd have to be downloaded each page load.
|
|
|
|
1 members (Gizmo),
156
guests, and
110
robots. |
|
Key:
Admin,
Global Mod,
Mod
|
|
|
|
