{"id":3307,"date":"2008-07-11T00:10:36","date_gmt":"2008-07-10T18:40:36","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/?p=3307"},"modified":"2020-05-24T10:05:01","modified_gmt":"2020-05-24T04:35:01","slug":"apple-iphone-webclip-icons","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2008\/07\/apple-iphone-webclip-icons\/","title":{"rendered":"Create Custom Apple iPhone WebClip Icons For Your Site"},"content":{"rendered":"

Have you spotted those glossy rounded icons<\/strong> on the Apple iPhone? \u00a0Often called web clip bookmark icons<\/strong>, now webmasters can create their own custom icons for iphone (and iPod Touch) and link them to display on these gadgets. Here is how you can display a custom iphone icon for your site…<\/p>\n

Custom Apple iPhone Webclip Icons<\/h3>\n

\"AppleFirst you need to upload a .PNG image named apple-touch-icon.png<\/strong>\u00a0in the root directory <\/strong>of your server. This image can then be linked within your site html <HEAD> tags like this<\/p>\n

<link rel=\"apple-touch-icon\" href=\"\/apple-touch-icon.png\"\/><\/code><\/p>\n

But if you named the image as apple-touch-icon.png and placed it in the root, the iphone will automatically detect it anyway, even without this link tag.<\/p>\n

Apple specifies that the image needs to be 57×57 px<\/strong> in size with 90 degree corners and no gloss or shine. The iphone will then round the edges, add the characteristic glossy button finish to it and drop a fine shadow. The iphone (or iPod Touch)<\/strong> will then source this image whenever they link to your website.<\/p>\n

Its a cool idea upload you own webclip icon and get them to display on Apple iphones and Ipod Touch. Have you created a webclip icon for your site?<\/strong><\/p>\n

The Apple Iphone 3G<\/a> is launching today in many countries, though in India the iPhone will release on Airtel<\/a> and Vodafone<\/a> later in the year. Did anyone grab the QOT web clip<\/a> on their iPhone? Show us a snap.<\/p>\n","protected":false},"excerpt":{"rendered":"

Have you spotted those glossy rounded icons on the Apple iPhone? \u00a0Often called web clip bookmark icons, now webmasters can…<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[16],"tags":[],"class_list":["post-3307","post","type-post","status-publish","format-standard","hentry","category-apple"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/3307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=3307"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/3307\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=3307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=3307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=3307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}