diff --git a/.changeset/loud-brooms-kick.md b/.changeset/loud-brooms-kick.md new file mode 100644 index 000000000000..05c1932ce2a6 --- /dev/null +++ b/.changeset/loud-brooms-kick.md @@ -0,0 +1,5 @@ +--- +'@astrojs/netlify': patch +--- + +Fixes an issue with SVGs not rendering with image-cdn enabled, due to invalid source path parsing. diff --git a/packages/integrations/netlify/src/image-service.ts b/packages/integrations/netlify/src/image-service.ts index 0e03aeb35a7b..c030d9571ca5 100644 --- a/packages/integrations/netlify/src/image-service.ts +++ b/packages/integrations/netlify/src/image-service.ts @@ -12,6 +12,12 @@ function removeLeadingForwardSlash(path: string) { const service: ExternalImageService = { getURL(options) { + // For SVG files, return the original source path + if (isESMImportedImage(options.src) && options.src.format === 'svg') { + return options.src.src; + } + + // For non-SVG files, continue with the Netlify's image processing const query = new URLSearchParams(); const fileSrc = isESMImportedImage(options.src)