Disable image optimization and allow SVGs
Unanswered
Bell's Vireo posted this in #help-forum
Bell's VireoOP
Hello, for some reason
unoptimized: true and dangerouslyAllowSVG: true don't work together - images should be optimized to allow svgs. O_o can i simply disable optimization?14 Replies
American Chinchilla
Svgs cant be optimized
Because their vectors
The only benefit from next image with svgs is the lazy loading
Bell's VireoOP
@American Chinchilla I just don't know the mime type in advance - i want image optimization off - it eats my RAM
American Chinchilla
But it shouldnt be consuming a lot of memory
Starting the dev server alone is already consuming some memory
Compared to next image
Bell's VireoOP
@American Chinchilla
https://nextjs.org/docs/app/api-reference/components/image#src
SVGs should work with unoptimized enabled, right?
https://nextjs.org/docs/app/api-reference/components/image#src
When src is SVG format, it will be blocked unless unoptimized or dangerouslyAllowSVG is enabledSVGs should work with unoptimized enabled, right?
American Chinchilla
You can choose either or , im not sure about both
I never used either and it worked fine for me
But take with a grain of salt ^
Bell's VireoOP
yeah it does not work
@Bell's Vireo Hello, for some reason `unoptimized: true` and `dangerouslyAllowSVG: true` don't work together - images should be optimized to allow svgs. O_o can i simply disable optimization?
Im not sure SVG can be optimized. In this case, i think its justified to use <img> to render svgs.
if you dont know the mime type in advance then you can use client side code to determine them at runtime