This repository has been archived by the owner on Oct 22, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sizes.html
97 lines (91 loc) · 3.85 KB
/
sizes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html lang="en">
<head>
<title>Sizes | kaaaxcreators</title>
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="img/sizes/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/sizes/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/sizes/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="img/sizes/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/sizes/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="img/sizes/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/sizes/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="img/sizes/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="img/sizes/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="img/sizes/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="img/sizes/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="img/sizes/favicon-128.png" sizes="128x128" />
<style>
#wrapper {
text-align: center;
}
#left {
display: inline-block;
vertical-align: top;
}
#right {
display: inline-block;
vertical-align: top;
}
* {
color: white;
background: #282828;
}
</style>
</head>
<body>
<div id="wrapper">
<h1>Sizes</h1>
<div id="left">
<h2>Apple Icons</h2>
57x57
<img rel="apple-touch-icon-precomposed" sizes="57x57" src="img/sizes/apple-touch-icon-57x57.png" />
<br>
60x60
<img rel="apple-touch-icon-precomposed" sizes="60x60" src="img/sizes/apple-touch-icon-60x60.png" />
<br>
72x72
<img rel="apple-touch-icon-precomposed" sizes="72x72" src="img/sizes/apple-touch-icon-72x72.png" />
<br>
76x76
<img rel="apple-touch-icon-precomposed" sizes="76x76" src="img/sizes/apple-touch-icon-76x76.png" />
<br>
114x114
<img rel="apple-touch-icon-precomposed" sizes="114x114" src="img/sizes/apple-touch-icon-114x114.png" />
<br>
120x120
<img rel="apple-touch-icon-precomposed" sizes="120x120" src="img/sizes/apple-touch-icon-120x120.png" />
<br>
152x152
<img rel="apple-touch-icon-precomposed" sizes="152x152" src="img/sizes/apple-touch-icon-152x152.png" />
</div>
<div id="right">
<h2>Favicons</h2>
16x16
<img rel="icon" type="image/png" src="img/sizes/favicon-16x16.png" sizes="16x16" />
<br>
32x32
<img rel="icon" type="image/png" src="img/sizes/favicon-32x32.png" sizes="32x32" />
<br>
96x96
<img rel="icon" type="image/png" src="img/sizes/favicon-96x96.png" sizes="96x96" />
<br>
128x128
<img rel="icon" type="image/png" src="img/sizes/favicon-128.png" sizes="128x128" />
<br>
196x196
<img rel="icon" type="image/png" src="img/sizes/favicon-196x196.png" sizes="196x196" />
</div>
</div>
<h1>Types</h1>
Svg
<img rel="icon" type="image/svg+xml" src="img/sizes/favicon.svg" />
<br>
1000x1000 png
<img rel="icon" type="image/png" src="img/sizes/favicon-1000x1000.png" sizes="1000x1000" />
<br>
Icon
<img rel="icon" type="image/vnd.microsoft.icon" src="img/sizes/favicon.ico" />
<br>
1000x1000 webp
<img rel="icon" type="image/webp" src="img/sizes/favicon-1000x1000.webp" sizes="1000x1000" />
</body>
</html>