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