[{"data":1,"prerenderedAt":1505},["Reactive",2],{"navigation":3,"docs-/advanced/static-images":112,"docs-/advanced/static-images-surround":462},[4,17,30,102],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19,"children":20},"Usage","/usage",[21,24,27],{"title":22,"_path":23},"\u003CNuxtImg>","/usage/nuxt-img",{"title":25,"_path":26},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":28,"_path":29},"useImage()","/usage/use-image",{"title":15,"_path":31,"children":32},"/providers",[33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99],{"title":34,"_path":35},"Cloudflare","/providers/cloudflare",{"title":37,"_path":38},"Cloudimage","/providers/cloudimage",{"title":40,"_path":41},"Cloudinary","/providers/cloudinary",{"title":43,"_path":44},"Contentful","/providers/contentful",{"title":46,"_path":47},"Directus","/providers/directus",{"title":49,"_path":50},"Edgio","/providers/edgio",{"title":52,"_path":53},"Fastly","/providers/fastly",{"title":55,"_path":56},"Glide","/providers/glide",{"title":58,"_path":59},"Gumlet","/providers/gumlet",{"title":61,"_path":62},"ImageEngine","/providers/imageengine",{"title":64,"_path":65},"ImageKit","/providers/imagekit",{"title":67,"_path":68},"Imgix","/providers/imgix",{"title":70,"_path":71},"IPX","/providers/ipx",{"title":73,"_path":74},"Netlify","/providers/netlify",{"title":76,"_path":77},"Prepr","/providers/prepr",{"title":79,"_path":80},"Prismic","/providers/prismic",{"title":82,"_path":83},"Sanity","/providers/sanity",{"title":85,"_path":86},"Storyblok","/providers/storyblok",{"title":88,"_path":89},"Strapi","/providers/strapi",{"title":91,"_path":92},"Twicpics","/providers/twicpics",{"title":94,"_path":95},"Unsplash","/providers/unsplash",{"title":97,"_path":98},"Uploadcare","/providers/uploadcare",{"title":100,"_path":101},"Vercel","/providers/vercel",{"title":103,"_path":104,"children":105},"Advanced","/advanced",[106,109],{"title":107,"_path":108},"Custom Provider","/advanced/custom-provider",{"title":110,"_path":111},"Static Images","/advanced/static-images",{"_path":111,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"_empty":114,"title":110,"description":116,"body":117,"_type":457,"_id":458,"_source":459,"_file":460,"_extension":461},"advanced",false,"","Optimizing images for static websites.",{"type":118,"children":119,"toc":455},"root",[120,136,155,167,450],{"type":121,"tag":122,"props":123,"children":124},"element","p",{},[125,128,134],{"type":126,"value":127},"text","If you are building a static site using ",{"type":121,"tag":129,"props":130,"children":131},"code-inline",{},[132],{"type":126,"value":133},"nuxt generate",{"type":126,"value":135},", Nuxt Image will optimize and save your images locally when your site is generated - and deploy them alongside your generated pages.",{"type":121,"tag":122,"props":137,"children":138},{},[139,141,146,148,153],{"type":126,"value":140},"If you disabled server-side rendering (",{"type":121,"tag":129,"props":142,"children":143},{},[144],{"type":126,"value":145},"ssr: false",{"type":126,"value":147}," in the ",{"type":121,"tag":129,"props":149,"children":150},{},[151],{"type":126,"value":152},"nuxt.config",{"type":126,"value":154},"), Nuxt Image won't be able to optimize your images during the static generation process.",{"type":121,"tag":122,"props":156,"children":157},{},[158,160,165],{"type":126,"value":159},"In that case, you can tell Nuxt to pre-render images by using the ",{"type":121,"tag":129,"props":161,"children":162},{},[163],{"type":126,"value":164},"nitro.prerender.routes",{"type":126,"value":166}," option:",{"type":121,"tag":168,"props":169,"children":174},"code",{"className":170,"code":172,"language":173,"meta":115},[171],"language-ts","export default defineNuxtConfig({\n  ssr: false,\n  nitro: {\n    prerender: {\n      routes: [\n        '/_ipx/w_120/market.jpg',\n        '/_ipx/w_140/market.jpg',\n        // etc.\n      ]\n    }\n  }\n})\n","ts",[175],{"type":121,"tag":176,"props":177,"children":178},"pre",{},[179],{"type":121,"tag":168,"props":180,"children":181},{"__ignoreMap":115},[182,226,261,286,312,335,363,388,402,411,424,436],{"type":121,"tag":183,"props":184,"children":187},"span",{"class":185,"line":186},"line",1,[188,194,200,205,209,215,220],{"type":121,"tag":183,"props":189,"children":191},{"class":190},"ct-064524",[192],{"type":126,"value":193},"export",{"type":121,"tag":183,"props":195,"children":197},{"class":196},"ct-770753",[198],{"type":126,"value":199}," ",{"type":121,"tag":183,"props":201,"children":202},{"class":190},[203],{"type":126,"value":204},"default",{"type":121,"tag":183,"props":206,"children":207},{"class":196},[208],{"type":126,"value":199},{"type":121,"tag":183,"props":210,"children":212},{"class":211},"ct-750008",[213],{"type":126,"value":214},"defineNuxtConfig",{"type":121,"tag":183,"props":216,"children":217},{"class":196},[218],{"type":126,"value":219},"(",{"type":121,"tag":183,"props":221,"children":223},{"class":222},"ct-209289",[224],{"type":126,"value":225},"{\n",{"type":121,"tag":183,"props":227,"children":229},{"class":185,"line":228},2,[230,235,241,246,250,256],{"type":121,"tag":183,"props":231,"children":232},{"class":196},[233],{"type":126,"value":234},"  ",{"type":121,"tag":183,"props":236,"children":238},{"class":237},"ct-007771",[239],{"type":126,"value":240},"ssr",{"type":121,"tag":183,"props":242,"children":243},{"class":222},[244],{"type":126,"value":245},":",{"type":121,"tag":183,"props":247,"children":248},{"class":196},[249],{"type":126,"value":199},{"type":121,"tag":183,"props":251,"children":253},{"class":252},"ct-928984",[254],{"type":126,"value":255},"false",{"type":121,"tag":183,"props":257,"children":258},{"class":222},[259],{"type":126,"value":260},",\n",{"type":121,"tag":183,"props":262,"children":264},{"class":185,"line":263},3,[265,269,274,278,282],{"type":121,"tag":183,"props":266,"children":267},{"class":196},[268],{"type":126,"value":234},{"type":121,"tag":183,"props":270,"children":271},{"class":237},[272],{"type":126,"value":273},"nitro",{"type":121,"tag":183,"props":275,"children":276},{"class":222},[277],{"type":126,"value":245},{"type":121,"tag":183,"props":279,"children":280},{"class":196},[281],{"type":126,"value":199},{"type":121,"tag":183,"props":283,"children":284},{"class":222},[285],{"type":126,"value":225},{"type":121,"tag":183,"props":287,"children":289},{"class":185,"line":288},4,[290,295,300,304,308],{"type":121,"tag":183,"props":291,"children":292},{"class":196},[293],{"type":126,"value":294},"    ",{"type":121,"tag":183,"props":296,"children":297},{"class":237},[298],{"type":126,"value":299},"prerender",{"type":121,"tag":183,"props":301,"children":302},{"class":222},[303],{"type":126,"value":245},{"type":121,"tag":183,"props":305,"children":306},{"class":196},[307],{"type":126,"value":199},{"type":121,"tag":183,"props":309,"children":310},{"class":222},[311],{"type":126,"value":225},{"type":121,"tag":183,"props":313,"children":315},{"class":185,"line":314},5,[316,321,326,330],{"type":121,"tag":183,"props":317,"children":318},{"class":196},[319],{"type":126,"value":320},"      ",{"type":121,"tag":183,"props":322,"children":323},{"class":237},[324],{"type":126,"value":325},"routes",{"type":121,"tag":183,"props":327,"children":328},{"class":222},[329],{"type":126,"value":245},{"type":121,"tag":183,"props":331,"children":332},{"class":196},[333],{"type":126,"value":334}," [\n",{"type":121,"tag":183,"props":336,"children":338},{"class":185,"line":337},6,[339,344,349,355,359],{"type":121,"tag":183,"props":340,"children":341},{"class":196},[342],{"type":126,"value":343},"        ",{"type":121,"tag":183,"props":345,"children":346},{"class":222},[347],{"type":126,"value":348},"'",{"type":121,"tag":183,"props":350,"children":352},{"class":351},"ct-709943",[353],{"type":126,"value":354},"/_ipx/w_120/market.jpg",{"type":121,"tag":183,"props":356,"children":357},{"class":222},[358],{"type":126,"value":348},{"type":121,"tag":183,"props":360,"children":361},{"class":222},[362],{"type":126,"value":260},{"type":121,"tag":183,"props":364,"children":366},{"class":185,"line":365},7,[367,371,375,380,384],{"type":121,"tag":183,"props":368,"children":369},{"class":196},[370],{"type":126,"value":343},{"type":121,"tag":183,"props":372,"children":373},{"class":222},[374],{"type":126,"value":348},{"type":121,"tag":183,"props":376,"children":377},{"class":351},[378],{"type":126,"value":379},"/_ipx/w_140/market.jpg",{"type":121,"tag":183,"props":381,"children":382},{"class":222},[383],{"type":126,"value":348},{"type":121,"tag":183,"props":385,"children":386},{"class":222},[387],{"type":126,"value":260},{"type":121,"tag":183,"props":389,"children":391},{"class":185,"line":390},8,[392,396],{"type":121,"tag":183,"props":393,"children":394},{"class":222},[395],{"type":126,"value":343},{"type":121,"tag":183,"props":397,"children":399},{"class":398},"ct-458184",[400],{"type":126,"value":401},"// etc.\n",{"type":121,"tag":183,"props":403,"children":405},{"class":185,"line":404},9,[406],{"type":121,"tag":183,"props":407,"children":408},{"class":196},[409],{"type":126,"value":410},"      ]\n",{"type":121,"tag":183,"props":412,"children":414},{"class":185,"line":413},10,[415,419],{"type":121,"tag":183,"props":416,"children":417},{"class":196},[418],{"type":126,"value":294},{"type":121,"tag":183,"props":420,"children":421},{"class":222},[422],{"type":126,"value":423},"}\n",{"type":121,"tag":183,"props":425,"children":427},{"class":185,"line":426},11,[428,432],{"type":121,"tag":183,"props":429,"children":430},{"class":196},[431],{"type":126,"value":234},{"type":121,"tag":183,"props":433,"children":434},{"class":222},[435],{"type":126,"value":423},{"type":121,"tag":183,"props":437,"children":439},{"class":185,"line":438},12,[440,445],{"type":121,"tag":183,"props":441,"children":442},{"class":222},[443],{"type":126,"value":444},"}",{"type":121,"tag":183,"props":446,"children":447},{"class":196},[448],{"type":126,"value":449},")",{"type":121,"tag":451,"children":452},"style",[453],{"type":126,"value":454},".light .ct-064524{color:#39ADB5;font-style:italic;}\n.ct-064524{color:#89DDFF;font-style:italic;}\n.light .ct-770753{color:#90A4AE;}\n.ct-770753{color:#EEFFFF;}\n.dark .ct-770753{color:#A6ACCD;}\n.light .ct-750008{color:#6182B8;}\n.ct-750008{color:#82AAFF;}\n.light .ct-209289{color:#39ADB5;}\n.ct-209289{color:#89DDFF;}\n.light .ct-007771{color:#E53935;}\n.ct-007771{color:#F07178;}\n.light .ct-928984{color:#FF5370;}\n.ct-928984{color:#FF9CAC;}\n.light .ct-709943{color:#91B859;}\n.ct-709943{color:#C3E88D;}\n.light .ct-458184{color:#90A4AE;font-style:italic;}\n.ct-458184{color:#546E7A;font-style:italic;}\n.dark .ct-458184{color:#676E95;font-style:italic;}",{"title":115,"searchDepth":228,"depth":228,"links":456},[],"markdown","content:4.advanced:2.static-images.md","content","4.advanced/2.static-images.md","md",[463,1504],{"_path":108,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"_empty":114,"title":107,"description":464,"body":465,"_type":457,"_id":1502,"_source":459,"_file":1503,"_extension":461},"If a CDN provider is not supported, you can define it yourself.",{"type":118,"children":466,"toc":1493},[467,474,479,1038,1045,1118,1135,1140,1153,1159,1165,1182,1467,1489],{"type":121,"tag":468,"props":469,"children":471},"h2",{"id":470},"provider-entry",[472],{"type":126,"value":473},"Provider Entry",{"type":121,"tag":122,"props":475,"children":476},{},[477],{"type":126,"value":478},"The runtime will receive a source, image modifiers and its provider options. It is responsible for generating a url for optimized images, and needs to be isomorphic because it may be called on either server or client.",{"type":121,"tag":168,"props":480,"children":485},{"className":481,"code":483,"language":484,"meta":115},[482],"language-js","import { joinURL } from 'ufo'\n\n// import {} from '#image'\n\nexport function getImage(src, { modifiers, baseURL } = {}, { options, $img }) {\n  const { width, height, format, fit, ...providerModifiers } = modifiers\n  const operations = []\n  // process modifiers\n  const operationsString = operations.join(',')\n  return {\n    url: joinURL(baseURL, operationsString, src)\n  }\n}\n","js",[486],{"type":121,"tag":176,"props":487,"children":488},{},[489],{"type":121,"tag":168,"props":490,"children":491},{"__ignoreMap":115},[492,553,561,569,576,720,831,864,876,943,963,1019,1030],{"type":121,"tag":183,"props":493,"children":494},{"class":185,"line":186},[495,500,504,509,513,518,522,526,530,535,539,543,548],{"type":121,"tag":183,"props":496,"children":497},{"class":190},[498],{"type":126,"value":499},"import",{"type":121,"tag":183,"props":501,"children":502},{"class":196},[503],{"type":126,"value":199},{"type":121,"tag":183,"props":505,"children":506},{"class":222},[507],{"type":126,"value":508},"{",{"type":121,"tag":183,"props":510,"children":511},{"class":237},[512],{"type":126,"value":199},{"type":121,"tag":183,"props":514,"children":515},{"class":196},[516],{"type":126,"value":517},"joinURL",{"type":121,"tag":183,"props":519,"children":520},{"class":237},[521],{"type":126,"value":199},{"type":121,"tag":183,"props":523,"children":524},{"class":222},[525],{"type":126,"value":444},{"type":121,"tag":183,"props":527,"children":528},{"class":196},[529],{"type":126,"value":199},{"type":121,"tag":183,"props":531,"children":532},{"class":190},[533],{"type":126,"value":534},"from",{"type":121,"tag":183,"props":536,"children":537},{"class":196},[538],{"type":126,"value":199},{"type":121,"tag":183,"props":540,"children":541},{"class":222},[542],{"type":126,"value":348},{"type":121,"tag":183,"props":544,"children":545},{"class":351},[546],{"type":126,"value":547},"ufo",{"type":121,"tag":183,"props":549,"children":550},{"class":222},[551],{"type":126,"value":552},"'\n",{"type":121,"tag":183,"props":554,"children":555},{"class":185,"line":228},[556],{"type":121,"tag":183,"props":557,"children":558},{},[559],{"type":126,"value":560},"\n",{"type":121,"tag":183,"props":562,"children":563},{"class":185,"line":263},[564],{"type":121,"tag":183,"props":565,"children":566},{"class":398},[567],{"type":126,"value":568},"// import {} from '#image'\n",{"type":121,"tag":183,"props":570,"children":571},{"class":185,"line":288},[572],{"type":121,"tag":183,"props":573,"children":574},{},[575],{"type":126,"value":560},{"type":121,"tag":183,"props":577,"children":578},{"class":185,"line":314},[579,583,587,593,597,602,606,612,617,621,625,629,634,638,642,647,651,655,659,664,668,673,677,681,685,690,694,698,703,707,712,716],{"type":121,"tag":183,"props":580,"children":581},{"class":190},[582],{"type":126,"value":193},{"type":121,"tag":183,"props":584,"children":585},{"class":196},[586],{"type":126,"value":199},{"type":121,"tag":183,"props":588,"children":590},{"class":589},"ct-046724",[591],{"type":126,"value":592},"function",{"type":121,"tag":183,"props":594,"children":595},{"class":196},[596],{"type":126,"value":199},{"type":121,"tag":183,"props":598,"children":599},{"class":211},[600],{"type":126,"value":601},"getImage",{"type":121,"tag":183,"props":603,"children":604},{"class":222},[605],{"type":126,"value":219},{"type":121,"tag":183,"props":607,"children":609},{"class":608},"ct-625988",[610],{"type":126,"value":611},"src",{"type":121,"tag":183,"props":613,"children":614},{"class":222},[615],{"type":126,"value":616},",",{"type":121,"tag":183,"props":618,"children":619},{"class":196},[620],{"type":126,"value":199},{"type":121,"tag":183,"props":622,"children":623},{"class":222},[624],{"type":126,"value":508},{"type":121,"tag":183,"props":626,"children":627},{"class":196},[628],{"type":126,"value":199},{"type":121,"tag":183,"props":630,"children":631},{"class":608},[632],{"type":126,"value":633},"modifiers",{"type":121,"tag":183,"props":635,"children":636},{"class":222},[637],{"type":126,"value":616},{"type":121,"tag":183,"props":639,"children":640},{"class":196},[641],{"type":126,"value":199},{"type":121,"tag":183,"props":643,"children":644},{"class":608},[645],{"type":126,"value":646},"baseURL",{"type":121,"tag":183,"props":648,"children":649},{"class":196},[650],{"type":126,"value":199},{"type":121,"tag":183,"props":652,"children":653},{"class":222},[654],{"type":126,"value":444},{"type":121,"tag":183,"props":656,"children":657},{"class":196},[658],{"type":126,"value":199},{"type":121,"tag":183,"props":660,"children":661},{"class":222},[662],{"type":126,"value":663},"=",{"type":121,"tag":183,"props":665,"children":666},{"class":196},[667],{"type":126,"value":199},{"type":121,"tag":183,"props":669,"children":670},{"class":222},[671],{"type":126,"value":672},"{},",{"type":121,"tag":183,"props":674,"children":675},{"class":196},[676],{"type":126,"value":199},{"type":121,"tag":183,"props":678,"children":679},{"class":222},[680],{"type":126,"value":508},{"type":121,"tag":183,"props":682,"children":683},{"class":196},[684],{"type":126,"value":199},{"type":121,"tag":183,"props":686,"children":687},{"class":608},[688],{"type":126,"value":689},"options",{"type":121,"tag":183,"props":691,"children":692},{"class":222},[693],{"type":126,"value":616},{"type":121,"tag":183,"props":695,"children":696},{"class":196},[697],{"type":126,"value":199},{"type":121,"tag":183,"props":699,"children":700},{"class":608},[701],{"type":126,"value":702},"$img",{"type":121,"tag":183,"props":704,"children":705},{"class":196},[706],{"type":126,"value":199},{"type":121,"tag":183,"props":708,"children":709},{"class":222},[710],{"type":126,"value":711},"})",{"type":121,"tag":183,"props":713,"children":714},{"class":196},[715],{"type":126,"value":199},{"type":121,"tag":183,"props":717,"children":718},{"class":222},[719],{"type":126,"value":225},{"type":121,"tag":183,"props":721,"children":722},{"class":185,"line":337},[723,727,732,736,740,744,749,753,757,762,766,770,775,779,783,788,792,796,801,806,810,814,818,822,826],{"type":121,"tag":183,"props":724,"children":725},{"class":237},[726],{"type":126,"value":234},{"type":121,"tag":183,"props":728,"children":729},{"class":589},[730],{"type":126,"value":731},"const",{"type":121,"tag":183,"props":733,"children":734},{"class":237},[735],{"type":126,"value":199},{"type":121,"tag":183,"props":737,"children":738},{"class":222},[739],{"type":126,"value":508},{"type":121,"tag":183,"props":741,"children":742},{"class":237},[743],{"type":126,"value":199},{"type":121,"tag":183,"props":745,"children":746},{"class":196},[747],{"type":126,"value":748},"width",{"type":121,"tag":183,"props":750,"children":751},{"class":222},[752],{"type":126,"value":616},{"type":121,"tag":183,"props":754,"children":755},{"class":237},[756],{"type":126,"value":199},{"type":121,"tag":183,"props":758,"children":759},{"class":196},[760],{"type":126,"value":761},"height",{"type":121,"tag":183,"props":763,"children":764},{"class":222},[765],{"type":126,"value":616},{"type":121,"tag":183,"props":767,"children":768},{"class":237},[769],{"type":126,"value":199},{"type":121,"tag":183,"props":771,"children":772},{"class":196},[773],{"type":126,"value":774},"format",{"type":121,"tag":183,"props":776,"children":777},{"class":222},[778],{"type":126,"value":616},{"type":121,"tag":183,"props":780,"children":781},{"class":237},[782],{"type":126,"value":199},{"type":121,"tag":183,"props":784,"children":785},{"class":196},[786],{"type":126,"value":787},"fit",{"type":121,"tag":183,"props":789,"children":790},{"class":222},[791],{"type":126,"value":616},{"type":121,"tag":183,"props":793,"children":794},{"class":237},[795],{"type":126,"value":199},{"type":121,"tag":183,"props":797,"children":798},{"class":222},[799],{"type":126,"value":800},"...",{"type":121,"tag":183,"props":802,"children":803},{"class":196},[804],{"type":126,"value":805},"providerModifiers",{"type":121,"tag":183,"props":807,"children":808},{"class":237},[809],{"type":126,"value":199},{"type":121,"tag":183,"props":811,"children":812},{"class":222},[813],{"type":126,"value":444},{"type":121,"tag":183,"props":815,"children":816},{"class":237},[817],{"type":126,"value":199},{"type":121,"tag":183,"props":819,"children":820},{"class":222},[821],{"type":126,"value":663},{"type":121,"tag":183,"props":823,"children":824},{"class":237},[825],{"type":126,"value":199},{"type":121,"tag":183,"props":827,"children":828},{"class":196},[829],{"type":126,"value":830},"modifiers\n",{"type":121,"tag":183,"props":832,"children":833},{"class":185,"line":365},[834,838,842,846,851,855,859],{"type":121,"tag":183,"props":835,"children":836},{"class":237},[837],{"type":126,"value":234},{"type":121,"tag":183,"props":839,"children":840},{"class":589},[841],{"type":126,"value":731},{"type":121,"tag":183,"props":843,"children":844},{"class":237},[845],{"type":126,"value":199},{"type":121,"tag":183,"props":847,"children":848},{"class":196},[849],{"type":126,"value":850},"operations",{"type":121,"tag":183,"props":852,"children":853},{"class":237},[854],{"type":126,"value":199},{"type":121,"tag":183,"props":856,"children":857},{"class":222},[858],{"type":126,"value":663},{"type":121,"tag":183,"props":860,"children":861},{"class":237},[862],{"type":126,"value":863}," []\n",{"type":121,"tag":183,"props":865,"children":866},{"class":185,"line":390},[867,871],{"type":121,"tag":183,"props":868,"children":869},{"class":222},[870],{"type":126,"value":234},{"type":121,"tag":183,"props":872,"children":873},{"class":398},[874],{"type":126,"value":875},"// process modifiers\n",{"type":121,"tag":183,"props":877,"children":878},{"class":185,"line":404},[879,883,887,891,896,900,904,908,912,917,922,926,930,934,938],{"type":121,"tag":183,"props":880,"children":881},{"class":237},[882],{"type":126,"value":234},{"type":121,"tag":183,"props":884,"children":885},{"class":589},[886],{"type":126,"value":731},{"type":121,"tag":183,"props":888,"children":889},{"class":237},[890],{"type":126,"value":199},{"type":121,"tag":183,"props":892,"children":893},{"class":196},[894],{"type":126,"value":895},"operationsString",{"type":121,"tag":183,"props":897,"children":898},{"class":237},[899],{"type":126,"value":199},{"type":121,"tag":183,"props":901,"children":902},{"class":222},[903],{"type":126,"value":663},{"type":121,"tag":183,"props":905,"children":906},{"class":237},[907],{"type":126,"value":199},{"type":121,"tag":183,"props":909,"children":910},{"class":196},[911],{"type":126,"value":850},{"type":121,"tag":183,"props":913,"children":914},{"class":222},[915],{"type":126,"value":916},".",{"type":121,"tag":183,"props":918,"children":919},{"class":211},[920],{"type":126,"value":921},"join",{"type":121,"tag":183,"props":923,"children":924},{"class":237},[925],{"type":126,"value":219},{"type":121,"tag":183,"props":927,"children":928},{"class":222},[929],{"type":126,"value":348},{"type":121,"tag":183,"props":931,"children":932},{"class":351},[933],{"type":126,"value":616},{"type":121,"tag":183,"props":935,"children":936},{"class":222},[937],{"type":126,"value":348},{"type":121,"tag":183,"props":939,"children":940},{"class":237},[941],{"type":126,"value":942},")\n",{"type":121,"tag":183,"props":944,"children":945},{"class":185,"line":413},[946,950,955,959],{"type":121,"tag":183,"props":947,"children":948},{"class":237},[949],{"type":126,"value":234},{"type":121,"tag":183,"props":951,"children":952},{"class":190},[953],{"type":126,"value":954},"return",{"type":121,"tag":183,"props":956,"children":957},{"class":237},[958],{"type":126,"value":199},{"type":121,"tag":183,"props":960,"children":961},{"class":222},[962],{"type":126,"value":225},{"type":121,"tag":183,"props":964,"children":965},{"class":185,"line":426},[966,971,975,979,983,987,991,995,999,1003,1007,1011,1015],{"type":121,"tag":183,"props":967,"children":968},{"class":237},[969],{"type":126,"value":970},"    url",{"type":121,"tag":183,"props":972,"children":973},{"class":222},[974],{"type":126,"value":245},{"type":121,"tag":183,"props":976,"children":977},{"class":237},[978],{"type":126,"value":199},{"type":121,"tag":183,"props":980,"children":981},{"class":211},[982],{"type":126,"value":517},{"type":121,"tag":183,"props":984,"children":985},{"class":237},[986],{"type":126,"value":219},{"type":121,"tag":183,"props":988,"children":989},{"class":196},[990],{"type":126,"value":646},{"type":121,"tag":183,"props":992,"children":993},{"class":222},[994],{"type":126,"value":616},{"type":121,"tag":183,"props":996,"children":997},{"class":237},[998],{"type":126,"value":199},{"type":121,"tag":183,"props":1000,"children":1001},{"class":196},[1002],{"type":126,"value":895},{"type":121,"tag":183,"props":1004,"children":1005},{"class":222},[1006],{"type":126,"value":616},{"type":121,"tag":183,"props":1008,"children":1009},{"class":237},[1010],{"type":126,"value":199},{"type":121,"tag":183,"props":1012,"children":1013},{"class":196},[1014],{"type":126,"value":611},{"type":121,"tag":183,"props":1016,"children":1017},{"class":237},[1018],{"type":126,"value":942},{"type":121,"tag":183,"props":1020,"children":1021},{"class":185,"line":438},[1022,1026],{"type":121,"tag":183,"props":1023,"children":1024},{"class":237},[1025],{"type":126,"value":234},{"type":121,"tag":183,"props":1027,"children":1028},{"class":222},[1029],{"type":126,"value":423},{"type":121,"tag":183,"props":1031,"children":1033},{"class":185,"line":1032},13,[1034],{"type":121,"tag":183,"props":1035,"children":1036},{"class":222},[1037],{"type":126,"value":444},{"type":121,"tag":1039,"props":1040,"children":1042},"h3",{"id":1041},"parameters",[1043],{"type":126,"value":1044},"Parameters",{"type":121,"tag":1046,"props":1047,"children":1048},"ul",{},[1049,1059,1068],{"type":121,"tag":1050,"props":1051,"children":1052},"li",{},[1053,1057],{"type":121,"tag":129,"props":1054,"children":1055},{},[1056],{"type":126,"value":611},{"type":126,"value":1058},": Source path of the image.",{"type":121,"tag":1050,"props":1060,"children":1061},{},[1062,1066],{"type":121,"tag":129,"props":1063,"children":1064},{},[1065],{"type":126,"value":633},{"type":126,"value":1067},": List of image modifiers that are defined in the image component or as a preset.",{"type":121,"tag":1050,"props":1069,"children":1070},{},[1071,1076,1078,1083,1085],{"type":121,"tag":129,"props":1072,"children":1073},{},[1074],{"type":126,"value":1075},"ctx",{"type":126,"value":1077},": (",{"type":121,"tag":129,"props":1079,"children":1080},{},[1081],{"type":126,"value":1082},"ImageCTX",{"type":126,"value":1084},") Image module runtime context",{"type":121,"tag":1046,"props":1086,"children":1087},{},[1088,1103],{"type":121,"tag":1050,"props":1089,"children":1090},{},[1091,1095,1096,1101],{"type":121,"tag":129,"props":1092,"children":1093},{},[1094],{"type":126,"value":689},{"type":126,"value":1077},{"type":121,"tag":129,"props":1097,"children":1098},{},[1099],{"type":126,"value":1100},"CreateImageOptions",{"type":126,"value":1102},") Image module global runtime options",{"type":121,"tag":1050,"props":1104,"children":1105},{},[1106,1110,1112],{"type":121,"tag":129,"props":1107,"children":1108},{},[1109],{"type":126,"value":702},{"type":126,"value":1111},": The ",{"type":121,"tag":1113,"props":1114,"children":1115},"a",{"href":29},[1116],{"type":126,"value":1117},"$img helper",{"type":121,"tag":122,"props":1119,"children":1120},{},[1121,1127,1129,1133],{"type":121,"tag":1122,"props":1123,"children":1124},"strong",{},[1125],{"type":126,"value":1126},"Note:",{"type":126,"value":1128}," Values in ",{"type":121,"tag":129,"props":1130,"children":1131},{},[1132],{"type":126,"value":1075},{"type":126,"value":1134}," might change. Use it with caution.",{"type":121,"tag":1039,"props":1136,"children":1137},{"id":954},[1138],{"type":126,"value":1139},"Return",{"type":121,"tag":1046,"props":1141,"children":1142},{},[1143],{"type":121,"tag":1050,"props":1144,"children":1145},{},[1146,1151],{"type":121,"tag":129,"props":1147,"children":1148},{},[1149],{"type":126,"value":1150},"url",{"type":126,"value":1152},": Absolute or relative url of optimized image.",{"type":121,"tag":468,"props":1154,"children":1156},{"id":1155},"use-your-provider",[1157],{"type":126,"value":1158},"Use your provider",{"type":121,"tag":1039,"props":1160,"children":1162},{"id":1161},"register-provider",[1163],{"type":126,"value":1164},"Register provider",{"type":121,"tag":122,"props":1166,"children":1167},{},[1168,1170,1174,1176,1181],{"type":126,"value":1169},"After you create your own provider, you should register it in the ",{"type":121,"tag":129,"props":1171,"children":1172},{},[1173],{"type":126,"value":152},{"type":126,"value":1175},". In order to do that create a property inside ",{"type":121,"tag":129,"props":1177,"children":1178},{},[1179],{"type":126,"value":1180},"image.provider",{"type":126,"value":916},{"type":121,"tag":168,"props":1183,"children":1186},{"className":1184,"code":1185,"language":484,"meta":115},[482],"export default {\n  ...\n  image: {\n    providers: {\n      customProvider: {\n        name: 'customProvider', // optional value to overrider provider name\n        provider: '~/providers/custom', // Path to custom provider\n        options: {\n          // ... provider options\n        }\n      }\n    }\n  }\n}\n",[1187],{"type":121,"tag":176,"props":1188,"children":1189},{},[1190],{"type":121,"tag":168,"props":1191,"children":1192},{"__ignoreMap":115},[1193,1216,1228,1240,1264,1288,1333,1379,1402,1415,1426,1437,1448,1459],{"type":121,"tag":183,"props":1194,"children":1195},{"class":185,"line":186},[1196,1200,1204,1208,1212],{"type":121,"tag":183,"props":1197,"children":1198},{"class":190},[1199],{"type":126,"value":193},{"type":121,"tag":183,"props":1201,"children":1202},{"class":196},[1203],{"type":126,"value":199},{"type":121,"tag":183,"props":1205,"children":1206},{"class":190},[1207],{"type":126,"value":204},{"type":121,"tag":183,"props":1209,"children":1210},{"class":196},[1211],{"type":126,"value":199},{"type":121,"tag":183,"props":1213,"children":1214},{"class":222},[1215],{"type":126,"value":225},{"type":121,"tag":183,"props":1217,"children":1218},{"class":185,"line":228},[1219,1223],{"type":121,"tag":183,"props":1220,"children":1221},{"class":196},[1222],{"type":126,"value":234},{"type":121,"tag":183,"props":1224,"children":1225},{"class":222},[1226],{"type":126,"value":1227},"...\n",{"type":121,"tag":183,"props":1229,"children":1230},{"class":185,"line":263},[1231,1236],{"type":121,"tag":183,"props":1232,"children":1233},{"class":196},[1234],{"type":126,"value":1235},"  image: ",{"type":121,"tag":183,"props":1237,"children":1238},{"class":222},[1239],{"type":126,"value":225},{"type":121,"tag":183,"props":1241,"children":1242},{"class":185,"line":288},[1243,1247,1252,1256,1260],{"type":121,"tag":183,"props":1244,"children":1245},{"class":196},[1246],{"type":126,"value":294},{"type":121,"tag":183,"props":1248,"children":1249},{"class":237},[1250],{"type":126,"value":1251},"providers",{"type":121,"tag":183,"props":1253,"children":1254},{"class":222},[1255],{"type":126,"value":245},{"type":121,"tag":183,"props":1257,"children":1258},{"class":196},[1259],{"type":126,"value":199},{"type":121,"tag":183,"props":1261,"children":1262},{"class":222},[1263],{"type":126,"value":225},{"type":121,"tag":183,"props":1265,"children":1266},{"class":185,"line":314},[1267,1271,1276,1280,1284],{"type":121,"tag":183,"props":1268,"children":1269},{"class":196},[1270],{"type":126,"value":320},{"type":121,"tag":183,"props":1272,"children":1273},{"class":237},[1274],{"type":126,"value":1275},"customProvider",{"type":121,"tag":183,"props":1277,"children":1278},{"class":222},[1279],{"type":126,"value":245},{"type":121,"tag":183,"props":1281,"children":1282},{"class":196},[1283],{"type":126,"value":199},{"type":121,"tag":183,"props":1285,"children":1286},{"class":222},[1287],{"type":126,"value":225},{"type":121,"tag":183,"props":1289,"children":1290},{"class":185,"line":337},[1291,1295,1300,1304,1308,1312,1316,1320,1324,1328],{"type":121,"tag":183,"props":1292,"children":1293},{"class":196},[1294],{"type":126,"value":343},{"type":121,"tag":183,"props":1296,"children":1297},{"class":237},[1298],{"type":126,"value":1299},"name",{"type":121,"tag":183,"props":1301,"children":1302},{"class":222},[1303],{"type":126,"value":245},{"type":121,"tag":183,"props":1305,"children":1306},{"class":196},[1307],{"type":126,"value":199},{"type":121,"tag":183,"props":1309,"children":1310},{"class":222},[1311],{"type":126,"value":348},{"type":121,"tag":183,"props":1313,"children":1314},{"class":351},[1315],{"type":126,"value":1275},{"type":121,"tag":183,"props":1317,"children":1318},{"class":222},[1319],{"type":126,"value":348},{"type":121,"tag":183,"props":1321,"children":1322},{"class":222},[1323],{"type":126,"value":616},{"type":121,"tag":183,"props":1325,"children":1326},{"class":196},[1327],{"type":126,"value":199},{"type":121,"tag":183,"props":1329,"children":1330},{"class":398},[1331],{"type":126,"value":1332},"// optional value to overrider provider name\n",{"type":121,"tag":183,"props":1334,"children":1335},{"class":185,"line":365},[1336,1340,1345,1349,1353,1357,1362,1366,1370,1374],{"type":121,"tag":183,"props":1337,"children":1338},{"class":196},[1339],{"type":126,"value":343},{"type":121,"tag":183,"props":1341,"children":1342},{"class":237},[1343],{"type":126,"value":1344},"provider",{"type":121,"tag":183,"props":1346,"children":1347},{"class":222},[1348],{"type":126,"value":245},{"type":121,"tag":183,"props":1350,"children":1351},{"class":196},[1352],{"type":126,"value":199},{"type":121,"tag":183,"props":1354,"children":1355},{"class":222},[1356],{"type":126,"value":348},{"type":121,"tag":183,"props":1358,"children":1359},{"class":351},[1360],{"type":126,"value":1361},"~/providers/custom",{"type":121,"tag":183,"props":1363,"children":1364},{"class":222},[1365],{"type":126,"value":348},{"type":121,"tag":183,"props":1367,"children":1368},{"class":222},[1369],{"type":126,"value":616},{"type":121,"tag":183,"props":1371,"children":1372},{"class":196},[1373],{"type":126,"value":199},{"type":121,"tag":183,"props":1375,"children":1376},{"class":398},[1377],{"type":126,"value":1378},"// Path to custom provider\n",{"type":121,"tag":183,"props":1380,"children":1381},{"class":185,"line":390},[1382,1386,1390,1394,1398],{"type":121,"tag":183,"props":1383,"children":1384},{"class":196},[1385],{"type":126,"value":343},{"type":121,"tag":183,"props":1387,"children":1388},{"class":237},[1389],{"type":126,"value":689},{"type":121,"tag":183,"props":1391,"children":1392},{"class":222},[1393],{"type":126,"value":245},{"type":121,"tag":183,"props":1395,"children":1396},{"class":196},[1397],{"type":126,"value":199},{"type":121,"tag":183,"props":1399,"children":1400},{"class":222},[1401],{"type":126,"value":225},{"type":121,"tag":183,"props":1403,"children":1404},{"class":185,"line":404},[1405,1410],{"type":121,"tag":183,"props":1406,"children":1407},{"class":222},[1408],{"type":126,"value":1409},"          ",{"type":121,"tag":183,"props":1411,"children":1412},{"class":398},[1413],{"type":126,"value":1414},"// ... provider options\n",{"type":121,"tag":183,"props":1416,"children":1417},{"class":185,"line":413},[1418,1422],{"type":121,"tag":183,"props":1419,"children":1420},{"class":196},[1421],{"type":126,"value":343},{"type":121,"tag":183,"props":1423,"children":1424},{"class":222},[1425],{"type":126,"value":423},{"type":121,"tag":183,"props":1427,"children":1428},{"class":185,"line":426},[1429,1433],{"type":121,"tag":183,"props":1430,"children":1431},{"class":196},[1432],{"type":126,"value":320},{"type":121,"tag":183,"props":1434,"children":1435},{"class":222},[1436],{"type":126,"value":423},{"type":121,"tag":183,"props":1438,"children":1439},{"class":185,"line":438},[1440,1444],{"type":121,"tag":183,"props":1441,"children":1442},{"class":196},[1443],{"type":126,"value":294},{"type":121,"tag":183,"props":1445,"children":1446},{"class":222},[1447],{"type":126,"value":423},{"type":121,"tag":183,"props":1449,"children":1450},{"class":185,"line":1032},[1451,1455],{"type":121,"tag":183,"props":1452,"children":1453},{"class":196},[1454],{"type":126,"value":234},{"type":121,"tag":183,"props":1456,"children":1457},{"class":222},[1458],{"type":126,"value":423},{"type":121,"tag":183,"props":1460,"children":1462},{"class":185,"line":1461},14,[1463],{"type":121,"tag":183,"props":1464,"children":1465},{"class":222},[1466],{"type":126,"value":444},{"type":121,"tag":122,"props":1468,"children":1469},{},[1470,1472,1477,1479,1487],{"type":126,"value":1471},"There are plenty of useful utilities that can be used to write providers by importing from ",{"type":121,"tag":129,"props":1473,"children":1474},{},[1475],{"type":126,"value":1476},"#img",{"type":126,"value":1478},". See ",{"type":121,"tag":1113,"props":1480,"children":1484},{"href":1481,"rel":1482},"https://github.com/nuxt/image/tree/dev/src/runtime/providers",[1483],"nofollow",[1485],{"type":126,"value":1486},"src/runtime/providers",{"type":126,"value":1488}," for more info.",{"type":121,"tag":451,"children":1490},[1491],{"type":126,"value":1492},".light .ct-064524{color:#39ADB5;font-style:italic;}\n.ct-064524{color:#89DDFF;font-style:italic;}\n.light .ct-770753{color:#90A4AE;}\n.ct-770753{color:#EEFFFF;}\n.dark .ct-770753{color:#A6ACCD;}\n.light .ct-209289{color:#39ADB5;}\n.ct-209289{color:#89DDFF;}\n.light .ct-007771{color:#E53935;}\n.ct-007771{color:#F07178;}\n.light .ct-709943{color:#91B859;}\n.ct-709943{color:#C3E88D;}\n.light .ct-458184{color:#90A4AE;font-style:italic;}\n.ct-458184{color:#546E7A;font-style:italic;}\n.dark .ct-458184{color:#676E95;font-style:italic;}\n.light .ct-046724{color:#9C3EDA;}\n.ct-046724{color:#C792EA;}\n.light .ct-750008{color:#6182B8;}\n.ct-750008{color:#82AAFF;}\n.light .ct-625988{color:#90A4AE;font-style:italic;}\n.ct-625988{color:#EEFFFF;font-style:italic;}\n.dark .ct-625988{color:#A6ACCD;font-style:italic;}",{"title":115,"searchDepth":228,"depth":228,"links":1494},[1495,1499],{"id":470,"depth":228,"text":473,"children":1496},[1497,1498],{"id":1041,"depth":263,"text":1044},{"id":954,"depth":263,"text":1139},{"id":1155,"depth":228,"text":1158,"children":1500},[1501],{"id":1161,"depth":263,"text":1164},"content:4.advanced:1.custom-provider.md","4.advanced/1.custom-provider.md",null,1693229332131]