larsvg / lvgimages
0.1.0
2020-08-31 12:45 UTC
Requires
- php: ^7.4
- spatie/laravel-glide: ^3.5
This package is auto-updated.
Last update: 2024-09-14 19:09:37 UTC
README
轻松将图像转换为Laravel应用程序中的特定格式和大小。
此包基于Illuminate\Http\UploadedFile实例将图像上传到您的公共文件夹。图像可以缩放并转换为WebP格式。
以下是一个使用此包的示例
new WebPProcessor($image, 512, 256); new WebPProcessor($image, 768, 384); new WebPProcessor($image, 1024, 512); new WebPProcessor($image, 1536, 1024); new FallbackImageProcessor($image, 1536, 1024);
安装
您可以通过Composer安装此包。
composer require larsvg/lvgimages
发布配置到您的项目
php artisan vendor:publish --tag=lvgimages
图像保存到public/image目录。第四个参数可以可选地用于在文件夹中组织图像。
结果,您将获得结构良好的响应式图像,例如,HTML中的picture标签。
<picture> <source srcset="{{ url('images/512x256.webp') }}" sizes="(max-width: 512px)" type="image/webp"> <source srcset="{{ url('images/768x512.webp') }}" sizes="(min-width: 512px) and (max-width: 768px)" type="image/webp"> <source srcset="{{ url('images/1024x512.webp') }}" sizes="(min-width: 768px) and (max-width: 1024px)" type="image/webp"> <source srcset="{{ url('images/1536x1024.webp') }}" sizes="(min-width: 1024px)" type="image/webp"> <source srcset="{{ url('images/1536x1024.jpg') }}" type="image/jpeg"> <img src="{{ url('images/1536x1024.jpg') }}" alt="Responsive image"> </picture>