[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-image":7},{"v3":4,"v4":5,"v2":6},"3.21.5","4.4.5","2.18.1",{"name":8,"description":9,"repo":10,"npm":11,"icon":12,"github":13,"website":14,"learn_more":15,"category":16,"type":17,"maintainers":18,"compatibility":39,"mcp":43,"generatedAt":44,"contributors":45,"stats":138,"readme":147},"image","Add images with progressive processing, lazy-loading, resizing and providers support.","nuxt/image","@nuxt/image","nuxt.svg","https://github.com/nuxt/image","https://image.nuxt.com","","Images","official",[19,24,29,34],{"name":20,"github":21,"twitter":22,"bluesky":23},"Farnabaz","farnabaz","a_birang","farnabaz.dev",{"name":25,"github":26,"twitter":27,"bluesky":28},"Daniel Roe","danielroe","danielcroe","danielroe.dev",{"name":30,"github":31,"twitter":32,"bluesky":33},"Pooya Parsa","pi0","_pi0_","pi0.io",{"name":35,"github":36,"twitter":37,"bluesky":38},"Sébastien Chopin","Atinux","atinux","atinux.com",{"nuxt":40,"requires":41},">=3.1.0",{"bridge":42},"optional","https://image.nuxt.com/mcp","2026-05-16T05:41:39.949Z",[46,49,52,55,58,62,66,70,74,78,82,85,88,91,95,98,101,104,107,110,113,116,119,122,126,129,132,135],{"id":47,"username":26,"contributions":48},28706372,263,{"id":50,"username":31,"contributions":51},5158436,218,{"id":53,"username":21,"contributions":54},2047945,129,{"id":56,"username":37,"contributions":57},904724,47,{"id":59,"username":60,"contributions":61},48835293,"DamianGlowala",20,{"id":63,"username":64,"contributions":65},7290030,"larbish",9,{"id":67,"username":68,"contributions":69},2152968,"ThomOrlo",8,{"id":71,"username":72,"contributions":73},21211734,"shadow81627",6,{"id":75,"username":76,"contributions":77},47961062,"iiio2",5,{"id":79,"username":80,"contributions":81},13734256,"daletom",4,{"id":83,"username":84,"contributions":81},121096,"timbenniks",{"id":86,"username":87,"contributions":81},63512348,"huang-julien",{"id":89,"username":90,"contributions":81},1439623,"clemcode",{"id":92,"username":93,"contributions":94},41453547,"codeflorist",3,{"id":96,"username":97,"contributions":94},12596485,"reslear",{"id":99,"username":100,"contributions":94},11556276,"flozero",{"id":102,"username":103,"contributions":94},1385263,"Tahul",{"id":105,"username":106,"contributions":94},25330882,"lihbr",{"id":108,"username":109,"contributions":94},37120330,"Baroshem",{"id":111,"username":112,"contributions":94},382278,"aaharu",{"id":114,"username":115,"contributions":94},5326365,"harlan-zw",{"id":117,"username":118,"contributions":94},30938967,"dreitzner",{"id":120,"username":121,"contributions":94},3385679,"btkostner",{"id":123,"username":124,"contributions":125},76846765,"Afshar07",2,{"id":127,"username":128,"contributions":125},5963574,"nathanchase",{"id":130,"username":131,"contributions":125},6342102,"dosstx",{"id":133,"username":134,"contributions":125},44122984,"PawFV",{"id":136,"username":137,"contributions":125},5408097,"treboryx",{"version":139,"downloads":140,"stars":141,"watchers":142,"forks":143,"defaultBranch":144,"publishedAt":145,"createdAt":146},"2.0.0",1646334,1526,18,325,"main",1762339056139,1601640354767,{"data":148,"body":149,"toc":562},{"title":15,"description":15},{"type":150,"children":151},"root",[152,169,222,230,235,259,266,344,351,363,406,412,460,466,539,545,556],{"type":153,"tag":154,"props":155,"children":156},"element","p",{},[157],{"type":153,"tag":158,"props":159,"children":162},"a",{"href":14,"rel":160},[161],"nofollow",[163],{"type":153,"tag":164,"props":165,"children":168},"img",{"alt":166,"src":167},"nuxt-image-social-card","https://github-production-user-asset-6210df.s3.amazonaws.com/904724/261574805-5af726c5-0113-4676-9ee9-c464393caee0.png",[],{"type":153,"tag":154,"props":170,"children":171},{},[172,182,192,202,212],{"type":153,"tag":158,"props":173,"children":176},{"href":174,"rel":175},"https://npmjs.com/package/@nuxt/image/v/latest",[161],[177],{"type":153,"tag":164,"props":178,"children":181},{"alt":179,"src":180},"npm version","https://img.shields.io/npm/v/@nuxt/image/latest.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":153,"tag":158,"props":183,"children":186},{"href":184,"rel":185},"https://npm.chart.dev/@nuxt/image",[161],[187],{"type":153,"tag":164,"props":188,"children":191},{"alt":189,"src":190},"npm downloads","https://img.shields.io/npm/dm/@nuxt/image.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":153,"tag":158,"props":193,"children":196},{"href":194,"rel":195},"https://npmjs.com/package/@nuxt/image",[161],[197],{"type":153,"tag":164,"props":198,"children":201},{"alt":199,"src":200},"License","https://img.shields.io/npm/l/@nuxt/image.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":153,"tag":158,"props":203,"children":206},{"href":204,"rel":205},"https://nuxt.com",[161],[207],{"type":153,"tag":164,"props":208,"children":211},{"alt":209,"src":210},"Nuxt","https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js",[],{"type":153,"tag":158,"props":213,"children":216},{"href":214,"rel":215},"https://volta.net/nuxt/image?utm_source=nuxt_image_readme",[161],[217],{"type":153,"tag":164,"props":218,"children":221},{"alt":219,"src":220},"Volta","https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg",[],{"type":153,"tag":223,"props":224,"children":226},"h1",{"id":225},"nuxt-image",[227],{"type":228,"value":229},"text","Nuxt Image",{"type":153,"tag":154,"props":231,"children":232},{},[233],{"type":228,"value":234},"Plug-and-play image optimization for Nuxt apps. Resize and transform your images using built-in optimizer or your favorite images CDN.",{"type":153,"tag":236,"props":237,"children":238},"ul",{},[239,249],{"type":153,"tag":240,"props":241,"children":242},"li",{},[243],{"type":153,"tag":158,"props":244,"children":246},{"href":14,"rel":245},[161],[247],{"type":228,"value":248},"📖  Read Documentation",{"type":153,"tag":240,"props":250,"children":251},{},[252],{"type":153,"tag":158,"props":253,"children":256},{"href":254,"rel":255},"https://stackblitz.com/github/nuxt/image/tree/main/example",[161],[257],{"type":228,"value":258},"👾  Playground",{"type":153,"tag":260,"props":261,"children":263},"h2",{"id":262},"features",[264],{"type":228,"value":265},"Features",{"type":153,"tag":236,"props":267,"children":268},{},[269,289,307,319,324,329,334],{"type":153,"tag":240,"props":270,"children":271},{},[272,279,281,287],{"type":153,"tag":273,"props":274,"children":276},"code",{"className":275},[],[277],{"type":228,"value":278},"\u003Cnuxt-img>",{"type":228,"value":280}," drop-in replacement for the native ",{"type":153,"tag":273,"props":282,"children":284},{"className":283},[],[285],{"type":228,"value":286},"\u003Cimg>",{"type":228,"value":288}," element",{"type":153,"tag":240,"props":290,"children":291},{},[292,298,299,305],{"type":153,"tag":273,"props":293,"children":295},{"className":294},[],[296],{"type":228,"value":297},"\u003Cnuxt-picture>",{"type":228,"value":280},{"type":153,"tag":273,"props":300,"children":302},{"className":301},[],[303],{"type":228,"value":304},"\u003Cpicture>",{"type":228,"value":306}," element.",{"type":153,"tag":240,"props":308,"children":309},{},[310,312],{"type":228,"value":311},"Built-in image resizer and transformer with ",{"type":153,"tag":158,"props":313,"children":316},{"href":314,"rel":315},"https://github.com/unjs/ipx",[161],[317],{"type":228,"value":318},"unjs/ipx",{"type":153,"tag":240,"props":320,"children":321},{},[322],{"type":228,"value":323},"Support 20+ providers",{"type":153,"tag":240,"props":325,"children":326},{},[327],{"type":228,"value":328},"Generate responsive sizes",{"type":153,"tag":240,"props":330,"children":331},{},[332],{"type":228,"value":333},"Optimize using modern formats such as webp and avif",{"type":153,"tag":240,"props":335,"children":336},{},[337],{"type":153,"tag":158,"props":338,"children":341},{"href":339,"rel":340},"https://image.nuxtjs.org",[161],[342],{"type":228,"value":343},"... and more",{"type":153,"tag":345,"props":346,"children":348},"h3",{"id":347},"installation",[349],{"type":228,"value":350},"Installation",{"type":153,"tag":154,"props":352,"children":353},{},[354,356,361],{"type":228,"value":355},"Install ",{"type":153,"tag":273,"props":357,"children":359},{"className":358},[],[360],{"type":228,"value":11},{"type":228,"value":362}," dependency to your project:",{"type":153,"tag":364,"props":365,"children":369},"pre",{"className":366,"code":367,"language":368,"meta":15,"style":15},"language-sh shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","npx nuxt module add image\n","sh",[370],{"type":153,"tag":273,"props":371,"children":372},{"__ignoreMap":15},[373],{"type":153,"tag":374,"props":375,"children":378},"span",{"class":376,"line":377},"line",1,[379,385,391,396,401],{"type":153,"tag":374,"props":380,"children":382},{"style":381},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[383],{"type":228,"value":384},"npx",{"type":153,"tag":374,"props":386,"children":388},{"style":387},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[389],{"type":228,"value":390}," nuxt",{"type":153,"tag":374,"props":392,"children":393},{"style":387},[394],{"type":228,"value":395}," module",{"type":153,"tag":374,"props":397,"children":398},{"style":387},[399],{"type":228,"value":400}," add",{"type":153,"tag":374,"props":402,"children":403},{"style":387},[404],{"type":228,"value":405}," image\n",{"type":153,"tag":260,"props":407,"children":409},{"id":408},"nuxt-2",[410],{"type":228,"value":411},"Nuxt 2",{"type":153,"tag":154,"props":413,"children":414},{},[415,421,423,428,430,443,445,449,451,458],{"type":153,"tag":416,"props":417,"children":418},"strong",{},[419],{"type":228,"value":420},"Note:",{"type":228,"value":422}," This branch is for ",{"type":153,"tag":416,"props":424,"children":425},{},[426],{"type":228,"value":427},"Nuxt 3",{"type":228,"value":429}," compatible module. Checkout ",{"type":153,"tag":158,"props":431,"children":434},{"href":432,"rel":433},"https://github.com/nuxt/image/tree/v0",[161],[435,441],{"type":153,"tag":273,"props":436,"children":438},{"className":437},[],[439],{"type":228,"value":440},"v0",{"type":228,"value":442}," branch",{"type":228,"value":444}," for ",{"type":153,"tag":416,"props":446,"children":447},{},[448],{"type":228,"value":411},{"type":228,"value":450}," support. (",{"type":153,"tag":158,"props":452,"children":455},{"href":453,"rel":454},"https://github.com/nuxt/image/discussions/548",[161],[456],{"type":228,"value":457},"Announcement",{"type":228,"value":459},")",{"type":153,"tag":345,"props":461,"children":463},{"id":462},"contributing",[464],{"type":228,"value":465},"Contributing",{"type":153,"tag":236,"props":467,"children":468},{},[469,474,494,505,518],{"type":153,"tag":240,"props":470,"children":471},{},[472],{"type":228,"value":473},"Clone this repository",{"type":153,"tag":240,"props":475,"children":476},{},[477,479,486,488],{"type":228,"value":478},"Enable ",{"type":153,"tag":158,"props":480,"children":483},{"href":481,"rel":482},"https://github.com/nodejs/corepack",[161],[484],{"type":228,"value":485},"Corepack",{"type":228,"value":487}," using ",{"type":153,"tag":273,"props":489,"children":491},{"className":490},[],[492],{"type":228,"value":493},"corepack enable",{"type":153,"tag":240,"props":495,"children":496},{},[497,499],{"type":228,"value":498},"Install dependencies using ",{"type":153,"tag":273,"props":500,"children":502},{"className":501},[],[503],{"type":228,"value":504},"pnpm install",{"type":153,"tag":240,"props":506,"children":507},{},[508,510,516],{"type":228,"value":509},"Run ",{"type":153,"tag":273,"props":511,"children":513},{"className":512},[],[514],{"type":228,"value":515},"pnpm dev:prepare",{"type":228,"value":517}," to generate type stubs.",{"type":153,"tag":240,"props":519,"children":520},{},[521,523,529,531,537],{"type":228,"value":522},"Use ",{"type":153,"tag":273,"props":524,"children":526},{"className":525},[],[527],{"type":228,"value":528},"pnpm dev",{"type":228,"value":530}," to start ",{"type":153,"tag":158,"props":532,"children":534},{"href":533},"./playground",[535],{"type":228,"value":536},"playground",{"type":228,"value":538}," in development mode.",{"type":153,"tag":260,"props":540,"children":542},{"id":541},"license",[543],{"type":228,"value":544},"📑 License",{"type":153,"tag":154,"props":546,"children":547},{},[548,550],{"type":228,"value":549},"Published under the ",{"type":153,"tag":158,"props":551,"children":553},{"href":552},"./LICENSE",[554],{"type":228,"value":555},"MIT License",{"type":153,"tag":557,"props":558,"children":559},"style",{},[560],{"type":228,"value":561},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":15,"searchDepth":125,"depth":125,"links":563},[564,567,570],{"id":262,"depth":125,"text":265,"children":565},[566],{"id":347,"depth":94,"text":350},{"id":408,"depth":125,"text":411,"children":568},[569],{"id":462,"depth":94,"text":465},{"id":541,"depth":125,"text":544}]