django-favicon-plus 0.0.8

# django-favicon-plus

[](https://pypi.python.org/pypi/django-favicon-plus)

Django favicon plus是一个简单的django应用，允许您上传图像，并渲染多种html链接标签来显示favicon。这些不同的标签用于移动设备上的书签链接，或者在您在浏览器中收藏网站时出现。

## 如何使用
使用PIP安装django-favicon。
```shell
pip安装django-favicon-plus

pip install git+https://github.com/arteria/django-favicon-plus.git
```

将应用添加到`settings.py`文件中的`INSTALLED_APPS`列表中，确保已安装`sites`应用，并在管理后端指定了一个URL

```python
INSTALLED_APPS = (
...
'django.contrib.sites',
...
'favicon',
...
)
```
默认的`FAVICON_CONFIG`看起来像这样，如果您想使用其他配置，可以在`settings.py`中定义。字典的键是链接标签的`rel`属性的值，而值是`size`属性的尺寸和图像缩放列表。
```python
FAVICON_CONFIG = {
'shortcut icon': [16, 32, 48, 128, 192],
'touch-icon': [196],
'icon': [196],
'apple-touch-icon': [57, 72, 114, 144, 180],
'apple-touch-icon-precomposed': [57, 72, 76, 114, 120, 144, 152, 180],
}
```
在管理后端上传图像 --> 将创建所有尺寸，最好上传一个较大的基本favicon

在您的base.html中使用模板标签
```html+django
{% load favtags %}

{% placeFavicon %}
```
这将创建
```html
<link rel="apple-touch-icon-precomposed" size="180x180" href="/media/favicon/fav-180.png"/>
<link rel="apple-touch-icon-precomposed" size="152x152" href="/media/favicon/fav-152.png"/>
<link rel="apple-touch-icon-precomposed" size="144x144" href="/media/favicon/fav-144.png"/>
<link rel="apple-touch-icon-precomposed" size="120x120" href="/media/favicon/fav-120.png"/>
<link rel="apple-touch-icon-precomposed" size="114x114" href="/media/favicon/fav-114.png"/>
<link rel="apple-touch-icon-precomposed" size="76x76" href="/media/favicon/fav-76.png"/>
<link rel="apple-touch-icon-precomposed" size="72x72" href="/media/favicon/fav-72.png"/>
<link rel="apple-touch-icon-precomposed" size="57x57" href="/media/favicon/fav-57.png"/>
<link rel="apple-touch-icon" size="180x180" href="/media/favicon/fav-180_5l5PyO1.png"/>
<link rel="apple-touch-icon" size="144x144" href="/media/favicon/fav-144_5A8THfC.png"/>
<link rel="apple-touch-icon" size="114x114" href="/media/favicon/fav-114_GqBGFXA.png"/>
<link rel="apple-touch-icon" size="72x72" href="/media/favicon/fav-72_UoWu9ik.png"/>
<link rel="apple-touch-icon" size="57x57" href="/media/favicon/fav-57_sfX3XoJ.png"/>
<link rel="touch-icon" size="192x192" href="/media/favicon/fav-192.png"/>
<link rel="shortcut icon" size="192x192" href="/media/favicon/fav-192_rD0bCKr.png"/>
<link rel="shortcut icon" size="128x128" href="/media/favicon/fav-128.png"/>
<link rel="shortcut icon" size="48x48" href="/media/favicon/fav-48.png"/>
<link rel="shortcut icon" size="32x32" href="/media/favicon/fav-32.png"/>
<link rel="shortcut icon" size="16x16" href="/media/favicon/fav-16.png"/>
<link rel="icon" size="192x192" href="/media/favicon/fav-192_Gw5Uu1M.png"/>
<link rel="shortcut icon" size="32x32" href="/media/favicon/fav-32.png"/>
```
## 管理

您可以上传多个图像，但只有一个被设置为favicon并使用。


## 贡献

如果您想做出贡献，请发送PR。


# 源

### 基于

[GitHub上的favicon速查表](https://github.com/audreyr/favicon-cheat-sheet)

### favicon
16x16 .ico或更好的.png
```html
<link rel="shortcut icon" href="/images/favicon.png" />
```
### apple-touch-icon(-precomposed)
57x57, 72x72, 114x114和144x144
ipad视网膜屏的最高分辨率为144x144.png预置（=iOS不会对图标添加任何效果）
```html
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon-57x57.png">

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/apple-touch-icon-57x57.png">
```
Android 1.5和1.6版本将读取第二个标签（带有"-precomposed"），而2.1及以上版本将读取第一个标签。

谷歌的规范表示您应该使用48x48像素的PNG，但您可以使用大图像（如谷歌自己的应用所用的128x128）。

https://mathiasbynens.be/notes/touch-icons



| django-favicon-plus是免费软件。如果您觉得它很有用并希望回馈，请考虑使用[比特币](https://blockchain.info/payment_request?address=1AJkbQdcNkrHzxi91mB1kkPxh4t4BJ4hu4)或[PayPal](https://www.paypal.me/arteriagmbh)进行捐赠。谢谢！|
| ----- |