rehansaeed.github.io icon indicating copy to clipboard operation
rehansaeed.github.io copied to clipboard

[Comment] Internet Favicon Madness (Updated)

Open RehanSaeed opened this issue 5 years ago • 7 comments

https://rehansaeed.com/internet-favicon-madness/

RehanSaeed avatar May 12 '20 10:05 RehanSaeed

Kevin P. Rice Kevin P. Rice commented on 2015-06-16 23:37:13

Sadly, Firefox Desktop (v38) is loading the 192x192 icon and scaling it down to 16x16 EVEN THOUGH I have provided a proper 16x16 favicon! This is unfortunate, as my artwork is simplified for the 16x16 format; thus, the icon in the browser tab is just a blurry mess! I can't identify any work-around other than omitting the 192x192 icon.

RehanSaeed avatar May 12 '20 10:05 RehanSaeed

Kevin P. Rice Kevin P. Rice commented on 2015-06-16 23:58:04

UPDATE: Success?? I moved the favicon-192x192.png declaration in ASP.NET Core Boilerplate to appear BEFORE the favicon-96x96.png link tag---FF Desktop is now properly using the 16x16 favicon on the browser tab. I don't know what side-effects this might have elsewhere, but my link tag order is now: favicon.ico, 192x192, 96x96, 32x32, 16x16.

RehanSaeed avatar May 12 '20 10:05 RehanSaeed

Muhammad Rehan Saeed Muhammad Rehan Saeed commented on 2015-06-17 07:44:06

UPDATE: Success?? I moved the favicon-192x192.png declaration in ASP.NET Core Boilerplate to appear BEFORE the favicon-96x96.png link tag---FF Desktop is now properly using the 16x16 favicon on the browser tab. I don't know what side-effects this might have elsewhere, but my link tag order is now: favicon.ico, 192x192, 96x96, 32x32, 16x16.

Thanks Kevin! I'll put out an update with your change.

RehanSaeed avatar May 12 '20 10:05 RehanSaeed

Kevin P. Rice Kevin P. Rice commented on 2015-06-17 08:06:01

Thanks Kevin! I'll put out an update with your change.

At your peril. :) Works on my machine... (until next FF update?). Of course IE11 is doing the same thing. Thx 4 your efforts.

RehanSaeed avatar May 12 '20 10:05 RehanSaeed

Muhammad Rehan Saeed Muhammad Rehan Saeed commented on 2015-06-17 10:01:15

At your peril. :) Works on my machine... (until next FF update?). Of course IE11 is doing the same thing. Thx 4 your efforts.

No, you are correct Kevin. I noticed a comment in the RealFaviconGenerator change log about this FireFox bug. See http://realfavicongenerator.net/change_log (Search for FireFox on the page).

Once again, thanks for the fix!

RehanSaeed avatar May 12 '20 10:05 RehanSaeed

Leah Leah commented on 2016-11-14 14:35:41

Hello! Quick question that's completely off topic. Do you know how to make your site mobile friendly? My blog looks weird when viewing from my iphone 4. I'm trying to find a template or plugin that might be able to fix this issue. If you have any recommendations, please share. Thank you!

RehanSaeed avatar May 12 '20 10:05 RehanSaeed

Muhammad Rehan Saeed Muhammad Rehan Saeed commented on 2016-11-27 07:43:51

Hello! Quick question that's completely off topic. Do you know how to make your site mobile friendly? My blog looks weird when viewing from my iphone 4. I'm trying to find a template or plugin that might be able to fix this issue. If you have any recommendations, please share. Thank you!

Use something like Bootstrap which is mobile friendly by default or use media queries if you want to do it yourself.

RehanSaeed avatar May 12 '20 10:05 RehanSaeed