|
Joined: Aug 2004
Posts: 460
Addict
|
Addict
Joined: Aug 2004
Posts: 460 |
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,299 Likes: 116
|
Joined: Jun 2006
Posts: 16,299 Likes: 116 |
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: 460
Addict
|
Addict
Joined: Aug 2004
Posts: 460 |
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,299 Likes: 116
|
Joined: Jun 2006
Posts: 16,299 Likes: 116 |
Yup, header insert; what generator did you use? thats a LOT lol...
|
|
|
|
Joined: Aug 2004
Posts: 460
Addict
|
Addict
Joined: Aug 2004
Posts: 460 |
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,299 Likes: 116
|
Joined: Jun 2006
Posts: 16,299 Likes: 116 |
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.
|
|
|
Bots
by Outdoorking - 04/13/2024 5:08 PM
|
|
|
|
|
|
1 members (Nightcrawler),
552
guests, and
173
robots. |
Key:
Admin,
Global Mod,
Mod
|
|
|
|