[{"data":1,"prerenderedAt":954},["Reactive",2],{"navigation":3,"docs-/providers/ipx":115,"docs-/providers/ipx-surround":292},[4,20,33,105],{"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],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":74,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":73,"description":119,"links":120,"body":126,"_type":287,"_id":288,"_source":289,"_file":290,"_extension":291},"providers",false,"","IPX is the built-in and self hosted image optimizer for Nuxt Image.",[121],{"label":122,"icon":123,"to":124,"size":125},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/ipx.ts","xs",{"type":127,"children":128,"toc":283},"root",[129,165,172,186,195,277],{"type":130,"tag":131,"props":132,"children":133},"element","p",{},[134,137,144,146,154,156,163],{"type":135,"value":136},"text","Nuxt Image comes with a ",{"type":130,"tag":138,"props":139,"children":141},"a",{"href":140},"/get-started/providers#default-provider",[142],{"type":135,"value":143},"preconfigured instance",{"type":135,"value":145}," of ",{"type":130,"tag":138,"props":147,"children":151},{"href":148,"rel":149},"https://github.com/unjs/ipx",[150],"nofollow",[152],{"type":135,"value":153},"unjs/ipx",{"type":135,"value":155},". An open source, self-hosted image optimizer based on ",{"type":130,"tag":138,"props":157,"children":160},{"href":158,"rel":159},"https://github.com/lovell/sharp",[150],[161],{"type":135,"value":162},"lovell/sharp",{"type":135,"value":164},".",{"type":130,"tag":166,"props":167,"children":169},"h2",{"id":168},"additional-modifiers",[170],{"type":135,"value":171},"Additional Modifiers",{"type":130,"tag":131,"props":173,"children":174},{},[175,177,184],{"type":135,"value":176},"You can use ",{"type":130,"tag":138,"props":178,"children":181},{"href":179,"rel":180},"https://github.com/unjs/ipx/#modifiers",[150],[182],{"type":135,"value":183},"additional modifiers",{"type":135,"value":185}," supported by IPX.",{"type":130,"tag":131,"props":187,"children":188},{},[189],{"type":130,"tag":190,"props":191,"children":192},"strong",{},[193],{"type":135,"value":194},"Example:",{"type":130,"tag":196,"props":197,"children":201},"pre",{"className":198,"code":199,"language":200,"meta":118,"style":118},"language-html shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\u003CNuxtImg src=\"/image.png\" :modifiers=\"{ grayscale: true, tint: '#00DC82' }\" />\n","html",[202],{"type":130,"tag":203,"props":204,"children":205},"code",{"__ignoreMap":118},[206],{"type":130,"tag":207,"props":208,"children":211},"span",{"class":209,"line":210},"line",1,[212,218,224,230,235,240,246,250,255,259,263,268,272],{"type":130,"tag":207,"props":213,"children":215},{"style":214},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[216],{"type":135,"value":217},"\u003C",{"type":130,"tag":207,"props":219,"children":221},{"style":220},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[222],{"type":135,"value":223},"NuxtImg",{"type":130,"tag":207,"props":225,"children":227},{"style":226},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[228],{"type":135,"value":229}," src",{"type":130,"tag":207,"props":231,"children":232},{"style":214},[233],{"type":135,"value":234},"=",{"type":130,"tag":207,"props":236,"children":237},{"style":214},[238],{"type":135,"value":239},"\"",{"type":130,"tag":207,"props":241,"children":243},{"style":242},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[244],{"type":135,"value":245},"/image.png",{"type":130,"tag":207,"props":247,"children":248},{"style":214},[249],{"type":135,"value":239},{"type":130,"tag":207,"props":251,"children":252},{"style":226},[253],{"type":135,"value":254}," :modifiers",{"type":130,"tag":207,"props":256,"children":257},{"style":214},[258],{"type":135,"value":234},{"type":130,"tag":207,"props":260,"children":261},{"style":214},[262],{"type":135,"value":239},{"type":130,"tag":207,"props":264,"children":265},{"style":242},[266],{"type":135,"value":267},"{ grayscale: true, tint: '#00DC82' }",{"type":130,"tag":207,"props":269,"children":270},{"style":214},[271],{"type":135,"value":239},{"type":130,"tag":207,"props":273,"children":274},{"style":214},[275],{"type":135,"value":276}," />",{"type":130,"tag":278,"props":279,"children":280},"style",{},[281],{"type":135,"value":282},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":284,"depth":284,"links":285},2,[286],{"id":168,"depth":284,"text":171},"markdown","content:3.providers:ipx.md","content","3.providers/ipx.md","md",[293,821],{"_path":71,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":70,"description":294,"links":295,"body":298,"_type":287,"_id":819,"_source":289,"_file":820,"_extension":291},"Nuxt Image has first class integration with Imgix.",[296],{"label":122,"icon":123,"to":297,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imgix.ts",{"type":127,"children":299,"toc":812},[300,313,318,454,467,486,549,555,575,588,594,599,776,789,795,808],{"type":130,"tag":131,"props":301,"children":302},{},[303,305,311],{"type":135,"value":304},"Integration between ",{"type":130,"tag":138,"props":306,"children":309},{"href":307,"rel":308},"https://docs.imgix.com/",[150],[310],{"type":135,"value":70},{"type":135,"value":312}," and the image module.",{"type":130,"tag":131,"props":314,"children":315},{},[316],{"type":135,"value":317},"To use this provider you just need to specify the base url of your service in Imgix.",{"type":130,"tag":196,"props":319,"children":324},{"className":320,"code":321,"filename":322,"language":323,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    imgix: {\n      baseURL: 'https://assets.imgix.net'\n    }\n  }\n})\n","nuxt.config.ts","ts",[325],{"type":130,"tag":203,"props":326,"children":327},{"__ignoreMap":118},[328,359,377,394,422,431,440],{"type":130,"tag":207,"props":329,"children":330},{"class":209,"line":210},[331,337,342,348,354],{"type":130,"tag":207,"props":332,"children":334},{"style":333},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[335],{"type":135,"value":336},"export",{"type":130,"tag":207,"props":338,"children":339},{"style":333},[340],{"type":135,"value":341}," default",{"type":130,"tag":207,"props":343,"children":345},{"style":344},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[346],{"type":135,"value":347}," defineNuxtConfig",{"type":130,"tag":207,"props":349,"children":351},{"style":350},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[352],{"type":135,"value":353},"(",{"type":130,"tag":207,"props":355,"children":356},{"style":214},[357],{"type":135,"value":358},"{",{"type":130,"tag":207,"props":360,"children":361},{"class":209,"line":284},[362,367,372],{"type":130,"tag":207,"props":363,"children":364},{"style":220},[365],{"type":135,"value":366},"  image",{"type":130,"tag":207,"props":368,"children":369},{"style":214},[370],{"type":135,"value":371},":",{"type":130,"tag":207,"props":373,"children":374},{"style":214},[375],{"type":135,"value":376}," {",{"type":130,"tag":207,"props":378,"children":380},{"class":209,"line":379},3,[381,386,390],{"type":130,"tag":207,"props":382,"children":383},{"style":220},[384],{"type":135,"value":385},"    imgix",{"type":130,"tag":207,"props":387,"children":388},{"style":214},[389],{"type":135,"value":371},{"type":130,"tag":207,"props":391,"children":392},{"style":214},[393],{"type":135,"value":376},{"type":130,"tag":207,"props":395,"children":397},{"class":209,"line":396},4,[398,403,407,412,417],{"type":130,"tag":207,"props":399,"children":400},{"style":220},[401],{"type":135,"value":402},"      baseURL",{"type":130,"tag":207,"props":404,"children":405},{"style":214},[406],{"type":135,"value":371},{"type":130,"tag":207,"props":408,"children":409},{"style":214},[410],{"type":135,"value":411}," '",{"type":130,"tag":207,"props":413,"children":414},{"style":242},[415],{"type":135,"value":416},"https://assets.imgix.net",{"type":130,"tag":207,"props":418,"children":419},{"style":214},[420],{"type":135,"value":421},"'",{"type":130,"tag":207,"props":423,"children":425},{"class":209,"line":424},5,[426],{"type":130,"tag":207,"props":427,"children":428},{"style":214},[429],{"type":135,"value":430},"    }",{"type":130,"tag":207,"props":432,"children":434},{"class":209,"line":433},6,[435],{"type":130,"tag":207,"props":436,"children":437},{"style":214},[438],{"type":135,"value":439},"  }",{"type":130,"tag":207,"props":441,"children":443},{"class":209,"line":442},7,[444,449],{"type":130,"tag":207,"props":445,"children":446},{"style":214},[447],{"type":135,"value":448},"}",{"type":130,"tag":207,"props":450,"children":451},{"style":350},[452],{"type":135,"value":453},")",{"type":130,"tag":166,"props":455,"children":457},{"id":456},"imgix-fit-values",[458,460,465],{"type":135,"value":459},"imgix ",{"type":130,"tag":203,"props":461,"children":462},{"className":118},[463],{"type":135,"value":464},"fit",{"type":135,"value":466}," values",{"type":130,"tag":131,"props":468,"children":469},{},[470,472,484],{"type":135,"value":471},"Beside ",{"type":130,"tag":138,"props":473,"children":475},{"href":474},"/usage/nuxt-img#fit",[476,478,482],{"type":135,"value":477},"the standard values for ",{"type":130,"tag":203,"props":479,"children":480},{"className":118},[481],{"type":135,"value":464},{"type":135,"value":483}," property",{"type":135,"value":485}," of Nuxt image and Nuxt picture, imgix offers the following for extra resizing experience:",{"type":130,"tag":487,"props":488,"children":489},"ul",{},[490,501,511,539],{"type":130,"tag":491,"props":492,"children":493},"li",{},[494,499],{"type":130,"tag":203,"props":495,"children":496},{"className":118},[497],{"type":135,"value":498},"clamp",{"type":135,"value":500}," - Resizes the image to fit within the width and height dimensions without cropping or distorting the image, and the remaining space is filled with extended pixels from the edge of the image. The resulting image will match the constraining dimensions. The pixel extension is called an affine clamp, hence the value name, \"clamp\".",{"type":130,"tag":491,"props":502,"children":503},{},[504,509],{"type":130,"tag":203,"props":505,"children":506},{"className":118},[507],{"type":135,"value":508},"clip",{"type":135,"value":510}," - The default fit setting for imgix images. Resizes the image to fit within the width and height boundaries without cropping or distorting the image. The resulting image will match one of the constraining dimensions, while the other dimension is altered to maintain the same aspect ratio of the input image.",{"type":130,"tag":491,"props":512,"children":513},{},[514,519,521,528,530,537],{"type":130,"tag":203,"props":515,"children":516},{"className":118},[517],{"type":135,"value":518},"facearea",{"type":135,"value":520}," - Finds the area containing all faces, or a specific face in an image, and scales it to specified width and height dimensions. Can be used in conjunction with ",{"type":130,"tag":138,"props":522,"children":525},{"href":523,"rel":524},"https://docs.imgix.com/apis/rendering/face-detection/faceindex",[150],[526],{"type":135,"value":527},"faceindex",{"type":135,"value":529}," to identify a specific face, as well as ",{"type":130,"tag":138,"props":531,"children":534},{"href":532,"rel":533},"https://docs.imgix.com/apis/rendering/face-detection/facepad",[150],[535],{"type":135,"value":536},"facepad",{"type":135,"value":538}," to include additional padded area around the face to zoom out from the immediate area around the faces.",{"type":130,"tag":491,"props":540,"children":541},{},[542,547],{"type":130,"tag":203,"props":543,"children":544},{"className":118},[545],{"type":135,"value":546},"fillMax",{"type":135,"value":548}," - Resizes the image to fit within the requested width and height dimensions while preserving the original aspect ratio and without discarding any original image data. If the requested width or height exceeds that of the original, the original image remains the same size. The excess space is filled with a solid color or blurred version of the image. The resulting image exactly matches the requested dimensions.",{"type":130,"tag":166,"props":550,"children":552},{"id":551},"imgix-modifiers",[553],{"type":135,"value":554},"imgix modifiers",{"type":130,"tag":131,"props":556,"children":557},{},[558,560,566,568,573],{"type":135,"value":559},"Beside the ",{"type":130,"tag":138,"props":561,"children":563},{"href":562},"/usage/nuxt-img#modifiers",[564],{"type":135,"value":565},"standard modifiers",{"type":135,"value":567},", you can also pass all imgix-specific render API parameters to the ",{"type":130,"tag":203,"props":569,"children":570},{"className":118},[571],{"type":135,"value":572},"modifiers",{"type":135,"value":574}," prop.",{"type":130,"tag":131,"props":576,"children":577},{},[578,580,587],{"type":135,"value":579},"For a full list of these modifiers and their uses, check out ",{"type":130,"tag":138,"props":581,"children":584},{"href":582,"rel":583},"https://docs.imgix.com/apis/rendering",[150],[585],{"type":135,"value":586},"imgix's image Rendering API documentation",{"type":135,"value":164},{"type":130,"tag":166,"props":589,"children":591},{"id":590},"imgix-best-practices",[592],{"type":135,"value":593},"imgix best practices",{"type":130,"tag":131,"props":595,"children":596},{},[597],{"type":135,"value":598},"Some common best practices when using imgix, would be to include our auto parameter, which will automatically apply the best format for an image and compress the image as well.  Combine this with some top of intelligent cropping and resizing and you will have a great image!",{"type":130,"tag":196,"props":600,"children":602},{"className":198,"code":601,"language":200,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imgix\"\n  src=\"/blog/woman-hat.jpg\"\n  width=\"300\"\n  height=\"500\"\n  fit=\"cover\"\n  :modifiers=\"{ auto: 'format,compress', crop: 'faces' }\"\n/>\n",[603],{"type":130,"tag":203,"props":604,"children":605},{"__ignoreMap":118},[606,617,642,667,692,717,742,767],{"type":130,"tag":207,"props":607,"children":608},{"class":209,"line":210},[609,613],{"type":130,"tag":207,"props":610,"children":611},{"style":214},[612],{"type":135,"value":217},{"type":130,"tag":207,"props":614,"children":615},{"style":220},[616],{"type":135,"value":223},{"type":130,"tag":207,"props":618,"children":619},{"class":209,"line":284},[620,625,629,633,638],{"type":130,"tag":207,"props":621,"children":622},{"style":226},[623],{"type":135,"value":624},"  provider",{"type":130,"tag":207,"props":626,"children":627},{"style":214},[628],{"type":135,"value":234},{"type":130,"tag":207,"props":630,"children":631},{"style":214},[632],{"type":135,"value":239},{"type":130,"tag":207,"props":634,"children":635},{"style":242},[636],{"type":135,"value":637},"imgix",{"type":130,"tag":207,"props":639,"children":640},{"style":214},[641],{"type":135,"value":239},{"type":130,"tag":207,"props":643,"children":644},{"class":209,"line":379},[645,650,654,658,663],{"type":130,"tag":207,"props":646,"children":647},{"style":226},[648],{"type":135,"value":649},"  src",{"type":130,"tag":207,"props":651,"children":652},{"style":214},[653],{"type":135,"value":234},{"type":130,"tag":207,"props":655,"children":656},{"style":214},[657],{"type":135,"value":239},{"type":130,"tag":207,"props":659,"children":660},{"style":242},[661],{"type":135,"value":662},"/blog/woman-hat.jpg",{"type":130,"tag":207,"props":664,"children":665},{"style":214},[666],{"type":135,"value":239},{"type":130,"tag":207,"props":668,"children":669},{"class":209,"line":396},[670,675,679,683,688],{"type":130,"tag":207,"props":671,"children":672},{"style":226},[673],{"type":135,"value":674},"  width",{"type":130,"tag":207,"props":676,"children":677},{"style":214},[678],{"type":135,"value":234},{"type":130,"tag":207,"props":680,"children":681},{"style":214},[682],{"type":135,"value":239},{"type":130,"tag":207,"props":684,"children":685},{"style":242},[686],{"type":135,"value":687},"300",{"type":130,"tag":207,"props":689,"children":690},{"style":214},[691],{"type":135,"value":239},{"type":130,"tag":207,"props":693,"children":694},{"class":209,"line":424},[695,700,704,708,713],{"type":130,"tag":207,"props":696,"children":697},{"style":226},[698],{"type":135,"value":699},"  height",{"type":130,"tag":207,"props":701,"children":702},{"style":214},[703],{"type":135,"value":234},{"type":130,"tag":207,"props":705,"children":706},{"style":214},[707],{"type":135,"value":239},{"type":130,"tag":207,"props":709,"children":710},{"style":242},[711],{"type":135,"value":712},"500",{"type":130,"tag":207,"props":714,"children":715},{"style":214},[716],{"type":135,"value":239},{"type":130,"tag":207,"props":718,"children":719},{"class":209,"line":433},[720,725,729,733,738],{"type":130,"tag":207,"props":721,"children":722},{"style":226},[723],{"type":135,"value":724},"  fit",{"type":130,"tag":207,"props":726,"children":727},{"style":214},[728],{"type":135,"value":234},{"type":130,"tag":207,"props":730,"children":731},{"style":214},[732],{"type":135,"value":239},{"type":130,"tag":207,"props":734,"children":735},{"style":242},[736],{"type":135,"value":737},"cover",{"type":130,"tag":207,"props":739,"children":740},{"style":214},[741],{"type":135,"value":239},{"type":130,"tag":207,"props":743,"children":744},{"class":209,"line":442},[745,750,754,758,763],{"type":130,"tag":207,"props":746,"children":747},{"style":226},[748],{"type":135,"value":749},"  :modifiers",{"type":130,"tag":207,"props":751,"children":752},{"style":214},[753],{"type":135,"value":234},{"type":130,"tag":207,"props":755,"children":756},{"style":214},[757],{"type":135,"value":239},{"type":130,"tag":207,"props":759,"children":760},{"style":242},[761],{"type":135,"value":762},"{ auto: 'format,compress', crop: 'faces' }",{"type":130,"tag":207,"props":764,"children":765},{"style":214},[766],{"type":135,"value":239},{"type":130,"tag":207,"props":768,"children":770},{"class":209,"line":769},8,[771],{"type":130,"tag":207,"props":772,"children":773},{"style":214},[774],{"type":135,"value":775},"/>",{"type":130,"tag":131,"props":777,"children":778},{},[779,781,788],{"type":135,"value":780},"This will return a 300 x 500 image, which has been compressed, will display next-gen formats for a browser, and has been cropped intelligently to the face of the ",{"type":130,"tag":138,"props":782,"children":785},{"href":783,"rel":784},"https://assets.imgix.net/blog/woman-hat.jpg?w=300&h=500&fit=crop&crop=faces",[150],[786],{"type":135,"value":787},"woman in the hat",{"type":135,"value":164},{"type":130,"tag":166,"props":790,"children":792},{"id":791},"additional-documentation",[793],{"type":135,"value":794},"Additional Documentation",{"type":130,"tag":131,"props":796,"children":797},{},[798,800,807],{"type":135,"value":799},"You can find additional documentation and a step-by-step tutorial in an imgix blog article titled ",{"type":130,"tag":138,"props":801,"children":804},{"href":802,"rel":803},"https://blog.imgix.com/2021/09/14/nuxt-image-component",[150],[805],{"type":135,"value":806},"Using the New Nuxt Component with imgix",{"type":135,"value":164},{"type":130,"tag":278,"props":809,"children":810},{},[811],{"type":135,"value":282},{"title":118,"searchDepth":284,"depth":284,"links":813},[814,816,817,818],{"id":456,"depth":284,"text":815},"imgix fit values",{"id":551,"depth":284,"text":554},{"id":590,"depth":284,"text":593},{"id":791,"depth":284,"text":794},"content:3.providers:imgix.md","3.providers/imgix.md",{"_path":77,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":76,"description":822,"links":823,"body":826,"_type":287,"_id":952,"_source":289,"_file":953,"_extension":291},"Optimize images with Netlify's dynamic image transformation service.",[824],{"label":122,"icon":123,"to":825,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/netlify.ts",{"type":127,"children":827,"toc":947},[828,841,863,868,887,895],{"type":130,"tag":131,"props":829,"children":830},{},[831,833,840],{"type":135,"value":832},"Netlify offers dynamic image transformation for all JPEG, PNG, and GIF files you have set to be tracked with ",{"type":130,"tag":138,"props":834,"children":837},{"href":835,"rel":836},"https://docs.netlify.com/large-media/overview/",[150],[838],{"type":135,"value":839},"Netlify Large Media",{"type":135,"value":164},{"type":130,"tag":842,"props":843,"children":844},"callout",{},[845],{"type":130,"tag":131,"props":846,"children":847},{},[848,850,855,857,862],{"type":135,"value":849},"Before setting ",{"type":130,"tag":203,"props":851,"children":852},{"className":118},[853],{"type":135,"value":854},"provider: 'netlify'",{"type":135,"value":856},", make sure you have followed the steps to enable ",{"type":130,"tag":138,"props":858,"children":860},{"href":835,"rel":859},[150],[861],{"type":135,"value":839},{"type":135,"value":164},{"type":130,"tag":166,"props":864,"children":865},{"id":572},[866],{"type":135,"value":867},"Modifiers",{"type":130,"tag":131,"props":869,"children":870},{},[871,873,878,880,885],{"type":135,"value":872},"In addition to ",{"type":130,"tag":203,"props":874,"children":875},{"className":118},[876],{"type":135,"value":877},"height",{"type":135,"value":879}," and ",{"type":130,"tag":203,"props":881,"children":882},{"className":118},[883],{"type":135,"value":884},"width",{"type":135,"value":886},", the Netlify provider supports the following modifiers:",{"type":130,"tag":888,"props":889,"children":890},"h3",{"id":464},[891],{"type":130,"tag":203,"props":892,"children":893},{"className":118},[894],{"type":135,"value":464},{"type":130,"tag":487,"props":896,"children":897},{},[898,913],{"type":130,"tag":491,"props":899,"children":900},{},[901,906,908],{"type":130,"tag":190,"props":902,"children":903},{},[904],{"type":135,"value":905},"Default",{"type":135,"value":907},": ",{"type":130,"tag":203,"props":909,"children":910},{"className":118},[911],{"type":135,"value":912},"contain",{"type":130,"tag":491,"props":914,"children":915},{},[916,921,922,926,928,933,935,940,941,946],{"type":130,"tag":190,"props":917,"children":918},{},[919],{"type":135,"value":920},"Valid options",{"type":135,"value":907},{"type":130,"tag":203,"props":923,"children":924},{"className":118},[925],{"type":135,"value":912},{"type":135,"value":927}," (equivalent to ",{"type":130,"tag":203,"props":929,"children":930},{"className":118},[931],{"type":135,"value":932},"nf_resize=fit",{"type":135,"value":934},") and ",{"type":130,"tag":203,"props":936,"children":937},{"className":118},[938],{"type":135,"value":939},"fill",{"type":135,"value":927},{"type":130,"tag":203,"props":942,"children":943},{"className":118},[944],{"type":135,"value":945},"nf_resize=smartcrop",{"type":135,"value":453},{"title":118,"searchDepth":284,"depth":284,"links":948},[949],{"id":572,"depth":284,"text":867,"children":950},[951],{"id":464,"depth":379,"text":464},"content:3.providers:netlify.md","3.providers/netlify.md",1697713006402]