evoWeb/ew_bloggy
1
0
Fork 0
Code Pull Requests Actions Releases Activity

[TASK] Add fileExtension to image rendering

Browse Source
This commit is contained in:
Sebastian Fischer 2025-01-21 21:00:18 +01:00
parent 1c5fd77759
commit 3dea1601d2
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Resources/Private/Templates/Post/ListLatestPosts.html
View File

@ -5,8 +5,8 @@
<f:section name="Content"> <f:section name="Content">
<f:if condition="{posts.0} && {posts.0.featuredImage}"> <f:if condition="{posts.0} && {posts.0.featuredImage}">
<f:asset.css identifier="blog_latest_featured_image"> <f:asset.css identifier="blog_latest_featured_image">
@media (max-width:1023px){ .bg-featured-image { --featured-image-url: url(<f:uri.image image="{posts.0.featuredImage}" cropVariant="latest" maxWidth="908" maxHeight="c320"/>); } } @media (max-width:1023px){ .bg-featured-image { --featured-image-url: url(<f:uri.image image="{posts.0.featuredImage}" cropVariant="latest" maxWidth="908" maxHeight="c320" fileExtension="webp"/>); } }
@media (min-width:1024px){ .bg-featured-image { --featured-image-url: url(<f:uri.image image="{posts.0.featuredImage}" cropVariant="latest" maxWidth="910" maxHeight="1080"/>); } } @media (min-width:1024px){ .bg-featured-image { --featured-image-url: url(<f:uri.image image="{posts.0.featuredImage}" cropVariant="latest" maxWidth="910" maxHeight="1080" fileExtension="webp"/>); } }
</f:asset.css> </f:asset.css>
</f:if> </f:if>

2
Resources/Private/Templates/Post/ListRecentPosts.html
View File

@ -22,7 +22,7 @@
<f:if condition="{post.featuredImage}"> <f:if condition="{post.featuredImage}">
<f:then> <f:then>
<f:link.page pageUid="{post.uid}" title="{post.title}" class="row-span-full"> <f:link.page pageUid="{post.uid}" title="{post.title}" class="row-span-full">
<img src="{f:uri.image(image: post.featuredImage, width: 140, height: 140, cropVariant: 'list')}" <img src="{f:uri.image(image: post.featuredImage, width: 140, height: 140, cropVariant: 'list', fileExtension: 'webp')}"
alt="{post.featuredImage.alternative}" alt="{post.featuredImage.alternative}"
class="w-36 h-36"/> class="w-36 h-36"/>
</f:link.page> </f:link.page>