larsvg/lvgimages

0.1.0 2020-08-31 12:45 UTC

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>