optimize image

This commit is contained in:
isUnknown 2024-09-19 14:47:46 +02:00
parent 53a2ed8b0f
commit fc51258d40
3 changed files with 13 additions and 12 deletions

View file

@ -13,14 +13,15 @@ return [
'format' => 'webp'
],
'srcsets' => [
'default' => [
['width' => 200, 'format' => 'webp'],
['width' => 400, 'format' => 'webp'],
['width' => 600, 'format' => 'webp'],
['width' => 800, 'format' => 'webp'],
['width' => 1024, 'format' => 'webp'],
['width' => 1440, 'format' => 'webp'],
['width' => 2048, 'format' => 'webp']
'default' => [200, 400, 600, 800, 1024, 1440, 2048],
'webp' => [
'200w' => ['width' => 200 * 1.5, 'format' => 'webp'],
'400w' => ['width' => 400 * 1.5, 'format' => 'webp'],
'600w' => ['width' => 600 * 1.5, 'format' => 'webp'],
'800w' => ['width' => 800 * 1.5, 'format' => 'webp'],
'1024w' => ['width' => 1024 * 1.5, 'format' => 'webp'],
'1440w' => ['width' => 1440 * 1.5, 'format' => 'webp'],
'2048w' => ['width' => 2048 * 1.5, 'format' => 'webp']
],
],
],

View file

@ -3,14 +3,14 @@
<div class="image-wrapper">
<?php if ($event->gallery()->toFiles()->count() > 1): ?>
<?php snippet('picture', [
'file' => $event->gallery()->toFiles()->first()->thumb(),
'file' => $event->gallery()->toFiles()->first(),
'class' => 'image-cover',
'size' => (100 / (12 / $span) - 10)
]) ?>
<?php endif ?>
<?php
$file = $event->gallery()->toFiles()->count() > 1 ? $event->gallery()->toFiles()->nth(1) : $event->gallery()->toFiles()->first();
snippet('picture', ["file" => $file->thumb(), 'size' => (100 / (12 / $span) - 10), 'alt' => null]);
snippet('picture', ["file" => $file, 'size' => (100 / (12 / $span) - 10), 'alt' => null]);
?>
</div>
<div class="event-card__infos">

View file

@ -9,10 +9,10 @@
<div class="hero__image" style="--color: var(--color-season)">
<?php if ($site->heroLinkUrl()->isNotEmpty() == 'true'): ?>
<a href="<?= $site->heroLinkUrl()->toUrl() ?>" title="en savoir plus">
<?php snippet('picture', ['file' => $site->heroImage()->toFile()->thumb(), 'lazy' => false, 'size' => 50]) ?>
<?php snippet('picture', ['file' => $site->heroImage()->toFile(), 'lazy' => false, 'size' => 60]) ?>
</a>
<?php else: ?>
<?php snippet('picture', ['file' => $site->heroImage()->toFile()->thumb(), 'lazy' => false, 'size' => 50]) ?>
<?php snippet('picture', ['file' => $site->heroImage()->toFile(), 'lazy' => false, 'size' => 60]) ?>
<?php endif ?>
</div>
</section>