Explore the difference between apple icon for apple-touch-icon-precomposed and a

Apple's Safari browser apple-touch-icon-precomposed and apple-touch-icon attributes are different, prior to the on-line search under the relevant information and documentation on Apple's development, attribute this two difference not say in detail, which now we developed some confusion.

These two properties of Apple's Safari browser definition is for Apple mobile devices (iPod, iPad, iPhone) of -mobile web on mobile website ("added to the desktop icon") attribute icon when defining the increase, When you create a mobile website (commonly known as: mobile phone station, mobile web), Avoid not as mobile station icon set (here is the article about the apple meta settings Xiangjie > > see<<), Has not yet introduced the distinction between these two properties in this article, This article is to make up for the vacancy.

Attribute icon set is divided into:

Apple-touch-icon and apple-touch-icon-precomposed two kinds of attributes, From the literal meaning can be seen, The first is the "Apple mobile device Icon", Second "Apple mobile device initial icon style", The second meaning completely don't understand presupposition is the presupposition what what different places, From the official data also does not understand what different, Through experiment, the obvious differences between the two.

Directly above:

Picture a:

From the graph (image lower right corner) can be seen to have two Milanoo icon, respectively is apple-touch-icon and apple-touch-icon-precomposed attributes of the icon, a difference not?

Look at the big picture: pay attention to enlarge icons luster, See see, Use the apple-touch-icon property is more obvious than that using the apple-touch-icon-precomposed icon - a high light, Because in the IOS system of the icon has a set of standard, In the IOS device icon unified as "four corner", "high light treatment", As for the "icon shadow", The IOS device is uniform for all desktop elements increase, So not as a separate treatment of the style icon, As in the visual unity is the most important shape of unity, So the "corner" is a must, But for the "light" apple did not make special emphasis, So Apple settings to "light" as an option, Have apple-touch-icon and apple-touch-icon-precomposed attributes.

Conclusion:

We remember the whole feeling, say the most useful is the last two sentences. Ha-ha.

Posted by Sam at December 20, 2013 - 8:46 PM