diff --git a/src/runtime/components/NuxtPicture.vue b/src/runtime/components/NuxtPicture.vue
index 04653486b..6d2bcc610 100644
--- a/src/runtime/components/NuxtPicture.vue
+++ b/src/runtime/components/NuxtPicture.vue
@@ -32,7 +32,7 @@ import { markFeatureUsage } from '../utils/performance'
 import { useImage } from '../composables'
 import { useImageProps } from '../utils/props'
 import type { BaseImageProps } from '../utils/props'
-import type { DataAttributes } from '../../types/image'
+import type { DataAttributes } from '../types'
 import type { ConfiguredImageProviders, ProviderDefaults } from '@nuxt/image'
 
 import { useHead, useNuxtApp, useRequestEvent } from '#imports'
diff --git a/src/runtime/index.ts b/src/runtime/index.ts
index 96831a51f..c69e3f522 100644
--- a/src/runtime/index.ts
+++ b/src/runtime/index.ts
@@ -1,5 +1,7 @@
 export { createImage } from './image'
 export { defineProvider } from './utils/provider'
 export { createMapper, createOperationsGenerator } from './utils/index'
+export type { PictureProps } from './components/NuxtPicture.vue'
+export type { ImageProps } from './components/NuxtImg.vue'
 
 export type { Mapper } from './utils/index'
diff --git a/src/runtime/types.ts b/src/runtime/types.ts
new file mode 100644
index 000000000..de47bbeae
--- /dev/null
+++ b/src/runtime/types.ts
@@ -0,0 +1 @@
+export type DataAttributes = Record<`data-${string}`, string>
diff --git a/src/types/image.ts b/src/types/image.ts
index ae0f06ffc..0ff89fb67 100644
--- a/src/types/image.ts
+++ b/src/types/image.ts
@@ -119,5 +119,3 @@ export interface ImageSizesVariant {
   _cWidth: number
   _cHeight?: number | undefined
 }
-
-export type DataAttributes = Record<`data-${string}`, string>