{"id":498,"date":"2008-02-04T02:01:11","date_gmt":"2008-02-04T10:01:11","guid":{"rendered":"http:\/\/37prime.wordpress.com\/2008\/02\/04\/apple-web-clip-bookmark-icon\/"},"modified":"2008-02-04T02:01:11","modified_gmt":"2008-02-04T10:01:11","slug":"apple-web-clip-bookmark-icon","status":"publish","type":"post","link":"https:\/\/37prime.com\/news\/2008\/02\/04\/apple-web-clip-bookmark-icon\/","title":{"rendered":"Apple: Web Clip Bookmark Icon"},"content":{"rendered":"<p>iPhone Web Clip Icon has been widely publicized, so there&#8217;s nothing really new here. This post basically is for my personal reference.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.apple.com\/apple-touch-icon.png\" alt=\"Apple.com iPhone Web Clip Icon\" \/><\/p>\n<p><a href=\"http:\/\/developer.apple.com\/iphone\/devcenter\/designingcontent.html\" target=\"_blank\">http:\/\/developer.apple.com\/iphone\/devcenter\/designingcontent.html<\/a><\/p>\n<blockquote><p><i><b>Create a Web Clip Bookmark Icon<\/b><\/i><\/p>\n<p><i>iPhone and iPod touch allow a user to save a Web Clip bookmark to your site on their Home Screen.<\/i><\/p>\n<p><i>To specify a bookmark icon for all pages of a web site, place a PNG image named &#8220;apple-touch-icon.png&#8221; at the root directory of your web server &#8211; similar to the &#8220;favicon.ico&#8221; for site icons.<\/i><\/p>\n<p><i>To override the site bookmark icon on a specific web page, insert a &lt;link&gt; element similar to &lt;link rel=&#8221;apple-touch-icon&#8221; href=&#8221;\/customIcon.png&#8221;\/&gt; within the &lt;head&gt; element of the page.<\/i><\/p>\n<p><i>The bookmark icon dimensions should be 57&#215;57 pixels.  If the icon is a different size it will be scaled and cropped to fit.<\/i><\/p>\n<p><i>Safari will automatically composite the icon with the standard &#8220;glassy&#8221; overlay so it looks like a built-in iPhone or iPod application.<\/i><\/p><\/blockquote>\n<p>Apple recommends the size of the icon as 57&#215;57 pixels, but as we all can see, Apple&#8217;s own Web Clip Bookmark Icon is 129&#215;129 pixels.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>iPhone Web Clip Icon has been widely publicized, so there&#8217;s nothing really new here. This post basically is for my personal reference. http:\/\/developer.apple.com\/iphone\/devcenter\/designingcontent.html Create a Web Clip Bookmark Icon iPhone and iPod touch allow a user to save a Web Clip bookmark to your site on their Home Screen. To specify a bookmark icon for &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/37prime.com\/news\/2008\/02\/04\/apple-web-clip-bookmark-icon\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Apple: Web Clip Bookmark Icon&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[946,4],"tags":[403,404,1594,1639,2009,2330,2511,936],"class_list":["post-498","post","type-post","status-publish","format-standard","hentry","category-announcements","category-news","tag-applications","tag-apps","tag-iphone","tag-ipod","tag-media","tag-pictures","tag-resources","tag-tech"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pcNtU-82","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/posts\/498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/comments?post=498"}],"version-history":[{"count":0,"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/posts\/498\/revisions"}],"wp:attachment":[{"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/media?parent=498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/categories?post=498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/37prime.com\/news\/wp-json\/wp\/v2\/tags?post=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}