{"id":37,"date":"2008-01-16T19:37:08","date_gmt":"2008-01-17T03:37:08","guid":{"rendered":"http:\/\/www.thewysz.com\/wyszdom\/2008\/01\/setting-an-iphone-webclip-icon\/"},"modified":"2024-10-09T13:36:29","modified_gmt":"2024-10-09T17:36:29","slug":"setting-an-iphone-webclip-icon","status":"publish","type":"post","link":"https:\/\/wysz.com\/wyszdom\/2008\/01\/setting-an-iphone-webclip-icon\/","title":{"rendered":"Setting an iPhone WebClip icon"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">One of the new iPhone features is the ability to create a WebClip, which is basically a bookmark you can put on the home screen that saves zoom data. If you create a WebClip of most pages, the icon is just a screenshot of the page. But, you may have noticed that some pages have custom icons when you clip them. If you want to do this for your own site, it&#8217;s pretty simple. Just create a 57&#215;57 PNG file, name it apple-touch-icon.png, and put it at the root of your domain. If you want to specify an icon at the page level, check out <a href=\"https:\/\/developer.apple.com\/iphone\/devcenter\/designingcontent.html\">Apple&#8217;s instructions<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a user has created a WebClip before you added the icon, it looks like they&#8217;ll continue to see the screenshot until they delete it and create a new one. Same thing  goes for updating an existing icon\u2014 a user will continue to see whichever icon was downloaded when the WebClip was created. Keep in mind that I determined this after about 3 minutes of testing, so it may be inaccurate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is my current icon:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"57\" height=\"57\" src=\"https:\/\/wysz.com\/wyszdom\/wp-content\/uploads\/2008\/01\/apple-touch-icon-1.png\" alt=\"wysz\" class=\"wp-image-39\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And here&#8217;s what it looks like on an iPhone:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"121\" src=\"https:\/\/wysz.com\/wyszdom\/wp-content\/uploads\/2008\/01\/wysz-web-clip-example-1.jpg\" alt=\"iPhone WebClip icon for Wyszdom\" class=\"wp-image-38\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Update: There is some discussion on Apple-related sites about Apple&#8217;s recommended resolution. You may want to go with a <a href=\"http:\/\/playgroundblues.com\/posts\/2008\/jan\/15\/iphone-bookmark-iconage\/\">60&#215;60<\/a> or perhaps even 129&#215;129 PNG. We&#8217;ll see if Apple comes back with an official word on this.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the new iPhone features is the ability to create a WebClip, which is basically a bookmark you can put on the home screen that saves zoom data. If you create a WebClip of most pages, the icon is just a screenshot of the page. But, you may have noticed that some pages have &hellip; <a href=\"https:\/\/wysz.com\/wyszdom\/2008\/01\/setting-an-iphone-webclip-icon\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Setting an iPhone WebClip icon<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-geek"],"_links":{"self":[{"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":2,"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":3238,"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/posts\/37\/revisions\/3238"}],"wp:attachment":[{"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wysz.com\/wyszdom\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}