How to use fallback format on Picture tags | Astro Lounge | Page 1

spring pecan Oct 12, 2023, 8:03 PM

#

Hmm, seems like there's a bug

#

I'm sorry, I'll take a look tomorrow once I'm back to work

wispy prairie Oct 14, 2023, 7:21 PM

#

Is there an issue opened to follow up on this? I had a quick look but didn't find any

spring pecan Oct 14, 2023, 7:35 PM

#

There's no issues yet, I was planning to tackle it on Monday morning though

supple ice Oct 15, 2023, 3:26 PM

#

in addition to the wrong type, the generated img tag also has a fallbackformat attribute that doesn't seem to be a valid attribute (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img>)

spring pecan Oct 16, 2023, 3:44 PM

#

Just merged a PR that fixes this, sorry for the inconvenience.

wispy prairie Oct 17, 2023, 2:11 AM

#

Yay! Thank you. It generates images according to the fallbackFormat.

#

Something is strange though. It still outputs the original PNG file during the build, while it is not referenced anywhere in the srcset attributes

#

My input is a PNG file

spring pecan Oct 17, 2023, 7:31 AM

#

Input files are always bundled at the moment in the final folder

#

It's a bit of a design constraint on how Vite bundles images, I'm still thinking of a solution

wispy prairie Oct 17, 2023, 11:49 AM

#

For now, I can just delete them automatically after a build

#

Let me know if there's an issue where I can follow progress on this

spring pecan Oct 17, 2023, 11:52 AM

#

Here: https://github.com/withastro/astro/issues/8143

GitHub

Exclude origin image from Astro cache dir · Issue #8143 · withastro...

What version of astro are you using? 2.10.9 Are you using an SSR adapter? If so, which one? None What package manager are you using? npm What operating system are you using? Mac What browser are yo...

#How to use fallback format on Picture tags