Touch icon (big favicon for home screens and favorites)

Discuss newly added features or request new features.
Post Reply
tripkip
Posts: 22
Joined: 12 Apr 2013, 11:30

Touch icon (big favicon for home screens and favorites)

Post by tripkip » 24 Nov 2014, 11:59

Hugbug,

The (mobile) web app of nzbget is great. I don't feel the need to use a third party native app, but there is no icon..
Could you please add a touch icon so that the webapp looks good on a homescreen (iOS)?

Just add this to your web pages header:

Code: Select all

<link rel="apple-touch-icon" href="/images/custom_icon.png">

hugbug
Developer & Admin
Posts: 7645
Joined: 09 Sep 2008, 11:58
Location: Germany

Re: Touch icon (big favicon for home screens and favorites)

Post by hugbug » 24 Nov 2014, 12:05

I would if I had custom_icon.png.

tripkip
Posts: 22
Joined: 12 Apr 2013, 11:30

Re: Touch icon (big favicon for home screens and favorites)

Post by tripkip » 24 Nov 2014, 14:30

Hehe. I knew that was going to be the issue :)

Well I'm not a designer, but in this case something is certainly better than nothing. So I created a little something (attached).

This will work on iOS, Android and Win8 Tiles.

Code: Select all

	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<!-- Apple Touch Icons -->
	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
	<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
	<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png" />
	<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
	<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
	<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />
	<!-- Windows 8 Tile Icons -->
    	<meta name="msapplication-square70x70logo" content="smalltile.png" />
	<meta name="msapplication-square150x150logo" content="mediumtile.png" />
	<meta name="msapplication-wide310x150logo" content="widetile.png" />
	<meta name="msapplication-square310x310logo" content="largetile.png" />
Used http://iconogen.com/ to generate the files.
Attachments
nzbget_icons.zip
source files
(129.59 KiB) Downloaded 286 times

Post Reply

Who is online

Users browsing this forum: No registered users and 17 guests