pyaehein/laravellqip

LQIP Image handling for laravel.

PyaeHein / Laravel LQIP

![Software License][ico-license] , _(*1)

Laravel LQIP package, which includes: - low quality image auto creating ; - replace src with lazysize, _(*2)

Install on Laravel 5.4

1) Run in your terminal:, _(*3)

``` bash $ composer require pyaehein/laravellqip, <sub>(*4)</sub>

2) Add the service providers in config/app.php:
``` php
PyaeHein\LQIP\LQIPServiceProvider::class,

3) Then run a few commands in the terminal: ``` bash $ php artisan vendor:publish, <sub>(*5)</sub>

4) Add the script in your blade's head
```html
<script src="{{ asset('vendor/lqip/lazysizes/lazysizes.min.js')}}" async=""></script>

```html , <sub>(*6)</sub>

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

, <sub>(*7)</sub>

5) Apply your image like this
```html
<img {!! lqip('helloworld.jpg') !!} class="lazyload blur-up" >

6) Add storage disk at filesystems.php, <sub>(*8)</sub>

'lqip' => [
            'driver' => 'local',
            'root' => public_path('uploads/images')
        ],

7) Change your lqip config at config/lqip.php, <sub>(*9)</sub>

return [

    'path' => 'uploads/images',

    'disk' => 'lqip',

    'prefix' => '_lqip',

    'format' => 'jpg',

    'blur' => '99', // 0 to 100

    'quality' => '1' // 0 to 100

];

Remember

Config file's 'path' is used for Image Library Intervention to auto create lqip image. Because, it doesn't support laravel's filesystem. So, your lqip image can be create only in your public folder :(, <sub>(*10)</sub>

Note

I just make it for my project requirement. So, it can't be match like what u want., <sub>(*11)</sub>

Credits

• Pyae Hein
• All Contributors

License

Laravel LQIP is free for non-commercial use., <sub>(*12)</sub>