Can I use a custom image loader for certain images but defer to the default otherwise? | Next.js | Page 1

trail fogBOT Nov 13, 2023, 10:15 PM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

midnight dirge Nov 13, 2023, 10:33 PM

#

yes
https://nextjs.org/docs/app/api-reference/components/image#loader

Components: | Next.js

Optimize Images in your Next.js Application using the built-in next/image Component.

fleet ingot Nov 13, 2023, 10:43 PM

#

Thank you. However, I am more specifically asking if I can supply this logic in the custom loader rather than supply it specifically on each use. The functionality you are pointing to is what I'll do if it isn't possible in the custom loader config.

wheat blade Nov 13, 2023, 10:44 PM

#

wrap next/image in your own custom component with some default loader behavior and then make it act in a different way via props

#

or make it match the src URL and decide on its own if it needs this or that

#Can I use a custom image loader for certain images but defer to the default otherwise?