Обробка зображень у Laravel за допомогою Glide

Glide для Laravel — це пакет для маніпуляції зображеннями на льоту, який використовує League/Glide. Він пропонує компоненти Blade для створення адаптивних зображень з автоматичною генерацією srcset, підписуванням URL для безпеки та безперешкодною інтеграцією з файловою системою Laravel і її кешем.

Ви можете програмно генерувати URL-адреси зображень, які знаходяться у папці resources/assets (можна налаштувати) за допомогою наданого Facade:

use Daikazu\LaravelGlider\Facades\Glide;

// Формат за замовчуванням (webp)
Glide::getUrl('featured-image-unbranded.png', ['w' => 1100]);
// http://glider-demo.test/img/<hash>.webp

// Формат jpg
Glide::getUrl('featured-image-unbranded.png', ['w' => 1100, 'fm' => 'jpg']);

З Glider ви можете швидко обробляти свої зображення, додавати водяні знаки, створювати кілька адаптивних зображень для різних екранів та багато іншого:

{{-- Оригінальне зображення --}}
<x-glide-img src="featured-image-unbranded.png"
    glide-w="800"
    class="mb-4"
/>

{{-- Зображення з водяним знаком --}}
<x-glide-img src="featured-image-unbranded.png"
    glide-mark="laravel-news-logo.png"
    glide-markw="75"
    glide-markh="75"
    glide-markpad="15"
    glide-markalpha="60"
    glide-w="800"
    class="mb-4"
/>

Вказуючи зображення для водяного знака та налаштовуючи його, ви можете легко отримати чистий водяний знак, не змінюючи оригінальні зображення.

Unbranded image generated by Glide — Безбрендове зображення, згенероване за допомогою Glide

Приклад із Blade містить параметри, які не зафіксовані у документації до пакету Glide для Laravel; проте ознайомлення з документацією Glide допоможе вам зрозуміти, як користуватися сервісом та компонентом Blade.

Наприклад, якщо параметр для водяного знака — markh, то параметр для компонента Blade буде glide-markh. Зверніться до Швидкої довідки для швидкого перегляду доступних опцій.

# Функції Mail

Обробка зображень на льоту: Динамічна трансформація зображень з використанням параметрів URL
Адаптивні зображення: Автоматична генерація srcset для оптимального завантаження
Підтримка віддалених зображень: Обробка та кешування зображень з зовнішніх URL
Безпека: Підписані URL запобігають несанкціонованій маніпуляції зображеннями
Продуктивність: Вбудоване кешування з використанням системи кешування Laravel
Гнучкі джерела: Підтримка локальної файлової системи та віддалених HTTP-джерел
Компоненти Blade: Чисті, багаторазові компоненти для ваших шаблонів
Налаштування: Попередньо визначені конфігурації обробки зображень
Команди Artisan: Очищення кешу та конвертація існуючих тегів зображень

💻 Розпочніть використання Glider для Laravel на GitHub: daikazu/laravel-glider

📕 Документація Glide є корисною для всіх доступних опцій: Документація Glide та Швидка довідка