added favicon HOW TO guide
This commit is contained in:
38
client/public/favicon_SETUP.md
Normal file
38
client/public/favicon_SETUP.md
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
# Favicon SETUP
|
||||||
|
|
||||||
|
1. Go to [https://favicon.io](https://favicon.io)
|
||||||
|
2. Generate an icon pack
|
||||||
|
3. Drop all images in `/client/public/`
|
||||||
|
4. And configure these 2 files:
|
||||||
|
|
||||||
|
### manifest.json:
|
||||||
|
|
||||||
|
```
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "favicon.ico",
|
||||||
|
"sizes": "64x64 32x32 24x24 16x16",
|
||||||
|
"type": "image/x-icon"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src":"android-chrome-192x192.png",
|
||||||
|
"sizes":"192x192",
|
||||||
|
"type":"image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src":"android-chrome-512x512.png",
|
||||||
|
"sizes":"512x512",
|
||||||
|
"type":"image/png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
```
|
||||||
|
|
||||||
|
### index.html:
|
||||||
|
|
||||||
|
```
|
||||||
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||||
|
<link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png" />
|
||||||
|
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon.png" />
|
||||||
|
```
|
||||||
Reference in New Issue
Block a user