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