[{"data":1,"prerenderedAt":1537},["Reactive",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":993,"_id":994,"_source":995,"_file":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":984},"root",[150,178,192,206,328,335,348,354,359,485,491,522,791,797,833,840,860,866,879,886,907,917,978],{"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-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--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,782],{"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,756,760,764,769,773,778],{"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":753},{"style":752},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[754],{"type":156,"value":755}," position",{"type":151,"tag":218,"props":757,"children":758},{"style":248},[759],{"type":156,"value":266},{"type":151,"tag":218,"props":761,"children":762},{"style":248},[763],{"type":156,"value":289},{"type":151,"tag":218,"props":765,"children":766},{"style":292},[767],{"type":156,"value":768},"left",{"type":151,"tag":218,"props":770,"children":771},{"style":248},[772],{"type":156,"value":299},{"type":151,"tag":218,"props":774,"children":775},{"style":248},[776],{"type":156,"value":777}," }",{"type":151,"tag":218,"props":779,"children":780},{"style":248},[781],{"type":156,"value":571},{"type":151,"tag":218,"props":783,"children":785},{"class":220,"line":784},10,[786],{"type":151,"tag":218,"props":787,"children":788},{"style":242},[789],{"type":156,"value":790},"/>\n",{"type":151,"tag":329,"props":792,"children":794},{"id":793},"deprecated-netlify-large-media-option",[795],{"type":156,"value":796},"Deprecated Netlify Large Media option",{"type":151,"tag":798,"props":799,"children":802},"callout",{"color":800,"icon":801},"amber","i-ph-warning-duotone",[803],{"type":151,"tag":152,"props":804,"children":805},{},[806,808,815,817,823,825,831],{"type":156,"value":807},"Netlify’s Large Media service is ",{"type":151,"tag":159,"props":809,"children":812},{"href":810,"rel":811},"https://answers.netlify.com/t/large-media-feature-deprecated-but-not-removed/100804",[163],[813],{"type":156,"value":814},"deprecated",{"type":156,"value":816},". If this feature is already enabled for your site on Netlify and you have already set ",{"type":151,"tag":198,"props":818,"children":820},{"className":819},[],[821],{"type":156,"value":822},"provider: 'netlify'",{"type":156,"value":824}," 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":826,"children":828},{"className":827},[],[829],{"type":156,"value":830},"provider: 'netlifyLargeMedia'",{"type":156,"value":832},". However, new Large Media configuration is not recommended.",{"type":151,"tag":834,"props":835,"children":837},"h3",{"id":836},"migrate-to-netlify-image-cdn",[838],{"type":156,"value":839},"Migrate to Netlify Image CDN",{"type":151,"tag":152,"props":841,"children":842},{},[843,845,850,852,858],{"type":156,"value":844},"To migrate from the deprecated Netlify Large Media option to the more robust Netlify Image CDN option, change ",{"type":151,"tag":198,"props":846,"children":848},{"className":847},[],[849],{"type":156,"value":822},{"type":156,"value":851}," to ",{"type":151,"tag":198,"props":853,"children":855},{"className":854},[],[856],{"type":156,"value":857},"provider: 'netlifyImageCdn'",{"type":156,"value":859},". This will enable the Netlify Image CDN service, even if large media is enabled on your site.",{"type":151,"tag":834,"props":861,"children":863},{"id":862},"use-deprecated-netlify-large-media-option",[864],{"type":156,"value":865},"Use deprecated Netlify Large Media option",{"type":151,"tag":152,"props":867,"children":868},{},[869,871,878],{"type":156,"value":870},"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":872,"children":875},{"href":873,"rel":874},"https://docs.netlify.com/large-media/overview/",[163],[876],{"type":156,"value":877},"Netlify Large Media",{"type":156,"value":191},{"type":151,"tag":880,"props":881,"children":883},"h4",{"id":882},"large-media-modifiers",[884],{"type":156,"value":885},"Large Media Modifiers",{"type":151,"tag":152,"props":887,"children":888},{},[889,891,897,899,905],{"type":156,"value":890},"In addition to ",{"type":151,"tag":198,"props":892,"children":894},{"className":893},[],[895],{"type":156,"value":896},"height",{"type":156,"value":898}," and ",{"type":151,"tag":198,"props":900,"children":902},{"className":901},[],[903],{"type":156,"value":904},"width",{"type":156,"value":906},", the deprecated Netlify Large Media provider supports the following modifiers:",{"type":151,"tag":908,"props":909,"children":911},"h5",{"id":910},"fit",[912],{"type":151,"tag":198,"props":913,"children":915},{"className":914},[],[916],{"type":156,"value":910},{"type":151,"tag":918,"props":919,"children":920},"ul",{},[921,939],{"type":151,"tag":922,"props":923,"children":924},"li",{},[925,931,933],{"type":151,"tag":926,"props":927,"children":928},"strong",{},[929],{"type":156,"value":930},"Default",{"type":156,"value":932},": ",{"type":151,"tag":198,"props":934,"children":936},{"className":935},[],[937],{"type":156,"value":938},"contain",{"type":151,"tag":922,"props":940,"children":941},{},[942,947,948,953,955,961,963,969,970,976],{"type":151,"tag":926,"props":943,"children":944},{},[945],{"type":156,"value":946},"Valid options",{"type":156,"value":932},{"type":151,"tag":198,"props":949,"children":951},{"className":950},[],[952],{"type":156,"value":938},{"type":156,"value":954}," (equivalent to ",{"type":151,"tag":198,"props":956,"children":958},{"className":957},[],[959],{"type":156,"value":960},"nf_resize=fit",{"type":156,"value":962},") and ",{"type":151,"tag":198,"props":964,"children":966},{"className":965},[],[967],{"type":156,"value":968},"fill",{"type":156,"value":954},{"type":151,"tag":198,"props":971,"children":973},{"className":972},[],[974],{"type":156,"value":975},"nf_resize=smartcrop",{"type":156,"value":977},")",{"type":151,"tag":979,"props":980,"children":981},"style",{},[982],{"type":156,"value":983},"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":985},[986,987,988,989],{"id":331,"depth":254,"text":334},{"id":350,"depth":254,"text":353},{"id":487,"depth":254,"text":490},{"id":793,"depth":254,"text":796,"children":990},[991,992],{"id":836,"depth":274,"text":839},{"id":862,"depth":274,"text":865},"markdown","content:3.providers:netlify.md","content","3.providers/netlify.md","md",[999,1143],{"_path":89,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":88,"description":1000,"links":1001,"body":1004,"_type":993,"_id":1141,"_source":995,"_file":1142,"_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":926,"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":979,"props":1135,"children":1136},{},[1137],{"type":156,"value":983},{"title":139,"searchDepth":254,"depth":254,"links":1139},[1140],{"id":1038,"depth":254,"text":1041},"content:3.providers:ipx.md","3.providers/ipx.md",{"_path":95,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":94,"description":1144,"links":1145,"body":1148,"_type":993,"_id":1535,"_source":995,"_file":1536,"_extension":997},"Nuxt Image integration with Prepr CMS.",[1146],{"label":143,"icon":144,"to":1147,"size":146},"https://github.com/nuxt/image/tree/main/src/runtime/providers/prepr",{"type":148,"children":1149,"toc":1529},[1150,1163,1176,1301,1305,1319,1324,1346,1370,1376,1381,1462,1470,1483,1510,1525],{"type":151,"tag":152,"props":1151,"children":1152},{},[1153,1155,1161],{"type":156,"value":1154},"Integration between ",{"type":151,"tag":159,"props":1156,"children":1159},{"href":1157,"rel":1158},"https://prepr.io/",[163],[1160],{"type":156,"value":94},{"type":156,"value":1162}," and Nuxt Image.",{"type":151,"tag":152,"props":1164,"children":1165},{},[1166,1168,1174],{"type":156,"value":1167},"To use this provider you just need to specify the ",{"type":151,"tag":198,"props":1169,"children":1171},{"className":1170},[],[1172],{"type":156,"value":1173},"projectName",{"type":156,"value":1175}," of your project in Prepr.",{"type":151,"tag":207,"props":1177,"children":1179},{"className":209,"code":1178,"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",[1180],{"type":151,"tag":198,"props":1181,"children":1182},{"__ignoreMap":139},[1183,1206,1221,1237,1246,1275,1283,1290],{"type":151,"tag":218,"props":1184,"children":1185},{"class":220,"line":221},[1186,1190,1194,1198,1202],{"type":151,"tag":218,"props":1187,"children":1188},{"style":225},[1189],{"type":156,"value":228},{"type":151,"tag":218,"props":1191,"children":1192},{"style":225},[1193],{"type":156,"value":233},{"type":151,"tag":218,"props":1195,"children":1196},{"style":236},[1197],{"type":156,"value":239},{"type":151,"tag":218,"props":1199,"children":1200},{"style":242},[1201],{"type":156,"value":245},{"type":151,"tag":218,"props":1203,"children":1204},{"style":248},[1205],{"type":156,"value":251},{"type":151,"tag":218,"props":1207,"children":1208},{"class":220,"line":254},[1209,1213,1217],{"type":151,"tag":218,"props":1210,"children":1211},{"style":258},[1212],{"type":156,"value":261},{"type":151,"tag":218,"props":1214,"children":1215},{"style":248},[1216],{"type":156,"value":266},{"type":151,"tag":218,"props":1218,"children":1219},{"style":248},[1220],{"type":156,"value":271},{"type":151,"tag":218,"props":1222,"children":1223},{"class":220,"line":274},[1224,1229,1233],{"type":151,"tag":218,"props":1225,"children":1226},{"style":258},[1227],{"type":156,"value":1228},"    prepr",{"type":151,"tag":218,"props":1230,"children":1231},{"style":248},[1232],{"type":156,"value":266},{"type":151,"tag":218,"props":1234,"children":1235},{"style":248},[1236],{"type":156,"value":271},{"type":151,"tag":218,"props":1238,"children":1239},{"class":220,"line":307},[1240],{"type":151,"tag":218,"props":1241,"children":1243},{"style":1242},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[1244],{"type":156,"value":1245},"      // E.g.: https://YourProjectName.prepr.io/\n",{"type":151,"tag":218,"props":1247,"children":1248},{"class":220,"line":316},[1249,1254,1258,1262,1267,1271],{"type":151,"tag":218,"props":1250,"children":1251},{"style":258},[1252],{"type":156,"value":1253},"      projectName",{"type":151,"tag":218,"props":1255,"children":1256},{"style":248},[1257],{"type":156,"value":266},{"type":151,"tag":218,"props":1259,"children":1260},{"style":248},[1261],{"type":156,"value":289},{"type":151,"tag":218,"props":1263,"children":1264},{"style":292},[1265],{"type":156,"value":1266},"YourProjectName",{"type":151,"tag":218,"props":1268,"children":1269},{"style":248},[1270],{"type":156,"value":299},{"type":151,"tag":218,"props":1272,"children":1273},{"style":248},[1274],{"type":156,"value":304},{"type":151,"tag":218,"props":1276,"children":1277},{"class":220,"line":475},[1278],{"type":151,"tag":218,"props":1279,"children":1280},{"style":248},[1281],{"type":156,"value":1282},"    }\n",{"type":151,"tag":218,"props":1284,"children":1285},{"class":220,"line":674},[1286],{"type":151,"tag":218,"props":1287,"children":1288},{"style":248},[1289],{"type":156,"value":313},{"type":151,"tag":218,"props":1291,"children":1292},{"class":220,"line":700},[1293,1297],{"type":151,"tag":218,"props":1294,"children":1295},{"style":248},[1296],{"type":156,"value":322},{"type":151,"tag":218,"props":1298,"children":1299},{"style":242},[1300],{"type":156,"value":327},{"type":151,"tag":329,"props":1302,"children":1303},{"id":487},[1304],{"type":156,"value":490},{"type":151,"tag":152,"props":1306,"children":1307},{},[1308,1310,1317],{"type":156,"value":1309},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out ",{"type":151,"tag":159,"props":1311,"children":1314},{"href":1312,"rel":1313},"https://docs.prepr.io/reference/rest/v1/assets-resizing/",[163],[1315],{"type":156,"value":1316},"the Prepr documentation",{"type":156,"value":1318},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":151,"tag":152,"props":1320,"children":1321},{},[1322],{"type":156,"value":1323},"For the time being you might find the following links useful:",{"type":151,"tag":918,"props":1325,"children":1326},{},[1327,1336],{"type":151,"tag":922,"props":1328,"children":1329},{},[1330],{"type":151,"tag":159,"props":1331,"children":1333},{"href":1312,"rel":1332},[163],[1334],{"type":156,"value":1335},"Assets Resizing via REST API",{"type":151,"tag":922,"props":1337,"children":1338},{},[1339],{"type":151,"tag":159,"props":1340,"children":1343},{"href":1341,"rel":1342},"https://docs.prepr.io/managing-content/images",[163],[1344],{"type":156,"value":1345},"Understanding your marketing and design team workflows",{"type":151,"tag":798,"props":1347,"children":1348},{},[1349],{"type":151,"tag":152,"props":1350,"children":1351},{},[1352,1354,1360,1362,1368],{"type":156,"value":1353},"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":1355,"children":1357},{"className":1356},[],[1358],{"type":156,"value":1359},"pixels",{"type":156,"value":1361}," or\n",{"type":151,"tag":198,"props":1363,"children":1365},{"className":1364},[],[1366],{"type":156,"value":1367},"bytes",{"type":156,"value":1369}," of images that are served from the CDN.",{"type":151,"tag":834,"props":1371,"children":1373},{"id":1372},"convenience-key-modifiers",[1374],{"type":156,"value":1375},"Convenience key modifiers",{"type":151,"tag":152,"props":1377,"children":1378},{},[1379],{"type":156,"value":1380},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":151,"tag":918,"props":1382,"children":1383},{},[1384,1401,1416,1431,1447],{"type":151,"tag":922,"props":1385,"children":1386},{},[1387,1393,1395],{"type":151,"tag":198,"props":1388,"children":1390},{"className":1389},[],[1391],{"type":156,"value":1392},"crop",{"type":156,"value":1394}," is equivalent to ",{"type":151,"tag":198,"props":1396,"children":1398},{"className":1397},[],[1399],{"type":156,"value":1400},"c",{"type":151,"tag":922,"props":1402,"children":1403},{},[1404,1410,1411],{"type":151,"tag":198,"props":1405,"children":1407},{"className":1406},[],[1408],{"type":156,"value":1409},"format",{"type":156,"value":1394},{"type":151,"tag":198,"props":1412,"children":1414},{"className":1413},[],[1415],{"type":156,"value":1409},{"type":151,"tag":922,"props":1417,"children":1418},{},[1419,1424,1425],{"type":151,"tag":198,"props":1420,"children":1422},{"className":1421},[],[1423],{"type":156,"value":896},{"type":156,"value":1394},{"type":151,"tag":198,"props":1426,"children":1428},{"className":1427},[],[1429],{"type":156,"value":1430},"h",{"type":151,"tag":922,"props":1432,"children":1433},{},[1434,1440,1441],{"type":151,"tag":198,"props":1435,"children":1437},{"className":1436},[],[1438],{"type":156,"value":1439},"quality",{"type":156,"value":1394},{"type":151,"tag":198,"props":1442,"children":1444},{"className":1443},[],[1445],{"type":156,"value":1446},"q",{"type":151,"tag":922,"props":1448,"children":1449},{},[1450,1455,1456],{"type":151,"tag":198,"props":1451,"children":1453},{"className":1452},[],[1454],{"type":156,"value":904},{"type":156,"value":1394},{"type":151,"tag":198,"props":1457,"children":1459},{"className":1458},[],[1460],{"type":156,"value":1461},"w",{"type":151,"tag":834,"props":1463,"children":1464},{"id":910},[1465],{"type":151,"tag":198,"props":1466,"children":1468},{"className":1467},[],[1469],{"type":156,"value":910},{"type":151,"tag":152,"props":1471,"children":1472},{},[1473,1475,1481],{"type":156,"value":1474},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":151,"tag":159,"props":1476,"children":1478},{"href":1477},"/usage/nuxt-img#fit",[1479],{"type":156,"value":1480},"default fit behavior",{"type":156,"value":1482},"\nare supported:",{"type":151,"tag":918,"props":1484,"children":1485},{},[1486],{"type":151,"tag":922,"props":1487,"children":1488},{},[1489,1494,1496,1501,1503,1509],{"type":151,"tag":198,"props":1490,"children":1492},{"className":1491},[],[1493],{"type":156,"value":667},{"type":156,"value":1495}," - this will behave like the Prepr modifier ",{"type":151,"tag":198,"props":1497,"children":1499},{"className":1498},[],[1500],{"type":156,"value":1392},{"type":156,"value":1502},", when passed without\na value (defaults to ",{"type":151,"tag":198,"props":1504,"children":1506},{"className":1505},[],[1507],{"type":156,"value":1508},"centre",{"type":156,"value":977},{"type":151,"tag":798,"props":1511,"children":1512},{},[1513],{"type":151,"tag":152,"props":1514,"children":1515},{},[1516,1518,1523],{"type":156,"value":1517},"For the time being, other ",{"type":151,"tag":198,"props":1519,"children":1521},{"className":1520},[],[1522],{"type":156,"value":910},{"type":156,"value":1524}," options are not supported by this provider.",{"type":151,"tag":979,"props":1526,"children":1527},{},[1528],{"type":156,"value":983},{"title":139,"searchDepth":254,"depth":254,"links":1530},[1531],{"id":487,"depth":254,"text":490,"children":1532},[1533,1534],{"id":1372,"depth":274,"text":1375},{"id":910,"depth":274,"text":910},"content:3.providers:prepr.md","3.providers/prepr.md",1713782163508]