Конфигурация
Чтобы настроить компонент изображения и настроить его поведение, используйте файл конфигурации ebs.config.json
screens
Type
type: Object
Список предопределенных размеров экрана.
Эти размеры будут использоваться для формирования массива медиазапросов для отрисовки сгенерированных изображений.
{
"screens": {
"xs": 320,
"sm": 640,
"md": 768,
"lg": 1024,
"xl": 1280,
"xxl": 1536
},
}
INFO
Вышеуказанные значения являются стандартными
format
TIP
type: String | Array
Вы можете указать форматы сразу для всех генераций
{
"format": "avif"
}
Или можете указать сразу два формата
{
"format": ["webp", "avif"]
}
INFO
Значение по умолчанию: webp
quality
TIP
type: Number
Вы можете определить качетсво для всех изображений, указав это в файле конфигурации: Допустимый диапозон 0
- 100
{
"quality": 60
}
INFO
Значение по умолчанию: 80
prefix
TIP
type: String
Префикс используется при генерации изображений, а также при удалении картинок
{
"prefix": "_ebs_"
}
INFO
Значение по молчанию: _ebs_
pageFolder
TIP
type: String | Array
Для того, чтобы указать скрипту, в каких папках необходимо проводить поиск, вы можете указать в файле конфигурации:
{
"pageFolder": "resources/views"
}
Либо, если вы используете другую файловую структуру, к примеру Apiato
, вы можете указать массив папок:
{
"pageFolder": ["resources/views", "app"]
}
INFO
Значение по умолчанию: resources/views
sourceFolder
TIP
type: String
Поскольку Laravel
использует для хранения всех медиа-файлов папку public
- это значение является стандартным, но вы можете изменить ее
{
"sourceFolder": "public"
}
INFO
Значение по умолчанию: public
exception
TIP
type: String | Array
Если вдруг, вы указали в качестве resourceFolder
корень вашего проекта, и вам необходимо сделать исключение, к примеру node_modules
, вы можете передать название папки
{
"exception": "node_modules"
}
Либо несколько, в формате массива
{
"exception": ["node_modules", "config"]
}
INFO
Значение по умолчанию: node_modules
checkWarning
TIP
type: Boolean
Если вы новичек, и иногда забываете указывать некоторые аттрибуты у изображений, что является не лучшей практикой, вы можете включить проверку:
{
"checkWarning": false
}
INFO
Значение по умолчанию: false
checkProgress
TIP
type: Boolean
Если проект у вас достаточно большой, и вы опасаетесь что скрипт может зависнуть, вы можете включить вывод прогресса:
{
"checkProgress": false
}
INFO
Значение по умолчанию: false