hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Convert all jpg pictures to webp

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2022-08-12 16:40:04 +02:00
parent 57c3df43ff
commit 9d00aff619
106 changed files with 15 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/src/views/CategoriesView.vue
View File

@@ -56,17 +56,17 @@
>
<picture class="brightness-50">
<source
:srcset="`/img/categories/${key.toLowerCase()}.jpg 2x, /img/categories/${key.toLowerCase()}.jpg`"
:srcset="`/img/categories/${key.toLowerCase()}.webp 2x, /img/categories/${key.toLowerCase()}.webp`"
media="(min-width: 1000px)"
/>
<source
:srcset="`/img/categories/${key.toLowerCase()}.jpg 2x, /img/categories/${key.toLowerCase()}-small.jpg`"
:srcset="`/img/categories/${key.toLowerCase()}.webp 2x, /img/categories/${key.toLowerCase()}-small.webp`"
media="(min-width: 300px)"
/>
<img
class="w-full h-12 w-12 object-cover"
:src="`/img/categories/${key.toLowerCase()}.jpg`"
:srcset="`/img/categories/${key.toLowerCase()}-small.jpg `"
:src="`/img/categories/${key.toLowerCase()}.webp`"
:srcset="`/img/categories/${key.toLowerCase()}-small.webp `"
alt=""
/>
</picture>