[{"data":1,"prerenderedAt":570},["ShallowReactive",2],{"navigation_docs":3,"-providers-ipx":212,"-providers-ipx-surround":565},[4,30,47,199],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","\u002Fget-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F1.installation",{"title":14,"path":15,"stem":16},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F2.configuration",{"title":18,"path":19,"stem":20},"Providers","\u002Fget-started\u002Fproviders","1.get-started\u002F3.providers",{"title":22,"path":23,"stem":24},"Contributing","\u002Fget-started\u002Fcontributing","1.get-started\u002F4.contributing",{"title":26,"path":27,"stem":28},"Migration","\u002Fget-started\u002Fmigration","1.get-started\u002F5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","\u002Fusage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","\u002Fusage\u002Fnuxt-img","2.usage\u002F1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","\u002Fusage\u002Fnuxt-picture","2.usage\u002F2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","\u002Fusage\u002Fuse-image","2.usage\u002F3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"\u002Fproviders","3.providers",[51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195],{"title":52,"path":53,"stem":54},"Aliyun","\u002Fproviders\u002Faliyun","3.providers\u002Faliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","\u002Fproviders\u002Faws-amplify","3.providers\u002Faws-amplify",{"title":60,"path":61,"stem":62},"Builder.io","\u002Fproviders\u002Fbuilderio","3.providers\u002Fbuilderio",{"title":64,"path":65,"stem":66},"Bunny","\u002Fproviders\u002Fbunny","3.providers\u002Fbunny",{"title":68,"path":69,"stem":70},"Caisy","\u002Fproviders\u002Fcaisy","3.providers\u002Fcaisy",{"title":72,"path":73,"stem":74},"Cloudflare","\u002Fproviders\u002Fcloudflare","3.providers\u002Fcloudflare",{"title":76,"path":77,"stem":78},"Cloudflare Images","\u002Fproviders\u002Fcloudflareimages","3.providers\u002Fcloudflareimages",{"title":80,"path":81,"stem":82},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":84,"path":85,"stem":86},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":88,"path":89,"stem":90},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":92,"path":93,"stem":94},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":96,"path":97,"stem":98},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":100,"path":101,"stem":102},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":104,"path":105,"stem":106},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":108,"path":109,"stem":110},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":112,"path":113,"stem":114},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":116,"path":117,"stem":118},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":120,"path":121,"stem":122},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":124,"path":125,"stem":126},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":128,"path":129,"stem":130},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":132,"path":133,"stem":134},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":136,"path":137,"stem":138},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":140,"path":141,"stem":142},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":144,"path":145,"stem":146},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":148,"path":149,"stem":150},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":152,"path":153,"stem":154},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":156,"path":157,"stem":158},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":160,"path":161,"stem":162},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":164,"path":165,"stem":166},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":168,"path":169,"stem":170},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":172,"path":173,"stem":174},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":176,"path":177,"stem":178},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":180,"path":181,"stem":182},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":184,"path":185,"stem":186},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":188,"path":189,"stem":190},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":192,"path":193,"stem":194},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":196,"path":197,"stem":198},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":200,"path":201,"stem":202,"children":203,"page":29},"Advanced","\u002Fadvanced","4.advanced",[204,208],{"title":205,"path":206,"stem":207},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":209,"path":210,"stem":211},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":213,"title":132,"body":214,"description":553,"extension":554,"links":555,"meta":561,"navigation":562,"path":133,"seo":563,"stem":134,"__hash__":564},"docs\u002F3.providers\u002Fipx.md",{"type":215,"value":216,"toc":549},"minimark",[217,240,245,254,260,358,362,369,545],[218,219,220,221,226,227,233,234,239],"p",{},"Nuxt Image comes with a ",[222,223,225],"a",{"href":224},"\u002Fget-started\u002Fproviders#default-provider","preconfigured instance"," of ",[222,228,232],{"href":229,"rel":230},"https:\u002F\u002Fgithub.com\u002Funjs\u002Fipx",[231],"nofollow","unjs\u002Fipx"," - an open source, self-hosted image optimizer based on ",[222,235,238],{"href":236,"rel":237},"https:\u002F\u002Fgithub.com\u002Flovell\u002Fsharp",[231],"lovell\u002Fsharp",".",[241,242,244],"h2",{"id":243},"additional-modifiers","Additional Modifiers",[218,246,247,248,253],{},"You can use ",[222,249,252],{"href":250,"rel":251},"https:\u002F\u002Fgithub.com\u002Funjs\u002Fipx\u002F#modifiers",[231],"additional modifiers"," supported by IPX.",[218,255,256],{},[257,258,259],"strong",{},"Example:",[261,262,267],"pre",{"className":263,"code":264,"language":265,"meta":266,"style":266},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  src=\"\u002Fimage.png\"\n  :modifiers=\"{ grayscale: true, tint: '#00DC82' }\"\n\u002F>\n","vue","",[268,269,270,283,303,351],"code",{"__ignoreMap":266},[271,272,275,279],"span",{"class":273,"line":274},"line",1,[271,276,278],{"class":277},"sMK4o","\u003C",[271,280,282],{"class":281},"swJcz","NuxtImg\n",[271,284,286,290,293,296,300],{"class":273,"line":285},2,[271,287,289],{"class":288},"spNyl","  src",[271,291,292],{"class":277},"=",[271,294,295],{"class":277},"\"",[271,297,299],{"class":298},"sfazB","\u002Fimage.png",[271,301,302],{"class":277},"\"\n",[271,304,306,309,312,314,316,319,322,325,329,332,335,337,340,343,346,349],{"class":273,"line":305},3,[271,307,308],{"class":277},"  :",[271,310,311],{"class":288},"modifiers",[271,313,292],{"class":277},[271,315,295],{"class":277},[271,317,318],{"class":277},"{",[271,320,321],{"class":281}," grayscale",[271,323,324],{"class":277},":",[271,326,328],{"class":327},"sfNiH"," true",[271,330,331],{"class":277},",",[271,333,334],{"class":281}," tint",[271,336,324],{"class":277},[271,338,339],{"class":277}," '",[271,341,342],{"class":298},"#00DC82",[271,344,345],{"class":277},"'",[271,347,348],{"class":277}," }",[271,350,302],{"class":277},[271,352,354],{"class":273,"line":353},4,[271,355,357],{"class":356},"sTEyZ","\u002F>\n",[241,359,361],{"id":360},"runtime-configuration","Runtime Configuration",[218,363,364,365,368],{},"You can update the options for ",[268,366,367],{},"ipx"," at runtime by passing the appropriate environment variable. For example:",[261,370,375],{"className":371,"code":372,"filename":373,"language":374,"meta":266,"style":266},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  runtimeConfig: {\n    ipx: {\n      baseURL: process.env.NUXT_IPX_BASE_URL || '\u002F_ipx',\n      alias: {\n        someAlias: process.env.NUXT_IPX_ALIAS_SOME_ALIAS || ''\n      },\n      http: {\n        domains: process.env.NUXT_IPX_HTTP_DOMAINS,\n      },\n    },\n  },\n})\n","nuxt.config.ts","ts",[268,376,377,396,406,415,448,458,482,488,498,519,524,530,536],{"__ignoreMap":266},[271,378,379,383,386,390,393],{"class":273,"line":274},[271,380,382],{"class":381},"s7zQu","export",[271,384,385],{"class":381}," default",[271,387,389],{"class":388},"s2Zo4"," defineNuxtConfig",[271,391,392],{"class":356},"(",[271,394,395],{"class":277},"{\n",[271,397,398,401,403],{"class":273,"line":285},[271,399,400],{"class":281},"  runtimeConfig",[271,402,324],{"class":277},[271,404,405],{"class":277}," {\n",[271,407,408,411,413],{"class":273,"line":305},[271,409,410],{"class":281},"    ipx",[271,412,324],{"class":277},[271,414,405],{"class":277},[271,416,417,420,422,425,427,430,432,435,438,440,443,445],{"class":273,"line":353},[271,418,419],{"class":281},"      baseURL",[271,421,324],{"class":277},[271,423,424],{"class":356}," process",[271,426,239],{"class":277},[271,428,429],{"class":356},"env",[271,431,239],{"class":277},[271,433,434],{"class":356},"NUXT_IPX_BASE_URL ",[271,436,437],{"class":277},"||",[271,439,339],{"class":277},[271,441,442],{"class":298},"\u002F_ipx",[271,444,345],{"class":277},[271,446,447],{"class":277},",\n",[271,449,451,454,456],{"class":273,"line":450},5,[271,452,453],{"class":281},"      alias",[271,455,324],{"class":277},[271,457,405],{"class":277},[271,459,461,464,466,468,470,472,474,477,479],{"class":273,"line":460},6,[271,462,463],{"class":281},"        someAlias",[271,465,324],{"class":277},[271,467,424],{"class":356},[271,469,239],{"class":277},[271,471,429],{"class":356},[271,473,239],{"class":277},[271,475,476],{"class":356},"NUXT_IPX_ALIAS_SOME_ALIAS ",[271,478,437],{"class":277},[271,480,481],{"class":277}," ''\n",[271,483,485],{"class":273,"line":484},7,[271,486,487],{"class":277},"      },\n",[271,489,491,494,496],{"class":273,"line":490},8,[271,492,493],{"class":281},"      http",[271,495,324],{"class":277},[271,497,405],{"class":277},[271,499,501,504,506,508,510,512,514,517],{"class":273,"line":500},9,[271,502,503],{"class":281},"        domains",[271,505,324],{"class":277},[271,507,424],{"class":356},[271,509,239],{"class":277},[271,511,429],{"class":356},[271,513,239],{"class":277},[271,515,516],{"class":356},"NUXT_IPX_HTTP_DOMAINS",[271,518,447],{"class":277},[271,520,522],{"class":273,"line":521},10,[271,523,487],{"class":277},[271,525,527],{"class":273,"line":526},11,[271,528,529],{"class":277},"    },\n",[271,531,533],{"class":273,"line":532},12,[271,534,535],{"class":277},"  },\n",[271,537,539,542],{"class":273,"line":538},13,[271,540,541],{"class":277},"}",[271,543,544],{"class":356},")\n",[546,547,548],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":266,"searchDepth":285,"depth":285,"links":550},[551,552],{"id":243,"depth":285,"text":244},{"id":360,"depth":285,"text":361},"IPX is the built-in and self hosted image optimizer for Nuxt Image.","md",[556],{"label":557,"icon":558,"to":559,"size":560},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fipx.ts","xs",{},true,{"title":132,"description":553},"crmEmvZVcIeFwh2_YJ23y84efN7kgpkXNDchb4MCju8",[566,568],{"title":128,"path":129,"stem":130,"description":567,"children":-1},"Nuxt Image has first class integration with Imgix.",{"title":136,"path":137,"stem":138,"description":569,"children":-1},"Optimize images with Netlify's dynamic image transformation service.",1775043893267]