Fox favicon

Плагин Webpack для создания фавиконов

GitHub

NPM:

npm i fox-favicon

Подключение:

const FoxFavicon = require('fox-favicon');

Применение:

new FoxFavicon({
src: 'src/assets/images/icon/favicon.png',
path: 'assets/favicons/',
urlIcon: 'assets/favicons/',
devMode: env.isDev,
appName: 'Frontend для прагматиков',
appShortName: 'Frontend для прагматиков',
appDescription: 'Узнайте, как использовать Range Slider Fox',
developerName: 'coder1',
developerURL: 'https://github.com/coder1x/',
icons: {
  android: [
    'android-chrome-36x36.png',
    'android-chrome-48x48.png',
    'android-chrome-144x144.png',
    'android-chrome-192x192.png',
    'android-chrome-256x256.png',
  ],
  appleIcon: [
    'apple-touch-icon-180x180.png',
    'apple-touch-icon-precomposed.png',
    'apple-touch-icon.png',
  ],
  appleStartup: [],
  coast: true, // Create Opera Coast icon.
  favicons: true, // Create regular favicons.
  firefox: [
    'firefox_app_60x60.png',
    'firefox_app_128x128.png',
  ],
  opengraph: true, // Create Facebook OpenGraph image.
  twitter: true, // Create Twitter Summary Card image.
  windows: true, // Create Windows tile icons.
  yandex: true, // Create Yandex browser icon.
},
})

---

Настройки:

Опции	Значения по умолчанию (возможные значения)	Тип	Описание
src	false	boolean	адрес к иконке, из которой будет сгенерирован набор
path	' '	string	Адрес, где генерировать иконки
urlIcon	' '	string	Адрес каталога иконок на хостинге
pathManifest	'/'	string	Адрес, по которому браузер будет искать файлы манифеста (корень по умолчанию)
devMode	false	boolean	Режим сборки
appName	'null'	string	Название вашего приложения
appShortName	'null'	string	Короткое имя вашего приложения. По желанию. Если не установлено, будет использоваться appName
appDescription	'null'	string	Описание вашего приложения
developerName	'null'	string	Ваше (или имя вашего разработчика) имя
developerURL	'null'	string	Ваш URL (или URL вашего разработчика)
dir	'auto'	string	Основное направление текста для имени, короткого_имени и описания
lang	'en-US'	string	Основной язык для имени и short_name
background	'#fff'	string	Цвет фона для значков
theme_color	'#fff'	string	Пользовательский цвет темы, например, в переключателе задач Android
appleStatusBarStyle	'black-translucent' ("black-translucent", "default", "black")	string	Стиль для строки состояния Apple
display	'standalone' ("fullscreen", "standalone", "minimal-ui" , "browser")	string	Предпочтительный режим отображения
orientation	'any' ("any", "natural", "portrait" or "landscape")	string	Ориентация по умолчанию
start_url	'/?homescreen=1'	string	Стартовый URL при запуске приложения с устройства
version	'1.0'	string	Версия вашего приложения
logging	false	boolean	Выводить логи в консоль
pixel_art	false	boolean	Сохраняет резкость пикселей при масштабировании, для пиксельной графики. Поддерживается только в автономном режиме
loadManifestWithCredentials	false	boolean	Браузеры не отправляют файлы cookie при получении манифеста, включите, чтобы исправить это
icons	Object	object	типы икон

---

Свойство icons:

Опции	Значения по умолчанию (возможные значения)	Тип	Описание
android	true	boolean, object, array	Создайте значок рабочего стола Android. boolean или { offset, background, mask, overlayGlow, overlayShadow } или массив
appleIcon	true	boolean, object, array	Создавайте сенсорные значки Apple.
appleStartup	true	boolean, object, array	Создавайте загрузочные образы Apple.
coast	true	boolean, object, array	Создайте иконку Opera Coast.
favicons	true	boolean, object, array	Создавайте обычные фавиконы.
firefox	true	boolean, object, array	Создавайте фавиконы Firefox.
windows	true	boolean, object, array	Создавайте фавиконы плитки для Windows.
yandex	true	boolean, object, array	Создавайте фавиконы для яндекс браузера.