Opened 15 years ago

Closed 15 years ago

#1491 closed patch (fixed)

Include favicon.ico for MythWeb

Reported by: sphery <mtdean@…> Owned by: xris
Priority: minor Milestone: unknown
Component: mythweb Version:
Severity: medium Keywords:
Cc: Ticket locked: no

Description

Making this ticket at xris's request per the thread http://www.gossamer-threads.com/lists/mythtv/users/189457#189457 .

To make the favicon.ico work reliably with varying server configurations (MythWeb at the server root or MythWeb in a directory) and with varying clients (IE, Firefox, ...), we should:

  • Include <link> elements in the <head> of each page directing the browser to the appropriate icon image, allowing it to be somewhere besides the server root (no link squatting).
  • Use Microsoft's icon format (ICO). Firefox allows any image type, but IE only uses ICO. GIMP can save as an ICO.
  • Include an AddType? in the .htaccess to specify the MIME type (image/x-icon) in case the server configuration doesn't define it or in case the server configuration defines the IANA-approved MIME type (image/vnd.microsoft.icon), which some browsers won't recognize.

The icon should be 16x16, 32x32, 64x64, 128x128 and either 4, 8, or 24bpp (assuming we use the ICO format). GIF must be 16x16@8bpp and PNG must be 16x16@8 or 24bpp.

Example link elements are shown below (both are required to support varying clients):

<link rel="icon" href="http://example.com/favicon.ico" 
type="image/x-icon" />
<link rel="shortcut icon" href="http://example.com/favicon.ico" 
type="image/x-icon" />

Attachments (1)

mythweb-favicon.patch (1.8 KB) - added by sphery <mtdean@…> 15 years ago.

Download all attachments as: .zip

Change History (3)

comment:1 Changed 15 years ago by sphery <mtdean@…>

Type: taskpatch

I went ahead and made a patch. The patch has been tested with Firefox (I don't have IE available) and works on my system (for the location bar icon and the bookmark icon), which is configured with MythWeb running in a subdirectory; however, it should work even if MythWeb is running from the application root. Also, I have an Apache web server reverse proxying to the MythWeb web server. The proxy has defined its own favicon.ico, but I still get the MythWeb favicon when viewing MythWeb through the proxy.

The patch includes the changes and mentions the favicon.ico (from svn add), but the icon itself is not included. IMHO, we should provide a multi-res favicon.ico with at least 16x16 and 32x32 resolutions. IE 5.0 requires 16x16, but some browsers can use additional resolutions for things like bookmark icons. The 64x64 and 128x128 resolutions are typically only used by Mac OSX, so I'll leave it up to you whether it's worth the increased filesize (multi-res with 16x16 and 32x32 is 5KB, adding 64x64 makes it 22KB and adding 128x128 makes it 90KB).

I've made some icons available on my website ( http://misc.thirdcontact.com/MythWebIcon/ ) for you to choose what you feel is the most appropriate. For the icons, I used kichigai at comcast's idea of using the G.A.N.T. watermark. I did both a version with the yellow screen and a blue screen (I think the theme uses the yellow screen to indicate the TV is on). I liked the blue screen because it fits with Myth's heavy usage of blue (in the logo, etc.).

If a real artist decides to make a better favicon, he/she can use GIMP to create a full-size image (largest size you want), then duplicate the layer for all additional resolutions. Scale each layer appropriately and save as a file with the ".ico" extension to create a multi-res icon.

Changed 15 years ago by sphery <mtdean@…>

Attachment: mythweb-favicon.patch added

comment:2 Changed 15 years ago by xris

Resolution: fixed
Status: newclosed

(In [9427]) apply patch to close #1491, grab one of the smaller multi icons from the referenced web page for the favicon

Note: See TracTickets for help on using tickets.