diff --git a/packages/vite/client.d.ts b/packages/vite/client.d.ts
index b55e4eba33d41c..b73389ec373f1f 100644
--- a/packages/vite/client.d.ts
+++ b/packages/vite/client.d.ts
@@ -98,6 +98,10 @@ declare module '*.sss' {
 // see `src/node/constants.ts`
 
 // images
+declare module '*.apng' {
+  const src: string
+  export default src
+}
 declare module '*.png' {
   const src: string
   export default src
diff --git a/packages/vite/src/node/constants.ts b/packages/vite/src/node/constants.ts
index 0f378bbdfb9f9f..414d1b6430918f 100644
--- a/packages/vite/src/node/constants.ts
+++ b/packages/vite/src/node/constants.ts
@@ -96,6 +96,7 @@ export const CLIENT_DIR = path.dirname(CLIENT_ENTRY)
 //   looked up by mrmime.
 export const KNOWN_ASSET_TYPES = [
   // images
+  'apng',
   'png',
   'jpe?g',
   'jfif',