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