Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2014-08-21 19:46:55

kmlucy
Member
From: Atlanta, GA
Registered: 2013-01-30
Posts: 123
Website

Favicons and Mobile Icons

Hi all,
I was reworking my favicon recently, and I stumbled upon this site:
http://realfavicongenerator.net/
The FAQs were really helpful, as was the 'Check your favicon' feature. As it points out, with all the devices currently out there, you need more than just a favicon.ico if you want your icon to show up properly on all the devices.

I ended up using the site to generate all my favicons and icons. I disabled the favicon and apple touch icon through TTG and put all the files it gave my on my site. Using phplugins, I added the code it gave me to the <head> section of my site. It worked brilliantly, and my icon showed up well on all the devices I could scrounge up to test it on.

I thought that some of you might be interested, so I decided to share this with the community. Have fun!


Kyle Lucy Photography
kylelucy.com

Offline

#2 2014-08-21 21:35:33

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Favicons and Mobile Icons

Thanks Kyle,

this could be a time-saver. I'd been doing it all in Photoshop up to this point.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2014-08-22 12:26:56

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Favicons and Mobile Icons

I use IconSlate, as written about on Daring Fireball. The default icons in CE4 are built this way.

Being Mac only, though, I'm not sure what options Windows users have.


Matt

The Turning Gate, http://theturninggate.net

Offline

#4 2014-08-23 05:31:29

kmlucy
Member
From: Atlanta, GA
Registered: 2013-01-30
Posts: 123
Website

Re: Favicons and Mobile Icons

This site does compile the favicon.ico same as IconSlate, but it also adds all the other icons. Windows users could use it and just use the favicon.ico if they wanted to.


Kyle Lucy Photography
kylelucy.com

Offline

#5 2014-08-23 23:33:45

richam
Member
From: Preveza, Greece
Registered: 2013-01-06
Posts: 143
Website

Re: Favicons and Mobile Icons

Kyle, thanks for the URL.  After generating the favicons, found out I had to set up Pages plus all the templates with "no icon" for the apple-touch-icon as well as the favicon.  Then installed the generated favicons at the root level and the generated HTML in index.php, after the <head> marker.  Now it seems to work throughout the site: www.michaelrichardsphotography.com.  Still getting PC'ers and Android'ers to check it out for me, but expect it will all work after getting all green on the favicon checker.

Offline

#6 2014-08-24 00:44:26

fwillette
Member
From: Brussels - Belgium
Registered: 2014-05-08
Posts: 135

Re: Favicons and Mobile Icons

Hello Michael

Your site looks fine on PC Win 7 and firefox and I love the layout, and content too.

Just a little remark, in your gallery "Seven wonders", in the table, row titles appear "Costruction" didn't you mean "Construction"?

Cordially

Fredy

Last edited by fwillette (2014-08-24 06:01:41)

Offline

#7 2014-08-24 00:57:28

kmlucy
Member
From: Atlanta, GA
Registered: 2013-01-30
Posts: 123
Website

Re: Favicons and Mobile Icons

Michael, glad to help. Your site looks good from here as well. The Android home screen icon worked well, as did the favicon on all the devices I tested.


Kyle Lucy Photography
kylelucy.com

Offline

#8 2014-08-24 18:46:01

richam
Member
From: Preveza, Greece
Registered: 2013-01-06
Posts: 143
Website

Re: Favicons and Mobile Icons

Fredy,  Thanks for pointing out the typo.  It's been corrected.

Offline

Board footer

Powered by FluxBB