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