The bookmark icon, or more commonly known as favicon (Favorites icon) has been around since 1999 with the introduction of Internet Explorer 5. The bookmark icon or favicon is typically specified in 16 × 16 pixels with ICO (sometimes with PNG format) and is shown next to the URL address of your Web browser or next to the page title of the user interface tab as shown below.
Today progress, the bookmark icon, or favicon has developed with mobile device also. IOS, you are probably familiar, shows, for example, the icons on the screen.
Most of these icons are very beautiful, and after Apple Apple-touch-icon now has a new meta tag with the name website icons on the homescreen of iOS can if you bookmark a site.
Recommended reading: Generation of Android or IOS app icons with MakeAppIconThe Apple-touch-icon is specified with to identify, as follows.
By default, this symbol is 57x57px. But with iPad and retina, we must size further. iPad icons with the size of the 72x72px required during retina devices symbols with 114x114px size need.
So, we must offer the symbol in the following specifications - in all in all
-support devices iPhone, iPad and retina.By default, the eye-candy effects on the icons will add iOS automatically.
If you prefer it, the icon, do not disturb this effect you can add - precomposed end the rel name, like so.
The website update and resave to the home screen. Now, the effect not on the symbol is inserted.
Reading tip: custom icon and image creation policies Safari Developer Library
In our last post we discussed with MacAppIcon to create Apple-touch icon. Alternatively - and this is also my preference - PSD templates from AppIconTemplate for more flexibility in the adaptation, we can.
An additional option that I really like from this PSD template is that it also with Photoshop actions, which automatically the icon "comes in several sizes, including stores that iTunes artwork.
Furthermore, Windows provides 8 similar ways, add symbols on fixed (bookmarks) sites with the following meta tags.
You can implement Furthrer discussion about these tags on your site on the following MSDN article about head.
Thoriq has been dabbling in Web design for 5 years and appreciates the the type Web design community for free. He loves to try new things in CSS3 and HTML5. Apart from writing on hongkiat.com he claims also Creatiface.
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন