Comments (3)
Hi @tizzle
It should already be the case, that SVG elements don't get base64 encoded when used as a sprite.
I just tried your image (just decoded the base64 string) and also other smaller SVG elements in an empty project with the default config and I didn't get this error.
Do you overwrite a default config or maybe have other plugins or loaders which could handle SVG images?
If you don't have something confidential in your next.config.js, it would maybe help if you can post it here. Thank you!
from next-optimized-images.
Hey @cyrilwanner,
after some investigation i found i was a bit trigger-happy with this bug report. It turns out that i updated next-optimized-images
and next-fonts
as well. As it turned out next-fonts
added the possibility to use SVG fonts now, which breaks next-optimized-images
. I will file an issue over at next-fonts
.
Feel free to close.
Thanks for your fast reply and the great plugin!
Edit: Issue at next-fonts
: rohanray/next-fonts#6
from next-optimized-images.
That's good to know, thank you for creating the issue in next-fonts
! It looks like they already added an option to disable SVG fonts.
I'll close this issue for now, but feel free to open a new one when you are experiencing another problem.
from next-optimized-images.
Related Issues (20)
- Create an example in Next.js /examples folder
- Image is not getting compressed in my NEXT app HOT 2
- imagemin-svgo version 10.0.0 compatibility
- Bump sharp to v0.29.0 HOT 2
- Error: Input buffer contains unsupported image format HOT 1
- Error: Objects are not valid as a React child HOT 1
- require() of ES Module (.\node_modules\imagemin-svgo\index.js) from (.\node_modules\next-optimized-images\lib\loaders\img-loader.js) not supported. HOT 3
- Next 12 - got next dev, next build and next export to work - update documentation HOT 1
- images that copied into the static folder(/_next/static/media/*) are damaged HOT 9
- Problem when using next.js github pages template + next-optimized-images
- Dynamic urls not supported
- Support for imagemin-mozjpeg v10 HOT 2
- .svg?sprite are included in client side bundle
- Images within client-side-only loaded components arenβt optimized HOT 1
- TypeError: unsupported file type: undefined (file: undefined) HOT 5
- Warning from nextjs when optimizeImages and inlineImageLimit are used HOT 2
- Compatible with Next 13? HOT 2
- kgroundimage using in reactjs
- image optimization issue
- add support for svg components
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from next-optimized-images.