diff --git a/src/runtime/components/NuxtPicture.vue b/src/runtime/components/NuxtPicture.vue
index e786af260..04653486b 100644
--- a/src/runtime/components/NuxtPicture.vue
+++ b/src/runtime/components/NuxtPicture.vue
@@ -32,13 +32,14 @@ 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 { ConfiguredImageProviders, ProviderDefaults } from '@nuxt/image'
 
 import { useHead, useNuxtApp, useRequestEvent } from '#imports'
 
 export interface PictureProps<Provider extends keyof ConfiguredImageProviders> extends BaseImageProps<Provider> {
   legacyFormat?: string
-  imgAttrs?: ImgHTMLAttributes
+  imgAttrs?: ImgHTMLAttributes & DataAttributes
 }
 
 defineOptions({ inheritAttrs: false })
diff --git a/src/types/image.ts b/src/types/image.ts
index 0ff89fb67..ae0f06ffc 100644
--- a/src/types/image.ts
+++ b/src/types/image.ts
@@ -119,3 +119,5 @@ export interface ImageSizesVariant {
   _cWidth: number
   _cHeight?: number | undefined
 }
+
+export type DataAttributes = Record<`data-${string}`, string>