apple-touch-icon-precomposed and Apple-touch-icon attribute differences

Apple Safari browser apple-touch-icon-precomposed and Apple-touch-icon attributes are different, before the online search for the relevant information and Apple's development documentation manual, the two attributes of the difference is not enough detailed, This has led to some confusion at the moment of development.

These two properties defined by Apple Safari are for Apple mobile devices (ipod, ipad, iphone) To add icon definition properties to the mobile website-mobile web ("Add to Desktop Icon") when you build a mobile website (commonly known as: Mobile Station, Mobile web), to avoid setting the icon for the move station (here's an article about Apple Meta settings >> Click to view <<), which is not covered in this article, and this article is to make up for this vacancy.

The properties of the icon settings are divided into:

Apple-touch-icon and apple-touch-icon-precomposed Two properties, literally, the first is "Apple Mobile device Icon", the second is "Apple mobile device initial icon style", Because the second meaning completely does not understand the presupposition is what is the presupposition of what is different, from the official information also did not understand what is the obvious difference, through the experiment to learn the two obvious differences.

Direct:

Picture one:

(picture one) in the lower right corner can be seen there are two Milanoo icons, respectively, Apple-touch-icon and apple-touch-icon-precomposed attributes of the icon, see the difference?

Enlarge View Large Image: Notice the gloss on the icon above, see clearly, using the Apple-touch-icon attribute is significantly more than using the apple-touch-icon-precomposed icon, because there is a set of specifications for icon in iOS system, That is, the icon of the iOS device is unified for "Four Corners", "highlight processing", as for "shadow of the Icon", is the iOS device unified for all desktop elements added, so not as an icon to handle the style alone, because in the visual unification of the most important is the unity of the shape, so "fillet" is necessary, but for the Apple has not made any special emphasis, so the Apple-touch-icon and apple-touch-icon-precomposed attributes are generated by the "highlight" as an option in Apple's settings.

Conclusion:

• Use the Apple-touch-icon property to "increase the highlight brightness of the icon";
• Use the Apple-touch-icon-precomposed property to "design the original icon";

As you remember, the last two sentences are the most useful to say the entire feeling. Ha ha.