apple-touch-icon

Checking apple touch icon

由 时光毁灭记忆、已成空白 提交于 2019-12-07 04:29:23
问题 I've just set up an apple touch icon link and image for a website and I'd like to check whether or not it works. Without an iDevice I'm struggling to perform this test. Does anyone know of a tool that can be used to perform this test? 回答1: You can give a try to http://realfavicongenerator.net/favicon_checker Full disclosure: I'm the author of this tool. 来源： https://stackoverflow.com/questions/30076017/checking-apple-touch-icon

How do I give my web sites an icon for iPhone?

由 久未见 提交于 2019-12-03 09:31:11
How do I set the icon that appears proper on the iPhone for the web sites I have create? And for the sake of completeness, a link to Scott Hanselman's posting, which contains some additional tips as well: Add Home Screen iPhone Icons and Adjust the ViewPort Zack Peterson From the Apple Developer Connection Safari Web Content Guide for iPhone page Specifying a Webpage Icon for Web Clip ... The user can add a web application or webpage link to the Home screen. These links, represented by an icon, are called web clips. Follow these simple steps to specify an icon to represent your web application

Why won't this apple-touch-icon work?

由 醉酒当歌 提交于 2019-12-01 18:19:21
I have the following code in my website: <link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" /> When I view the source in Firefox and click the href attribute the icon shows (so its not a 404 error). When the code is added to a page like http://website.com/mobile/index.php or http://website.com/mobile/page.php and the page is added to an iPhone homescreen the icon works fine, but when the page url is like http://website.com/page or http://website.com/index the icon doesn't show up. No errors appear in the "website debug console" provided in Safari options and I

Apple touch icon isn't showing up on the home screen

由 杀马特。学长 韩版系。学妹 提交于 2019-11-30 07:57:21
I'm using the following code to get touch icons for mobile devices - it's based on the html5boilerplate/mobile example: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> <!-- For iPhone 4 with high-resolution Retina display: --> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/touch/h/apple-touch-icon.png"> <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> <link rel="apple-touch-icon-precomposed" href="/img/touch/l/apple-touch-icon.png"> <!-- For

Apple touch icon isn't showing up on the home screen

由 自作多情 提交于 2019-11-30 06:51:19
问题 I'm using the following code to get touch icons for mobile devices - it's based on the html5boilerplate/mobile example: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> <!-- For iPhone 4 with high-resolution Retina display: --> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/touch/h/apple-touch-icon.png"> <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+

What are the correct pixel dimensions for an apple-touch-icon?

由 跟風遠走 提交于 2019-11-28 16:28:20
I'm not sure what the correct size should be. Many sites seem to repeat that the apple-touch-icon should be 57x57 pixels but cite a broken link as their source. Hanselman 's and playgroundblues 's comments suggest different sizes including 163x163 and 60x60. Apple's own apple.com icon is 129x129! See my related question: How do I give my web sites an icon for iPhone? OtomoBill It seems that Apple guidelines as of August 3, 2010 now include the "High resolution" images (for iPhone 4) in their "required" icon sizes. Looks like we need to provide both a 57x57 and a 114x114 image now, as well as a

Apple Touch icon for websites

由 匆匆过客 提交于 2019-11-28 02:58:53
Up to now, I've been including the line for the Apple Touch icon in my head like this: <link rel="apple-touch-icon" href="/apple-touch-icon.png"> However, in the Q&A "What are the correct pixel dimensions for an apple-touch-icon?" it is stated in the accepted answer that three images are now needed according to Apple's guidelines. So how would one go about inserting these into the head section of the code? Charles Cooke Here you go, hope this helps. If you want Apple to do the aesthetic bit for you (add the gloss) then you'd put in these to the <head> tags: <link rel="apple-touch-icon" href=

What are the correct pixel dimensions for an apple-touch-icon?

由 北城余情 提交于 2019-11-27 09:43:34
问题 I'm not sure what the correct size should be. Many sites seem to repeat that the apple-touch-icon should be 57x57 pixels but cite a broken link as their source. Hanselman's and playgroundblues's comments suggest different sizes including 163x163 and 60x60. Apple's own apple.com icon is 129x129! See my related question: How do I give my web sites an icon for iPhone? 回答1: It seems that Apple guidelines as of August 3, 2010 now include the "High resolution" images (for iPhone 4) in their

Why am I getting error for apple-touch-icon-precomposed.png

由 微笑、不失礼 提交于 2019-11-26 21:16:50
I have created a new rails3 project but I am seeing following logs many times in my server logs. Why I am getting these request and how can I avoid these? Started GET "/apple-touch-icon-precomposed.png" for 192.168.6.2 at 2012-09-18 20:03:53 +0530 ActionController::RoutingError (No route matches [GET] "/apple-touch-icon-precomposed.png"): I haven't given this link anywhere and don't want to render this image anywhere. I am clueless why this resource is being tried to be loaded. I guess apple devices make those requests if the device owner adds the site to it. This is the equivalent of the

Favicons - Best practices

由 佐手、 提交于 2019-11-26 16:53:49
I'm trying to get my head around all these different sizes and formats that are needed for Favicons, Touch icons and now Tile icons too. I've read this post: http://www.jonathantneal.com/blog/understand-the-favicon but I'm still a bit hazy on exactly what to use that will look reasonably good on all devices and browsers >= IE8. I think I should create the following: ICO favicon.ico (32x32) PNG favicon.png (96x96) Tile Icon tileicon.png (144x144) Apple Touch Icon apple-touch-icon-precomposed.png (152x152) based on this https://github.com/h5bp/html5-boilerplate/issues/1367 ...and then use this
订阅 apple-touch-icon