village-hall
/
opnform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Last attempt at nuxt images efficiency

This commit is contained in:
Julien Nahum 2024-01-10 14:20:51 +01:00
parent 5647fba946
commit 32c09635ac
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/nuxt.config.ts
View File

@ -58,7 +58,7 @@ export default defineNuxtConfig({
} }
}, },
image: { image: {
quality: 90, quality: 95,
}, },
sitemap, sitemap,
runtimeConfig runtimeConfig

5
client/pages/index.vue
View File

@ -3,7 +3,7 @@
<section class="bg-gradient-to-b relative from-white to-gray-100 py-8 sm:py-16 "> <section class="bg-gradient-to-b relative from-white to-gray-100 py-8 sm:py-16 ">
<div class="absolute inset-0"> <div class="absolute inset-0">
<NuxtImg class="w-full h-full object-cover object-top" <NuxtImg class="w-full h-full object-cover object-top"
src="/img/pages/ai_form_builder/background-pattern.svg" alt="" src="/img/pages/ai_form_builder/background-pattern.svg" alt="Page abstract background"
/> />
</div> </div>
@ -88,7 +88,8 @@
<div <div
class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4" class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4"
> >
<NuxtImg src="/img/pages/welcome/product-cover.jpg" <NuxtImg src="/img/pages/welcome/product-cover.jpg" placeholder
sizes="320px sm:650px lg:900px"
alt="Product screenshot" loading="lazy" class="rounded-md shadow-2xl ring-1 ring-gray-900/10" alt="Product screenshot" loading="lazy" class="rounded-md shadow-2xl ring-1 ring-gray-900/10"
/> />
</div> </div>