bangnokia / cdn-image
Using cdn for images on the website
Requires
- php: ^7.4|^8.0|^8.1
- illuminate/contracts: ^7.4|^8.0|^9.0
- spatie/laravel-package-tools: ^1.4.3
Requires (Dev)
- brianium/paratest: ^6.2
- nunomaduro/collision: ^5.3
- orchestra/testbench: ^5.15|^6.15
- phpunit/phpunit: ^9.3
- vimeo/psalm: ^4.4
README
If your website is running and has lots of images which make it slow, you should start to use a CDN for better speed beside with some convenient operations to manipulate image like resize, filter, convert to webp, etc...
By default, this package supports statically (a free CDN service out of the box) using via /img
endpoint.
Installation
You can install the package via composer:
composer require bangnokia/cdn-image
You can publish the config file with:
php artisan vendor:publish --provider="BangNokia\CdnImage\CdnImageServiceProvider" --tag="cdn-image-config"
Sample config file
<?php return [ 'default' => 'statically', 'services' => [ 'statically' => [ 'domain' => 'cdn.statically.io' ], 'cloud_image' => [ 'domain' => 'cloudimg.io', 'token' => env('CLOUD_IMAGE_TOKEN'), 'version' => env('CLOUD_IMAGE_VERSION', 'v7') ] ] ];
Now you should value for the provider you are using in config/cdn_image.php
config file.
CDN Providers supported
Usage
The blade x-img
component supports 3 most used props (at least I thought that):
src
width
height
and
query
for other operations which depends on each provider
Example
<x-img src="http://foo.bar/demo.jpg" width="200" height="100" :query="['q' => 90']" />
will be rendered to
<img src="htts://statically.io/img/foo.bar/demo.jpg?w=200&h=100&q=90" >
Testing
composer test
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
License
The MIT License (MIT). Please see License File for more information.