README

显示带有srcset和lazy-load参数的<picture>块。
将图片格式转换为webp并在服务器上调整大小。

如何使用

在.env文件中将APP_KEY_128变量添加为一些长密钥。

需要懒加载js插件。https://github.com/verlok/vanilla-lazyload 运行良好。将其设置为使用.lazy类。

在您的blade模板中

{!! \Dzorogh\OptimizedImage\Picture::generate('/image/path/inside/storage/app/public/folder.jpg', [
    'width' => 1200,
    'height' => 600,
    'type' => 'jpg',
    'img_classes' => 'img-fluid rounded',
    'picture_classes' => 'my-5',
    'name' => "Fake File Name"])
!!}

picture方法返回HTML。它包含带有2个来源的<picture>标签：一个用于png/jpg类型的图片，另一个用于webp。还有一个默认的标签，带有宽度和高度。

您必须将图片存储在/storage/app/public文件夹中。此包还会为缓存的调整大小版本创建/storage/app/cache

dzorogh / optimizedimage

维护者

详细信息

README

如何使用