[{"data":1,"prerenderedAt":1593},["ShallowReactive",2],{"navigation":3,"docs-/providers/netlify":139,"docs-/providers/netlify-surround":998},[4,20,33,129],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"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},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123,126],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Filerobot","/providers/filerobot",{"title":73,"_path":74},"Glide","/providers/glide",{"title":76,"_path":77},"Gumlet","/providers/gumlet",{"title":79,"_path":80},"Hygraph","/providers/hygraph",{"title":82,"_path":83},"ImageEngine","/providers/imageengine",{"title":85,"_path":86},"ImageKit","/providers/imagekit",{"title":88,"_path":89},"Imgix","/providers/imgix",{"title":91,"_path":92},"IPX","/providers/ipx",{"title":94,"_path":95},"Netlify","/providers/netlify",{"title":97,"_path":98},"Prepr","/providers/prepr",{"title":100,"_path":101},"Prismic","/providers/prismic",{"title":103,"_path":104},"Sanity","/providers/sanity",{"title":106,"_path":107},"Sirv","/providers/sirv",{"title":109,"_path":110},"Storyblok","/providers/storyblok",{"title":112,"_path":113},"Strapi","/providers/strapi",{"title":115,"_path":116},"Twicpics","/providers/twicpics",{"title":118,"_path":119},"Unsplash","/providers/unsplash",{"title":121,"_path":122},"Uploadcare","/providers/uploadcare",{"title":124,"_path":125},"Vercel","/providers/vercel",{"title":127,"_path":128},"Weserv","/providers/weserv",{"title":130,"_path":131,"children":132},"Advanced","/advanced",[133,136],{"title":134,"_path":135},"Custom Provider","/advanced/custom-provider",{"title":137,"_path":138},"Static Images","/advanced/static-images",{"_path":95,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":94,"description":143,"links":144,"body":150,"_type":992,"_id":993,"_source":994,"_file":995,"_stem":996,"_extension":997},"providers",false,"","Optimize images with Netlify's dynamic image transformation service.",[145],{"label":146,"icon":147,"to":148,"size":149},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/netlify.ts","xs",{"type":151,"children":152,"toc":983},"root",[153,181,195,209,326,333,346,352,357,485,491,522,790,796,832,839,859,865,878,885,906,916,977],{"type":154,"tag":155,"props":156,"children":157},"element","p",{},[158,161,170,172,179],{"type":159,"value":160},"text","When deploying your Nuxt applications to ",{"type":154,"tag":162,"props":163,"children":167},"a",{"href":164,"rel":165},"https://docs.netlify.com/platform/overview",[166],"nofollow",[168],{"type":159,"value":169},"Netlify's composable platform",{"type":159,"value":171},", the image module uses ",{"type":154,"tag":162,"props":173,"children":176},{"href":174,"rel":175},"https://docs.netlify.com/image-cdn/overview",[166],[177],{"type":159,"value":178},"Netlify Image CDN",{"type":159,"value":180}," to optimize and transform images on demand without impacting build times. Netlify Image CDN also handles content negotiation to use the most efficient image format for the requesting client.",{"type":154,"tag":155,"props":182,"children":183},{},[184,186,193],{"type":159,"value":185},"This provider is automatically enabled in Netlify deployments, and also when running locally using the ",{"type":154,"tag":162,"props":187,"children":190},{"href":188,"rel":189},"https://docs.netlify.com/cli/local-development",[166],[191],{"type":159,"value":192},"Netlify CLI",{"type":159,"value":194},".",{"type":154,"tag":155,"props":196,"children":197},{},[198,200,207],{"type":159,"value":199},"You can also manually enable this provider. To do so, set the provider to ",{"type":154,"tag":201,"props":202,"children":204},"code",{"className":203},[],[205],{"type":159,"value":206},"netlify",{"type":159,"value":208}," or add the following to your Nuxt configuration:",{"type":154,"tag":210,"props":211,"children":216},"pre",{"className":212,"code":213,"filename":214,"language":215,"meta":142,"style":142},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    provider: 'netlify'\n  }\n})\n","nuxt.config.ts","ts",[217],{"type":154,"tag":201,"props":218,"children":219},{"__ignoreMap":142},[220,255,275,303,312],{"type":154,"tag":221,"props":222,"children":225},"span",{"class":223,"line":224},"line",1,[226,232,237,243,249],{"type":154,"tag":221,"props":227,"children":229},{"style":228},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[230],{"type":159,"value":231},"export",{"type":154,"tag":221,"props":233,"children":234},{"style":228},[235],{"type":159,"value":236}," default",{"type":154,"tag":221,"props":238,"children":240},{"style":239},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[241],{"type":159,"value":242}," defineNuxtConfig",{"type":154,"tag":221,"props":244,"children":246},{"style":245},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[247],{"type":159,"value":248},"(",{"type":154,"tag":221,"props":250,"children":252},{"style":251},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[253],{"type":159,"value":254},"{\n",{"type":154,"tag":221,"props":256,"children":258},{"class":223,"line":257},2,[259,265,270],{"type":154,"tag":221,"props":260,"children":262},{"style":261},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[263],{"type":159,"value":264},"  image",{"type":154,"tag":221,"props":266,"children":267},{"style":251},[268],{"type":159,"value":269},":",{"type":154,"tag":221,"props":271,"children":272},{"style":251},[273],{"type":159,"value":274}," {\n",{"type":154,"tag":221,"props":276,"children":278},{"class":223,"line":277},3,[279,284,288,293,298],{"type":154,"tag":221,"props":280,"children":281},{"style":261},[282],{"type":159,"value":283},"    provider",{"type":154,"tag":221,"props":285,"children":286},{"style":251},[287],{"type":159,"value":269},{"type":154,"tag":221,"props":289,"children":290},{"style":251},[291],{"type":159,"value":292}," '",{"type":154,"tag":221,"props":294,"children":296},{"style":295},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[297],{"type":159,"value":206},{"type":154,"tag":221,"props":299,"children":300},{"style":251},[301],{"type":159,"value":302},"'\n",{"type":154,"tag":221,"props":304,"children":306},{"class":223,"line":305},4,[307],{"type":154,"tag":221,"props":308,"children":309},{"style":251},[310],{"type":159,"value":311},"  }\n",{"type":154,"tag":221,"props":313,"children":315},{"class":223,"line":314},5,[316,321],{"type":154,"tag":221,"props":317,"children":318},{"style":251},[319],{"type":159,"value":320},"}",{"type":154,"tag":221,"props":322,"children":323},{"style":245},[324],{"type":159,"value":325},")\n",{"type":154,"tag":327,"props":328,"children":330},"h2",{"id":329},"local-development",[331],{"type":159,"value":332},"Local Development",{"type":154,"tag":155,"props":334,"children":335},{},[336,338,344],{"type":159,"value":337},"To test image transformations locally, use ",{"type":154,"tag":162,"props":339,"children":341},{"href":188,"rel":340},[166],[342],{"type":159,"value":343},"Netlify Dev",{"type":159,"value":345},". This feature of the Netlify CLI runs a local development server that mimics the Netlify production environment, including Netlify Image CDN.",{"type":154,"tag":327,"props":347,"children":349},{"id":348},"remote-images",[350],{"type":159,"value":351},"Remote Images",{"type":154,"tag":155,"props":353,"children":354},{},[355],{"type":159,"value":356},"To transform a source image hosted on another domain, you must first configure allowed domains:",{"type":154,"tag":210,"props":358,"children":360},{"className":212,"code":359,"filename":214,"language":215,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    provider: 'netlify',\n    domains: ['images.example.com']\n  }\n})\n",[361],{"type":154,"tag":201,"props":362,"children":363},{"__ignoreMap":142},[364,387,402,431,466,473],{"type":154,"tag":221,"props":365,"children":366},{"class":223,"line":224},[367,371,375,379,383],{"type":154,"tag":221,"props":368,"children":369},{"style":228},[370],{"type":159,"value":231},{"type":154,"tag":221,"props":372,"children":373},{"style":228},[374],{"type":159,"value":236},{"type":154,"tag":221,"props":376,"children":377},{"style":239},[378],{"type":159,"value":242},{"type":154,"tag":221,"props":380,"children":381},{"style":245},[382],{"type":159,"value":248},{"type":154,"tag":221,"props":384,"children":385},{"style":251},[386],{"type":159,"value":254},{"type":154,"tag":221,"props":388,"children":389},{"class":223,"line":257},[390,394,398],{"type":154,"tag":221,"props":391,"children":392},{"style":261},[393],{"type":159,"value":264},{"type":154,"tag":221,"props":395,"children":396},{"style":251},[397],{"type":159,"value":269},{"type":154,"tag":221,"props":399,"children":400},{"style":251},[401],{"type":159,"value":274},{"type":154,"tag":221,"props":403,"children":404},{"class":223,"line":277},[405,409,413,417,421,426],{"type":154,"tag":221,"props":406,"children":407},{"style":261},[408],{"type":159,"value":283},{"type":154,"tag":221,"props":410,"children":411},{"style":251},[412],{"type":159,"value":269},{"type":154,"tag":221,"props":414,"children":415},{"style":251},[416],{"type":159,"value":292},{"type":154,"tag":221,"props":418,"children":419},{"style":295},[420],{"type":159,"value":206},{"type":154,"tag":221,"props":422,"children":423},{"style":251},[424],{"type":159,"value":425},"'",{"type":154,"tag":221,"props":427,"children":428},{"style":251},[429],{"type":159,"value":430},",\n",{"type":154,"tag":221,"props":432,"children":433},{"class":223,"line":305},[434,439,443,448,452,457,461],{"type":154,"tag":221,"props":435,"children":436},{"style":261},[437],{"type":159,"value":438},"    domains",{"type":154,"tag":221,"props":440,"children":441},{"style":251},[442],{"type":159,"value":269},{"type":154,"tag":221,"props":444,"children":445},{"style":245},[446],{"type":159,"value":447}," [",{"type":154,"tag":221,"props":449,"children":450},{"style":251},[451],{"type":159,"value":425},{"type":154,"tag":221,"props":453,"children":454},{"style":295},[455],{"type":159,"value":456},"images.example.com",{"type":154,"tag":221,"props":458,"children":459},{"style":251},[460],{"type":159,"value":425},{"type":154,"tag":221,"props":462,"children":463},{"style":245},[464],{"type":159,"value":465},"]\n",{"type":154,"tag":221,"props":467,"children":468},{"class":223,"line":314},[469],{"type":154,"tag":221,"props":470,"children":471},{"style":251},[472],{"type":159,"value":311},{"type":154,"tag":221,"props":474,"children":476},{"class":223,"line":475},6,[477,481],{"type":154,"tag":221,"props":478,"children":479},{"style":251},[480],{"type":159,"value":320},{"type":154,"tag":221,"props":482,"children":483},{"style":245},[484],{"type":159,"value":325},{"type":154,"tag":327,"props":486,"children":488},{"id":487},"modifiers",[489],{"type":159,"value":490},"Modifiers",{"type":154,"tag":155,"props":492,"children":493},{},[494,496,503,505,520],{"type":159,"value":495},"Beyond the ",{"type":154,"tag":162,"props":497,"children":500},{"href":498,"rel":499},"https://image.nuxt.com/usage/nuxt-img",[166],[501],{"type":159,"value":502},"standard properties",{"type":159,"value":504},", you can use the ",{"type":154,"tag":162,"props":506,"children":509},{"href":507,"rel":508},"https://docs.netlify.com/image-cdn/overview/#position",[166],[510,512,518],{"type":159,"value":511},"Netlify Image CDN ",{"type":154,"tag":201,"props":513,"children":515},{"className":514},[],[516],{"type":159,"value":517},"position",{"type":159,"value":519}," parameter",{"type":159,"value":521}," as a modifier for Nuxt Image.",{"type":154,"tag":210,"props":523,"children":527},{"className":524,"code":525,"language":526,"meta":142,"style":142},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"netlify\"\n  src=\"owl.jpg\"\n  height=\"400\"\n  width=\"600\"\n  fit=\"cover\"\n  format=\"webp\"\n  quality=\"80\"\n  :modifiers=\"{ position: 'left' }\"\n/>\n","vue",[528],{"type":154,"tag":201,"props":529,"children":530},{"__ignoreMap":142},[531,544,572,597,622,647,672,698,724,781],{"type":154,"tag":221,"props":532,"children":533},{"class":223,"line":224},[534,539],{"type":154,"tag":221,"props":535,"children":536},{"style":251},[537],{"type":159,"value":538},"\u003C",{"type":154,"tag":221,"props":540,"children":541},{"style":261},[542],{"type":159,"value":543},"NuxtImg\n",{"type":154,"tag":221,"props":545,"children":546},{"class":223,"line":257},[547,553,558,563,567],{"type":154,"tag":221,"props":548,"children":550},{"style":549},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[551],{"type":159,"value":552},"  provider",{"type":154,"tag":221,"props":554,"children":555},{"style":251},[556],{"type":159,"value":557},"=",{"type":154,"tag":221,"props":559,"children":560},{"style":251},[561],{"type":159,"value":562},"\"",{"type":154,"tag":221,"props":564,"children":565},{"style":295},[566],{"type":159,"value":206},{"type":154,"tag":221,"props":568,"children":569},{"style":251},[570],{"type":159,"value":571},"\"\n",{"type":154,"tag":221,"props":573,"children":574},{"class":223,"line":277},[575,580,584,588,593],{"type":154,"tag":221,"props":576,"children":577},{"style":549},[578],{"type":159,"value":579},"  src",{"type":154,"tag":221,"props":581,"children":582},{"style":251},[583],{"type":159,"value":557},{"type":154,"tag":221,"props":585,"children":586},{"style":251},[587],{"type":159,"value":562},{"type":154,"tag":221,"props":589,"children":590},{"style":295},[591],{"type":159,"value":592},"owl.jpg",{"type":154,"tag":221,"props":594,"children":595},{"style":251},[596],{"type":159,"value":571},{"type":154,"tag":221,"props":598,"children":599},{"class":223,"line":305},[600,605,609,613,618],{"type":154,"tag":221,"props":601,"children":602},{"style":549},[603],{"type":159,"value":604},"  height",{"type":154,"tag":221,"props":606,"children":607},{"style":251},[608],{"type":159,"value":557},{"type":154,"tag":221,"props":610,"children":611},{"style":251},[612],{"type":159,"value":562},{"type":154,"tag":221,"props":614,"children":615},{"style":295},[616],{"type":159,"value":617},"400",{"type":154,"tag":221,"props":619,"children":620},{"style":251},[621],{"type":159,"value":571},{"type":154,"tag":221,"props":623,"children":624},{"class":223,"line":314},[625,630,634,638,643],{"type":154,"tag":221,"props":626,"children":627},{"style":549},[628],{"type":159,"value":629},"  width",{"type":154,"tag":221,"props":631,"children":632},{"style":251},[633],{"type":159,"value":557},{"type":154,"tag":221,"props":635,"children":636},{"style":251},[637],{"type":159,"value":562},{"type":154,"tag":221,"props":639,"children":640},{"style":295},[641],{"type":159,"value":642},"600",{"type":154,"tag":221,"props":644,"children":645},{"style":251},[646],{"type":159,"value":571},{"type":154,"tag":221,"props":648,"children":649},{"class":223,"line":475},[650,655,659,663,668],{"type":154,"tag":221,"props":651,"children":652},{"style":549},[653],{"type":159,"value":654},"  fit",{"type":154,"tag":221,"props":656,"children":657},{"style":251},[658],{"type":159,"value":557},{"type":154,"tag":221,"props":660,"children":661},{"style":251},[662],{"type":159,"value":562},{"type":154,"tag":221,"props":664,"children":665},{"style":295},[666],{"type":159,"value":667},"cover",{"type":154,"tag":221,"props":669,"children":670},{"style":251},[671],{"type":159,"value":571},{"type":154,"tag":221,"props":673,"children":675},{"class":223,"line":674},7,[676,681,685,689,694],{"type":154,"tag":221,"props":677,"children":678},{"style":549},[679],{"type":159,"value":680},"  format",{"type":154,"tag":221,"props":682,"children":683},{"style":251},[684],{"type":159,"value":557},{"type":154,"tag":221,"props":686,"children":687},{"style":251},[688],{"type":159,"value":562},{"type":154,"tag":221,"props":690,"children":691},{"style":295},[692],{"type":159,"value":693},"webp",{"type":154,"tag":221,"props":695,"children":696},{"style":251},[697],{"type":159,"value":571},{"type":154,"tag":221,"props":699,"children":701},{"class":223,"line":700},8,[702,707,711,715,720],{"type":154,"tag":221,"props":703,"children":704},{"style":549},[705],{"type":159,"value":706},"  quality",{"type":154,"tag":221,"props":708,"children":709},{"style":251},[710],{"type":159,"value":557},{"type":154,"tag":221,"props":712,"children":713},{"style":251},[714],{"type":159,"value":562},{"type":154,"tag":221,"props":716,"children":717},{"style":295},[718],{"type":159,"value":719},"80",{"type":154,"tag":221,"props":721,"children":722},{"style":251},[723],{"type":159,"value":571},{"type":154,"tag":221,"props":725,"children":727},{"class":223,"line":726},9,[728,733,737,741,745,750,755,759,763,768,772,777],{"type":154,"tag":221,"props":729,"children":730},{"style":251},[731],{"type":159,"value":732},"  :",{"type":154,"tag":221,"props":734,"children":735},{"style":549},[736],{"type":159,"value":487},{"type":154,"tag":221,"props":738,"children":739},{"style":251},[740],{"type":159,"value":557},{"type":154,"tag":221,"props":742,"children":743},{"style":251},[744],{"type":159,"value":562},{"type":154,"tag":221,"props":746,"children":747},{"style":251},[748],{"type":159,"value":749},"{",{"type":154,"tag":221,"props":751,"children":752},{"style":261},[753],{"type":159,"value":754}," position",{"type":154,"tag":221,"props":756,"children":757},{"style":251},[758],{"type":159,"value":269},{"type":154,"tag":221,"props":760,"children":761},{"style":251},[762],{"type":159,"value":292},{"type":154,"tag":221,"props":764,"children":765},{"style":295},[766],{"type":159,"value":767},"left",{"type":154,"tag":221,"props":769,"children":770},{"style":251},[771],{"type":159,"value":425},{"type":154,"tag":221,"props":773,"children":774},{"style":251},[775],{"type":159,"value":776}," }",{"type":154,"tag":221,"props":778,"children":779},{"style":251},[780],{"type":159,"value":571},{"type":154,"tag":221,"props":782,"children":784},{"class":223,"line":783},10,[785],{"type":154,"tag":221,"props":786,"children":787},{"style":245},[788],{"type":159,"value":789},"/>\n",{"type":154,"tag":327,"props":791,"children":793},{"id":792},"deprecated-netlify-large-media-option",[794],{"type":159,"value":795},"Deprecated Netlify Large Media option",{"type":154,"tag":797,"props":798,"children":801},"callout",{"color":799,"icon":800},"amber","i-ph-warning-duotone",[802],{"type":154,"tag":155,"props":803,"children":804},{},[805,807,814,816,822,824,830],{"type":159,"value":806},"Netlify’s Large Media service is ",{"type":154,"tag":162,"props":808,"children":811},{"href":809,"rel":810},"https://answers.netlify.com/t/large-media-feature-deprecated-but-not-removed/100804",[166],[812],{"type":159,"value":813},"deprecated",{"type":159,"value":815},". If this feature is already enabled for your site on Netlify and you have already set ",{"type":154,"tag":201,"props":817,"children":819},{"className":818},[],[820],{"type":159,"value":821},"provider: 'netlify'",{"type":159,"value":823}," in your Nuxt configuration, then this will be detected at build time and Large Media continues to work on your site as usual. You can also explicitly enable it by setting ",{"type":154,"tag":201,"props":825,"children":827},{"className":826},[],[828],{"type":159,"value":829},"provider: 'netlifyLargeMedia'",{"type":159,"value":831},". However, new Large Media configuration is not recommended.",{"type":154,"tag":833,"props":834,"children":836},"h3",{"id":835},"migrate-to-netlify-image-cdn",[837],{"type":159,"value":838},"Migrate to Netlify Image CDN",{"type":154,"tag":155,"props":840,"children":841},{},[842,844,849,851,857],{"type":159,"value":843},"To migrate from the deprecated Netlify Large Media option to the more robust Netlify Image CDN option, change ",{"type":154,"tag":201,"props":845,"children":847},{"className":846},[],[848],{"type":159,"value":821},{"type":159,"value":850}," to ",{"type":154,"tag":201,"props":852,"children":854},{"className":853},[],[855],{"type":159,"value":856},"provider: 'netlifyImageCdn'",{"type":159,"value":858},". This will enable the Netlify Image CDN service, even if large media is enabled on your site.",{"type":154,"tag":833,"props":860,"children":862},{"id":861},"use-deprecated-netlify-large-media-option",[863],{"type":159,"value":864},"Use deprecated Netlify Large Media option",{"type":154,"tag":155,"props":866,"children":867},{},[868,870,877],{"type":159,"value":869},"If you're not ready to migrate to the more robust Netlify Image CDN option, Netlify continues to support dynamic image transformation for all JPEG, PNG, and GIF files you have set to be tracked with ",{"type":154,"tag":162,"props":871,"children":874},{"href":872,"rel":873},"https://docs.netlify.com/large-media/overview",[166],[875],{"type":159,"value":876},"Netlify Large Media",{"type":159,"value":194},{"type":154,"tag":879,"props":880,"children":882},"h4",{"id":881},"large-media-modifiers",[883],{"type":159,"value":884},"Large Media Modifiers",{"type":154,"tag":155,"props":886,"children":887},{},[888,890,896,898,904],{"type":159,"value":889},"In addition to ",{"type":154,"tag":201,"props":891,"children":893},{"className":892},[],[894],{"type":159,"value":895},"height",{"type":159,"value":897}," and ",{"type":154,"tag":201,"props":899,"children":901},{"className":900},[],[902],{"type":159,"value":903},"width",{"type":159,"value":905},", the deprecated Netlify Large Media provider supports the following modifiers:",{"type":154,"tag":907,"props":908,"children":910},"h5",{"id":909},"fit",[911],{"type":154,"tag":201,"props":912,"children":914},{"className":913},[],[915],{"type":159,"value":909},{"type":154,"tag":917,"props":918,"children":919},"ul",{},[920,938],{"type":154,"tag":921,"props":922,"children":923},"li",{},[924,930,932],{"type":154,"tag":925,"props":926,"children":927},"strong",{},[928],{"type":159,"value":929},"Default",{"type":159,"value":931},": ",{"type":154,"tag":201,"props":933,"children":935},{"className":934},[],[936],{"type":159,"value":937},"contain",{"type":154,"tag":921,"props":939,"children":940},{},[941,946,947,952,954,960,962,968,969,975],{"type":154,"tag":925,"props":942,"children":943},{},[944],{"type":159,"value":945},"Valid options",{"type":159,"value":931},{"type":154,"tag":201,"props":948,"children":950},{"className":949},[],[951],{"type":159,"value":937},{"type":159,"value":953}," (equivalent to ",{"type":154,"tag":201,"props":955,"children":957},{"className":956},[],[958],{"type":159,"value":959},"nf_resize=fit",{"type":159,"value":961},") and ",{"type":154,"tag":201,"props":963,"children":965},{"className":964},[],[966],{"type":159,"value":967},"fill",{"type":159,"value":953},{"type":154,"tag":201,"props":970,"children":972},{"className":971},[],[973],{"type":159,"value":974},"nf_resize=smartcrop",{"type":159,"value":976},")",{"type":154,"tag":978,"props":979,"children":980},"style",{},[981],{"type":159,"value":982},"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":142,"searchDepth":257,"depth":257,"links":984},[985,986,987,988],{"id":329,"depth":257,"text":332},{"id":348,"depth":257,"text":351},{"id":487,"depth":257,"text":490},{"id":792,"depth":257,"text":795,"children":989},[990,991],{"id":835,"depth":277,"text":838},{"id":861,"depth":277,"text":864},"markdown","content:3.providers:netlify.md","content","3.providers/netlify.md","3.providers/netlify","md",[999,1196],{"_path":92,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":91,"description":1000,"links":1001,"body":1004,"_type":992,"_id":1193,"_source":994,"_file":1194,"_stem":1195,"_extension":997},"IPX is the built-in and self hosted image optimizer for Nuxt Image.",[1002],{"label":146,"icon":147,"to":1003,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/ipx.ts",{"type":151,"children":1005,"toc":1190},[1006,1036,1042,1056,1064,1186],{"type":154,"tag":155,"props":1007,"children":1008},{},[1009,1011,1017,1019,1026,1028,1035],{"type":159,"value":1010},"Nuxt Image comes with a ",{"type":154,"tag":162,"props":1012,"children":1014},{"href":1013},"/get-started/providers#default-provider",[1015],{"type":159,"value":1016},"preconfigured instance",{"type":159,"value":1018}," of ",{"type":154,"tag":162,"props":1020,"children":1023},{"href":1021,"rel":1022},"https://github.com/unjs/ipx",[166],[1024],{"type":159,"value":1025},"unjs/ipx",{"type":159,"value":1027}," - an open source, self-hosted image optimizer based on ",{"type":154,"tag":162,"props":1029,"children":1032},{"href":1030,"rel":1031},"https://github.com/lovell/sharp",[166],[1033],{"type":159,"value":1034},"lovell/sharp",{"type":159,"value":194},{"type":154,"tag":327,"props":1037,"children":1039},{"id":1038},"additional-modifiers",[1040],{"type":159,"value":1041},"Additional Modifiers",{"type":154,"tag":155,"props":1043,"children":1044},{},[1045,1047,1054],{"type":159,"value":1046},"You can use ",{"type":154,"tag":162,"props":1048,"children":1051},{"href":1049,"rel":1050},"https://github.com/unjs/ipx/#modifiers",[166],[1052],{"type":159,"value":1053},"additional modifiers",{"type":159,"value":1055}," supported by IPX.",{"type":154,"tag":155,"props":1057,"children":1058},{},[1059],{"type":154,"tag":925,"props":1060,"children":1061},{},[1062],{"type":159,"value":1063},"Example:",{"type":154,"tag":210,"props":1065,"children":1067},{"className":524,"code":1066,"language":526,"meta":142,"style":142},"\u003CNuxtImg\n  src=\"/image.png\"\n  :modifiers=\"{ grayscale: true, tint: '#00DC82' }\"\n/>\n",[1068],{"type":154,"tag":201,"props":1069,"children":1070},{"__ignoreMap":142},[1071,1082,1106,1179],{"type":154,"tag":221,"props":1072,"children":1073},{"class":223,"line":224},[1074,1078],{"type":154,"tag":221,"props":1075,"children":1076},{"style":251},[1077],{"type":159,"value":538},{"type":154,"tag":221,"props":1079,"children":1080},{"style":261},[1081],{"type":159,"value":543},{"type":154,"tag":221,"props":1083,"children":1084},{"class":223,"line":257},[1085,1089,1093,1097,1102],{"type":154,"tag":221,"props":1086,"children":1087},{"style":549},[1088],{"type":159,"value":579},{"type":154,"tag":221,"props":1090,"children":1091},{"style":251},[1092],{"type":159,"value":557},{"type":154,"tag":221,"props":1094,"children":1095},{"style":251},[1096],{"type":159,"value":562},{"type":154,"tag":221,"props":1098,"children":1099},{"style":295},[1100],{"type":159,"value":1101},"/image.png",{"type":154,"tag":221,"props":1103,"children":1104},{"style":251},[1105],{"type":159,"value":571},{"type":154,"tag":221,"props":1107,"children":1108},{"class":223,"line":277},[1109,1113,1117,1121,1125,1129,1134,1138,1144,1149,1154,1158,1162,1167,1171,1175],{"type":154,"tag":221,"props":1110,"children":1111},{"style":251},[1112],{"type":159,"value":732},{"type":154,"tag":221,"props":1114,"children":1115},{"style":549},[1116],{"type":159,"value":487},{"type":154,"tag":221,"props":1118,"children":1119},{"style":251},[1120],{"type":159,"value":557},{"type":154,"tag":221,"props":1122,"children":1123},{"style":251},[1124],{"type":159,"value":562},{"type":154,"tag":221,"props":1126,"children":1127},{"style":251},[1128],{"type":159,"value":749},{"type":154,"tag":221,"props":1130,"children":1131},{"style":261},[1132],{"type":159,"value":1133}," grayscale",{"type":154,"tag":221,"props":1135,"children":1136},{"style":251},[1137],{"type":159,"value":269},{"type":154,"tag":221,"props":1139,"children":1141},{"style":1140},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1142],{"type":159,"value":1143}," true",{"type":154,"tag":221,"props":1145,"children":1146},{"style":251},[1147],{"type":159,"value":1148},",",{"type":154,"tag":221,"props":1150,"children":1151},{"style":261},[1152],{"type":159,"value":1153}," tint",{"type":154,"tag":221,"props":1155,"children":1156},{"style":251},[1157],{"type":159,"value":269},{"type":154,"tag":221,"props":1159,"children":1160},{"style":251},[1161],{"type":159,"value":292},{"type":154,"tag":221,"props":1163,"children":1164},{"style":295},[1165],{"type":159,"value":1166},"#00DC82",{"type":154,"tag":221,"props":1168,"children":1169},{"style":251},[1170],{"type":159,"value":425},{"type":154,"tag":221,"props":1172,"children":1173},{"style":251},[1174],{"type":159,"value":776},{"type":154,"tag":221,"props":1176,"children":1177},{"style":251},[1178],{"type":159,"value":571},{"type":154,"tag":221,"props":1180,"children":1181},{"class":223,"line":305},[1182],{"type":154,"tag":221,"props":1183,"children":1184},{"style":245},[1185],{"type":159,"value":789},{"type":154,"tag":978,"props":1187,"children":1188},{},[1189],{"type":159,"value":982},{"title":142,"searchDepth":257,"depth":257,"links":1191},[1192],{"id":1038,"depth":257,"text":1041},"content:3.providers:ipx.md","3.providers/ipx.md","3.providers/ipx",{"_path":98,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":97,"description":1197,"links":1198,"body":1201,"_type":992,"_id":1590,"_source":994,"_file":1591,"_stem":1592,"_extension":997},"Nuxt Image integration with Prepr CMS.",[1199],{"label":146,"icon":147,"to":1200,"size":149},"https://github.com/nuxt/image/tree/main/src/runtime/providers/prepr",{"type":151,"children":1202,"toc":1584},[1203,1216,1229,1350,1354,1368,1373,1395,1419,1424,1429,1510,1518,1538,1565,1580],{"type":154,"tag":155,"props":1204,"children":1205},{},[1206,1208,1214],{"type":159,"value":1207},"Integration between ",{"type":154,"tag":162,"props":1209,"children":1212},{"href":1210,"rel":1211},"https://prepr.io",[166],[1213],{"type":159,"value":97},{"type":159,"value":1215}," and Nuxt Image.",{"type":154,"tag":155,"props":1217,"children":1218},{},[1219,1221,1227],{"type":159,"value":1220},"To use this provider you just need to specify the ",{"type":154,"tag":201,"props":1222,"children":1224},{"className":1223},[],[1225],{"type":159,"value":1226},"projectName",{"type":159,"value":1228}," of your project in Prepr.",{"type":154,"tag":210,"props":1230,"children":1232},{"className":212,"code":1231,"filename":214,"language":215,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    prepr: {\n      // E.g.: https://YourProjectName.prepr.io\n      projectName: 'YourProjectName'\n    }\n  }\n})\n",[1233],{"type":154,"tag":201,"props":1234,"children":1235},{"__ignoreMap":142},[1236,1259,1274,1290,1299,1324,1332,1339],{"type":154,"tag":221,"props":1237,"children":1238},{"class":223,"line":224},[1239,1243,1247,1251,1255],{"type":154,"tag":221,"props":1240,"children":1241},{"style":228},[1242],{"type":159,"value":231},{"type":154,"tag":221,"props":1244,"children":1245},{"style":228},[1246],{"type":159,"value":236},{"type":154,"tag":221,"props":1248,"children":1249},{"style":239},[1250],{"type":159,"value":242},{"type":154,"tag":221,"props":1252,"children":1253},{"style":245},[1254],{"type":159,"value":248},{"type":154,"tag":221,"props":1256,"children":1257},{"style":251},[1258],{"type":159,"value":254},{"type":154,"tag":221,"props":1260,"children":1261},{"class":223,"line":257},[1262,1266,1270],{"type":154,"tag":221,"props":1263,"children":1264},{"style":261},[1265],{"type":159,"value":264},{"type":154,"tag":221,"props":1267,"children":1268},{"style":251},[1269],{"type":159,"value":269},{"type":154,"tag":221,"props":1271,"children":1272},{"style":251},[1273],{"type":159,"value":274},{"type":154,"tag":221,"props":1275,"children":1276},{"class":223,"line":277},[1277,1282,1286],{"type":154,"tag":221,"props":1278,"children":1279},{"style":261},[1280],{"type":159,"value":1281},"    prepr",{"type":154,"tag":221,"props":1283,"children":1284},{"style":251},[1285],{"type":159,"value":269},{"type":154,"tag":221,"props":1287,"children":1288},{"style":251},[1289],{"type":159,"value":274},{"type":154,"tag":221,"props":1291,"children":1292},{"class":223,"line":305},[1293],{"type":154,"tag":221,"props":1294,"children":1296},{"style":1295},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1297],{"type":159,"value":1298},"      // E.g.: https://YourProjectName.prepr.io\n",{"type":154,"tag":221,"props":1300,"children":1301},{"class":223,"line":314},[1302,1307,1311,1315,1320],{"type":154,"tag":221,"props":1303,"children":1304},{"style":261},[1305],{"type":159,"value":1306},"      projectName",{"type":154,"tag":221,"props":1308,"children":1309},{"style":251},[1310],{"type":159,"value":269},{"type":154,"tag":221,"props":1312,"children":1313},{"style":251},[1314],{"type":159,"value":292},{"type":154,"tag":221,"props":1316,"children":1317},{"style":295},[1318],{"type":159,"value":1319},"YourProjectName",{"type":154,"tag":221,"props":1321,"children":1322},{"style":251},[1323],{"type":159,"value":302},{"type":154,"tag":221,"props":1325,"children":1326},{"class":223,"line":475},[1327],{"type":154,"tag":221,"props":1328,"children":1329},{"style":251},[1330],{"type":159,"value":1331},"    }\n",{"type":154,"tag":221,"props":1333,"children":1334},{"class":223,"line":674},[1335],{"type":154,"tag":221,"props":1336,"children":1337},{"style":251},[1338],{"type":159,"value":311},{"type":154,"tag":221,"props":1340,"children":1341},{"class":223,"line":700},[1342,1346],{"type":154,"tag":221,"props":1343,"children":1344},{"style":251},[1345],{"type":159,"value":320},{"type":154,"tag":221,"props":1347,"children":1348},{"style":245},[1349],{"type":159,"value":325},{"type":154,"tag":327,"props":1351,"children":1352},{"id":487},[1353],{"type":159,"value":490},{"type":154,"tag":155,"props":1355,"children":1356},{},[1357,1359,1366],{"type":159,"value":1358},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out the ",{"type":154,"tag":162,"props":1360,"children":1363},{"href":1361,"rel":1362},"https://docs.prepr.io/reference/rest/v1/assets-resizing",[166],[1364],{"type":159,"value":1365},"Prepr documentation",{"type":159,"value":1367},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":154,"tag":155,"props":1369,"children":1370},{},[1371],{"type":159,"value":1372},"For the time being you might find the following links useful:",{"type":154,"tag":917,"props":1374,"children":1375},{},[1376,1385],{"type":154,"tag":921,"props":1377,"children":1378},{},[1379],{"type":154,"tag":162,"props":1380,"children":1382},{"href":1361,"rel":1381},[166],[1383],{"type":159,"value":1384},"Assets Resizing via REST API",{"type":154,"tag":921,"props":1386,"children":1387},{},[1388],{"type":154,"tag":162,"props":1389,"children":1392},{"href":1390,"rel":1391},"https://docs.prepr.io/managing-content/images",[166],[1393],{"type":159,"value":1394},"Understanding your marketing and design team workflows",{"type":154,"tag":797,"props":1396,"children":1397},{},[1398],{"type":154,"tag":155,"props":1399,"children":1400},{},[1401,1403,1409,1411,1417],{"type":159,"value":1402},"prepr.io does not provide a way to restrict what domains can\nrequest assets to your project's CDN, nor limit the maximum size in ",{"type":154,"tag":201,"props":1404,"children":1406},{"className":1405},[],[1407],{"type":159,"value":1408},"pixels",{"type":159,"value":1410}," or\n",{"type":154,"tag":201,"props":1412,"children":1414},{"className":1413},[],[1415],{"type":159,"value":1416},"bytes",{"type":159,"value":1418}," of images that are served from the CDN.",{"type":154,"tag":833,"props":1420,"children":1422},{"id":1421},"modifiers-1",[1423],{"type":159,"value":490},{"type":154,"tag":155,"props":1425,"children":1426},{},[1427],{"type":159,"value":1428},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":154,"tag":917,"props":1430,"children":1431},{},[1432,1449,1464,1479,1495],{"type":154,"tag":921,"props":1433,"children":1434},{},[1435,1441,1443],{"type":154,"tag":201,"props":1436,"children":1438},{"className":1437},[],[1439],{"type":159,"value":1440},"crop",{"type":159,"value":1442}," is equivalent to ",{"type":154,"tag":201,"props":1444,"children":1446},{"className":1445},[],[1447],{"type":159,"value":1448},"c",{"type":154,"tag":921,"props":1450,"children":1451},{},[1452,1458,1459],{"type":154,"tag":201,"props":1453,"children":1455},{"className":1454},[],[1456],{"type":159,"value":1457},"format",{"type":159,"value":1442},{"type":154,"tag":201,"props":1460,"children":1462},{"className":1461},[],[1463],{"type":159,"value":1457},{"type":154,"tag":921,"props":1465,"children":1466},{},[1467,1472,1473],{"type":154,"tag":201,"props":1468,"children":1470},{"className":1469},[],[1471],{"type":159,"value":895},{"type":159,"value":1442},{"type":154,"tag":201,"props":1474,"children":1476},{"className":1475},[],[1477],{"type":159,"value":1478},"h",{"type":154,"tag":921,"props":1480,"children":1481},{},[1482,1488,1489],{"type":154,"tag":201,"props":1483,"children":1485},{"className":1484},[],[1486],{"type":159,"value":1487},"quality",{"type":159,"value":1442},{"type":154,"tag":201,"props":1490,"children":1492},{"className":1491},[],[1493],{"type":159,"value":1494},"q",{"type":154,"tag":921,"props":1496,"children":1497},{},[1498,1503,1504],{"type":154,"tag":201,"props":1499,"children":1501},{"className":1500},[],[1502],{"type":159,"value":903},{"type":159,"value":1442},{"type":154,"tag":201,"props":1505,"children":1507},{"className":1506},[],[1508],{"type":159,"value":1509},"w",{"type":154,"tag":833,"props":1511,"children":1512},{"id":909},[1513],{"type":154,"tag":201,"props":1514,"children":1516},{"className":1515},[],[1517],{"type":159,"value":909},{"type":154,"tag":155,"props":1519,"children":1520},{},[1521,1523,1536],{"type":159,"value":1522},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":154,"tag":162,"props":1524,"children":1526},{"href":1525},"/usage/nuxt-img#fit",[1527,1529,1534],{"type":159,"value":1528},"default ",{"type":154,"tag":201,"props":1530,"children":1532},{"className":1531},[],[1533],{"type":159,"value":909},{"type":159,"value":1535}," behavior",{"type":159,"value":1537},"\nare supported:",{"type":154,"tag":917,"props":1539,"children":1540},{},[1541],{"type":154,"tag":921,"props":1542,"children":1543},{},[1544,1549,1551,1556,1558,1564],{"type":154,"tag":201,"props":1545,"children":1547},{"className":1546},[],[1548],{"type":159,"value":667},{"type":159,"value":1550}," - this will behave like the Prepr modifier ",{"type":154,"tag":201,"props":1552,"children":1554},{"className":1553},[],[1555],{"type":159,"value":1440},{"type":159,"value":1557},", when passed without\na value (defaults to ",{"type":154,"tag":201,"props":1559,"children":1561},{"className":1560},[],[1562],{"type":159,"value":1563},"centre",{"type":159,"value":976},{"type":154,"tag":797,"props":1566,"children":1567},{},[1568],{"type":154,"tag":155,"props":1569,"children":1570},{},[1571,1573,1578],{"type":159,"value":1572},"For the time being, other ",{"type":154,"tag":201,"props":1574,"children":1576},{"className":1575},[],[1577],{"type":159,"value":909},{"type":159,"value":1579}," options are not supported by this provider.",{"type":154,"tag":978,"props":1581,"children":1582},{},[1583],{"type":159,"value":982},{"title":142,"searchDepth":257,"depth":257,"links":1585},[1586],{"id":487,"depth":257,"text":490,"children":1587},[1588,1589],{"id":1421,"depth":277,"text":490},{"id":909,"depth":277,"text":909},"content:3.providers:prepr.md","3.providers/prepr.md","3.providers/prepr",1742393726065]