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