[{"data":1,"prerenderedAt":4248},["Reactive",2],{"navigation":3,"docs-/providers/imagekit":136,"docs-/providers/imagekit-surround":2903},[4,20,33,126],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Glide","/providers/glide",{"title":73,"_path":74},"Gumlet","/providers/gumlet",{"title":76,"_path":77},"Hygraph","/providers/hygraph",{"title":79,"_path":80},"ImageEngine","/providers/imageengine",{"title":82,"_path":83},"ImageKit","/providers/imagekit",{"title":85,"_path":86},"Imgix","/providers/imgix",{"title":88,"_path":89},"IPX","/providers/ipx",{"title":91,"_path":92},"Netlify","/providers/netlify",{"title":94,"_path":95},"Prepr","/providers/prepr",{"title":97,"_path":98},"Prismic","/providers/prismic",{"title":100,"_path":101},"Sanity","/providers/sanity",{"title":103,"_path":104},"Sirv","/providers/sirv",{"title":106,"_path":107},"Storyblok","/providers/storyblok",{"title":109,"_path":110},"Strapi","/providers/strapi",{"title":112,"_path":113},"Twicpics","/providers/twicpics",{"title":115,"_path":116},"Unsplash","/providers/unsplash",{"title":118,"_path":119},"Uploadcare","/providers/uploadcare",{"title":121,"_path":122},"Vercel","/providers/vercel",{"title":124,"_path":125},"Weserv","/providers/weserv",{"title":127,"_path":128,"children":129},"Advanced","/advanced",[130,133],{"title":131,"_path":132},"Custom Provider","/advanced/custom-provider",{"title":134,"_path":135},"Static Images","/advanced/static-images",{"_path":83,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":82,"description":140,"links":141,"body":147,"_type":2899,"_id":2900,"_source":2901,"_file":2902,"_extension":2752},"providers",false,"","Nuxt Image has first class integration with ImageKit.",[142],{"label":143,"icon":144,"to":145,"size":146},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/imagekit.ts","xs",{"type":148,"children":149,"toc":2876},"root",[150,168,173,318,344,359,375,424,438,444,465,475,569,590,611,624,633,660,769,779,791,911,920,934,954,963,975,1094,1103,1157,1252,1261,1280,1375,1384,1395,1562,1578,1584,1622,1628,1633,1896,1902,1907,2146,2158,2164,2174,2185,2303,2313,2324,2442,2448,2453,2455,2853,2870],{"type":151,"tag":152,"props":153,"children":154},"element","p",{},[155,158,166],{"type":156,"value":157},"text","Integration between ",{"type":151,"tag":159,"props":160,"children":164},"a",{"href":161,"rel":162},"https://docs.imagekit.io/",[163],"nofollow",[165],{"type":156,"value":82},{"type":156,"value":167}," and the image module.",{"type":151,"tag":152,"props":169,"children":170},{},[171],{"type":156,"value":172},"To use the ImageKit provider, you need to set your ImageKit account URL-endpoint as the base url like below.",{"type":151,"tag":174,"props":175,"children":180},"pre",{"className":176,"code":177,"filename":178,"language":179,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    imagekit: {\n      baseURL: 'https://ik.imagekit.io/your_imagekit_id'\n    }\n  }\n})\n","nuxt.config.ts","ts",[181],{"type":151,"tag":182,"props":183,"children":184},"code",{"__ignoreMap":139},[185,220,240,257,286,295,304],{"type":151,"tag":186,"props":187,"children":190},"span",{"class":188,"line":189},"line",1,[191,197,202,208,214],{"type":151,"tag":186,"props":192,"children":194},{"style":193},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[195],{"type":156,"value":196},"export",{"type":151,"tag":186,"props":198,"children":199},{"style":193},[200],{"type":156,"value":201}," default",{"type":151,"tag":186,"props":203,"children":205},{"style":204},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[206],{"type":156,"value":207}," defineNuxtConfig",{"type":151,"tag":186,"props":209,"children":211},{"style":210},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[212],{"type":156,"value":213},"(",{"type":151,"tag":186,"props":215,"children":217},{"style":216},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[218],{"type":156,"value":219},"{\n",{"type":151,"tag":186,"props":221,"children":223},{"class":188,"line":222},2,[224,230,235],{"type":151,"tag":186,"props":225,"children":227},{"style":226},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[228],{"type":156,"value":229},"  image",{"type":151,"tag":186,"props":231,"children":232},{"style":216},[233],{"type":156,"value":234},":",{"type":151,"tag":186,"props":236,"children":237},{"style":216},[238],{"type":156,"value":239}," {\n",{"type":151,"tag":186,"props":241,"children":243},{"class":188,"line":242},3,[244,249,253],{"type":151,"tag":186,"props":245,"children":246},{"style":226},[247],{"type":156,"value":248},"    imagekit",{"type":151,"tag":186,"props":250,"children":251},{"style":216},[252],{"type":156,"value":234},{"type":151,"tag":186,"props":254,"children":255},{"style":216},[256],{"type":156,"value":239},{"type":151,"tag":186,"props":258,"children":260},{"class":188,"line":259},4,[261,266,270,275,281],{"type":151,"tag":186,"props":262,"children":263},{"style":226},[264],{"type":156,"value":265},"      baseURL",{"type":151,"tag":186,"props":267,"children":268},{"style":216},[269],{"type":156,"value":234},{"type":151,"tag":186,"props":271,"children":272},{"style":216},[273],{"type":156,"value":274}," '",{"type":151,"tag":186,"props":276,"children":278},{"style":277},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[279],{"type":156,"value":280},"https://ik.imagekit.io/your_imagekit_id",{"type":151,"tag":186,"props":282,"children":283},{"style":216},[284],{"type":156,"value":285},"'\n",{"type":151,"tag":186,"props":287,"children":289},{"class":188,"line":288},5,[290],{"type":151,"tag":186,"props":291,"children":292},{"style":216},[293],{"type":156,"value":294},"    }\n",{"type":151,"tag":186,"props":296,"children":298},{"class":188,"line":297},6,[299],{"type":151,"tag":186,"props":300,"children":301},{"style":216},[302],{"type":156,"value":303},"  }\n",{"type":151,"tag":186,"props":305,"children":307},{"class":188,"line":306},7,[308,313],{"type":151,"tag":186,"props":309,"children":310},{"style":216},[311],{"type":156,"value":312},"}",{"type":151,"tag":186,"props":314,"children":315},{"style":210},[316],{"type":156,"value":317},")\n",{"type":151,"tag":319,"props":320,"children":321},"blockquote",{},[322],{"type":151,"tag":152,"props":323,"children":324},{},[325,327,334,336,342],{"type":156,"value":326},"You can get ",{"type":151,"tag":159,"props":328,"children":331},{"href":329,"rel":330},"https://docs.imagekit.io/integration/url-endpoints#default-url-endpoint",[163],[332],{"type":156,"value":333},"URL-endpoint",{"type":156,"value":335}," from your ImageKit dashboard - ",{"type":151,"tag":159,"props":337,"children":340},{"href":338,"rel":339},"https://imagekit.io/dashboard#url-endpoints",[163],[341],{"type":156,"value":338},{"type":156,"value":343},".",{"type":151,"tag":345,"props":346,"children":348},"h2",{"id":347},"imagekit-fit-parameters",[349,351,357],{"type":156,"value":350},"ImageKit ",{"type":151,"tag":182,"props":352,"children":354},{"className":353},[],[355],{"type":156,"value":356},"fit",{"type":156,"value":358}," Parameters",{"type":151,"tag":152,"props":360,"children":361},{},[362,364,373],{"type":156,"value":363},"In addition to the standard ",{"type":151,"tag":159,"props":365,"children":367},{"href":366},"/usage/nuxt-img#fit",[368],{"type":151,"tag":182,"props":369,"children":371},{"className":370},[],[372],{"type":156,"value":356},{"type":156,"value":374}," properties of Nuxt Image and Nuxt Picture, ImageKit offers more cropping and resizing options to the users:",{"type":151,"tag":376,"props":377,"children":378},"ul",{},[379,399],{"type":151,"tag":380,"props":381,"children":382},"li",{},[383,389,391,397],{"type":151,"tag":182,"props":384,"children":386},{"className":385},[],[387],{"type":156,"value":388},"extract",{"type":156,"value":390}," - The output image has its height, width as requested, and the aspect ratio is preserved. Unlike the ",{"type":151,"tag":182,"props":392,"children":394},{"className":393},[],[395],{"type":156,"value":396},"cover",{"type":156,"value":398}," parameter, we extract out a region of the requested dimension from the original image.",{"type":151,"tag":380,"props":400,"children":401},{},[402,408,410,415,417,422],{"type":151,"tag":182,"props":403,"children":405},{"className":404},[],[406],{"type":156,"value":407},"pad_extract",{"type":156,"value":409}," - This parameter is similar to ",{"type":151,"tag":182,"props":411,"children":413},{"className":412},[],[414],{"type":156,"value":388},{"type":156,"value":416},". This comes in handy in scenarios where we want to extract an image of a larger dimension from a smaller image. So, the ",{"type":151,"tag":182,"props":418,"children":420},{"className":419},[],[421],{"type":156,"value":407},{"type":156,"value":423}," mode adds solid colored padding around the image to match the exact size requested.",{"type":151,"tag":152,"props":425,"children":426},{},[427,429,436],{"type":156,"value":428},"Read ImageKit ",{"type":151,"tag":159,"props":430,"children":433},{"href":431,"rel":432},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#crop-crop-modes-and-focus",[163],[434],{"type":156,"value":435},"crop and crop mode documentation",{"type":156,"value":437}," for more details and examples of how it works.",{"type":151,"tag":345,"props":439,"children":441},{"id":440},"imagekit-modifiers",[442],{"type":156,"value":443},"ImageKit Modifiers",{"type":151,"tag":152,"props":445,"children":446},{},[447,449,455,457,463],{"type":156,"value":448},"On top of the standard ",{"type":151,"tag":159,"props":450,"children":452},{"href":451},"/usage/nuxt-img#modifiers",[453],{"type":156,"value":454},"Nuxt Image modifiers",{"type":156,"value":456},", a user can also leverage ImageKit-specific transformation parameters provided in the ",{"type":151,"tag":182,"props":458,"children":460},{"className":459},[],[461],{"type":156,"value":462},"modifier",{"type":156,"value":464}," prop.",{"type":151,"tag":466,"props":467,"children":469},"h3",{"id":468},"focus",[470],{"type":151,"tag":182,"props":471,"children":473},{"className":472},[],[474],{"type":156,"value":468},{"type":151,"tag":152,"props":476,"children":477},{},[478,480,486,488,494,495,501,502,508,509,515,516,521,522,527,528,533,534,539,540,546,547,553,554,560,562,568],{"type":156,"value":479},"This parameter can be used along with resizing and cropping to focus on the desired part of the image. You can use focus parameter values like ",{"type":151,"tag":182,"props":481,"children":483},{"className":482},[],[484],{"type":156,"value":485},"left",{"type":156,"value":487},", ",{"type":151,"tag":182,"props":489,"children":491},{"className":490},[],[492],{"type":156,"value":493},"right",{"type":156,"value":487},{"type":151,"tag":182,"props":496,"children":498},{"className":497},[],[499],{"type":156,"value":500},"top",{"type":156,"value":487},{"type":151,"tag":182,"props":503,"children":505},{"className":504},[],[506],{"type":156,"value":507},"bottom",{"type":156,"value":487},{"type":151,"tag":182,"props":510,"children":512},{"className":511},[],[513],{"type":156,"value":514},"center",{"type":156,"value":487},{"type":151,"tag":182,"props":517,"children":519},{"className":518},[],[520],{"type":156,"value":500},{"type":156,"value":487},{"type":151,"tag":182,"props":523,"children":525},{"className":524},[],[526],{"type":156,"value":485},{"type":156,"value":487},{"type":151,"tag":182,"props":529,"children":531},{"className":530},[],[532],{"type":156,"value":507},{"type":156,"value":487},{"type":151,"tag":182,"props":535,"children":537},{"className":536},[],[538],{"type":156,"value":493},{"type":156,"value":487},{"type":151,"tag":182,"props":541,"children":543},{"className":542},[],[544],{"type":156,"value":545},"top_left",{"type":156,"value":487},{"type":151,"tag":182,"props":548,"children":550},{"className":549},[],[551],{"type":156,"value":552},"top_right",{"type":156,"value":487},{"type":151,"tag":182,"props":555,"children":557},{"className":556},[],[558],{"type":156,"value":559},"bottom_left",{"type":156,"value":561}," and ",{"type":151,"tag":182,"props":563,"children":565},{"className":564},[],[566],{"type":156,"value":567},"bottom_right",{"type":156,"value":343},{"type":151,"tag":152,"props":570,"children":571},{},[572,574,580,582,589],{"type":156,"value":573},"Custom coordinates can also be used to focus using parameter value ",{"type":151,"tag":182,"props":575,"children":577},{"className":576},[],[578],{"type":156,"value":579},"custom",{"type":156,"value":581},". Learn more from ",{"type":151,"tag":159,"props":583,"children":586},{"href":584,"rel":585},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#example-focus-using-custom-coordinates",[163],[587],{"type":156,"value":588},"example",{"type":156,"value":343},{"type":151,"tag":152,"props":591,"children":592},{},[593,595,601,603,609],{"type":156,"value":594},"Moreover, ImageKit also provides smart cropping that can automatically detect the most important part of the image using ",{"type":151,"tag":182,"props":596,"children":598},{"className":597},[],[599],{"type":156,"value":600},"auto",{"type":156,"value":602},". And, ",{"type":151,"tag":182,"props":604,"children":606},{"className":605},[],[607],{"type":156,"value":608},"face",{"type":156,"value":610}," can be used to find a face (or multiple faces) in an image and focus on that.",{"type":151,"tag":152,"props":612,"children":613},{},[614,616,622],{"type":156,"value":615},"Check out ImageKit's documentation on ",{"type":151,"tag":159,"props":617,"children":620},{"href":618,"rel":619},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#focus-fo",[163],[621],{"type":156,"value":468},{"type":156,"value":623}," to learn more.",{"type":151,"tag":466,"props":625,"children":627},{"id":626},"blur",[628],{"type":151,"tag":182,"props":629,"children":631},{"className":630},[],[632],{"type":156,"value":626},{"type":151,"tag":152,"props":634,"children":635},{},[636,638,643,645,651,653,659],{"type":156,"value":637},"This can be used to blur an image. Use modifier ",{"type":151,"tag":182,"props":639,"children":641},{"className":640},[],[642],{"type":156,"value":626},{"type":156,"value":644}," to specify the Gaussian Blur radius that is to be applied to the image. Possible values include integers between ",{"type":151,"tag":182,"props":646,"children":648},{"className":647},[],[649],{"type":156,"value":650},"1",{"type":156,"value":652}," to ",{"type":151,"tag":182,"props":654,"children":656},{"className":655},[],[657],{"type":156,"value":658},"100",{"type":156,"value":343},{"type":151,"tag":174,"props":661,"children":665},{"className":662,"code":663,"language":664,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{blur: 10}\"\n/>\n","html",[666],{"type":151,"tag":182,"props":667,"children":668},{"__ignoreMap":139},[669,682,711,736,761],{"type":151,"tag":186,"props":670,"children":671},{"class":188,"line":189},[672,677],{"type":151,"tag":186,"props":673,"children":674},{"style":216},[675],{"type":156,"value":676},"\u003C",{"type":151,"tag":186,"props":678,"children":679},{"style":226},[680],{"type":156,"value":681},"NuxtImg\n",{"type":151,"tag":186,"props":683,"children":684},{"class":188,"line":222},[685,691,696,701,706],{"type":151,"tag":186,"props":686,"children":688},{"style":687},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[689],{"type":156,"value":690},"  provider",{"type":151,"tag":186,"props":692,"children":693},{"style":216},[694],{"type":156,"value":695},"=",{"type":151,"tag":186,"props":697,"children":698},{"style":216},[699],{"type":156,"value":700},"\"",{"type":151,"tag":186,"props":702,"children":703},{"style":277},[704],{"type":156,"value":705},"imagekit",{"type":151,"tag":186,"props":707,"children":708},{"style":216},[709],{"type":156,"value":710},"\"\n",{"type":151,"tag":186,"props":712,"children":713},{"class":188,"line":242},[714,719,723,727,732],{"type":151,"tag":186,"props":715,"children":716},{"style":687},[717],{"type":156,"value":718},"  src",{"type":151,"tag":186,"props":720,"children":721},{"style":216},[722],{"type":156,"value":695},{"type":151,"tag":186,"props":724,"children":725},{"style":216},[726],{"type":156,"value":700},{"type":151,"tag":186,"props":728,"children":729},{"style":277},[730],{"type":156,"value":731},"/default-image.jpg",{"type":151,"tag":186,"props":733,"children":734},{"style":216},[735],{"type":156,"value":710},{"type":151,"tag":186,"props":737,"children":738},{"class":188,"line":259},[739,744,748,752,757],{"type":151,"tag":186,"props":740,"children":741},{"style":687},[742],{"type":156,"value":743},"  :modifiers",{"type":151,"tag":186,"props":745,"children":746},{"style":216},[747],{"type":156,"value":695},{"type":151,"tag":186,"props":749,"children":750},{"style":216},[751],{"type":156,"value":700},{"type":151,"tag":186,"props":753,"children":754},{"style":277},[755],{"type":156,"value":756},"{blur: 10}",{"type":151,"tag":186,"props":758,"children":759},{"style":216},[760],{"type":156,"value":710},{"type":151,"tag":186,"props":762,"children":763},{"class":188,"line":288},[764],{"type":151,"tag":186,"props":765,"children":766},{"style":216},[767],{"type":156,"value":768},"/>\n",{"type":151,"tag":466,"props":770,"children":772},{"id":771},"effectgray",[773],{"type":151,"tag":182,"props":774,"children":776},{"className":775},[],[777],{"type":156,"value":778},"effectGray",{"type":151,"tag":152,"props":780,"children":781},{},[782,784,789],{"type":156,"value":783},"Turn your image to a grayscale version using the ",{"type":151,"tag":182,"props":785,"children":787},{"className":786},[],[788],{"type":156,"value":778},{"type":156,"value":790}," modifier.",{"type":151,"tag":174,"props":792,"children":794},{"className":662,"code":793,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectGray: true}\"\n/>\n",[795],{"type":151,"tag":182,"props":796,"children":797},{"__ignoreMap":139},[798,809,832,855,880,904],{"type":151,"tag":186,"props":799,"children":800},{"class":188,"line":189},[801,805],{"type":151,"tag":186,"props":802,"children":803},{"style":216},[804],{"type":156,"value":676},{"type":151,"tag":186,"props":806,"children":807},{"style":226},[808],{"type":156,"value":681},{"type":151,"tag":186,"props":810,"children":811},{"class":188,"line":222},[812,816,820,824,828],{"type":151,"tag":186,"props":813,"children":814},{"style":687},[815],{"type":156,"value":690},{"type":151,"tag":186,"props":817,"children":818},{"style":216},[819],{"type":156,"value":695},{"type":151,"tag":186,"props":821,"children":822},{"style":216},[823],{"type":156,"value":700},{"type":151,"tag":186,"props":825,"children":826},{"style":277},[827],{"type":156,"value":705},{"type":151,"tag":186,"props":829,"children":830},{"style":216},[831],{"type":156,"value":710},{"type":151,"tag":186,"props":833,"children":834},{"class":188,"line":242},[835,839,843,847,851],{"type":151,"tag":186,"props":836,"children":837},{"style":687},[838],{"type":156,"value":718},{"type":151,"tag":186,"props":840,"children":841},{"style":216},[842],{"type":156,"value":695},{"type":151,"tag":186,"props":844,"children":845},{"style":216},[846],{"type":156,"value":700},{"type":151,"tag":186,"props":848,"children":849},{"style":277},[850],{"type":156,"value":731},{"type":151,"tag":186,"props":852,"children":853},{"style":216},[854],{"type":156,"value":710},{"type":151,"tag":186,"props":856,"children":857},{"class":188,"line":259},[858,863,867,871,876],{"type":151,"tag":186,"props":859,"children":860},{"style":687},[861],{"type":156,"value":862},"  height",{"type":151,"tag":186,"props":864,"children":865},{"style":216},[866],{"type":156,"value":695},{"type":151,"tag":186,"props":868,"children":869},{"style":216},[870],{"type":156,"value":700},{"type":151,"tag":186,"props":872,"children":873},{"style":277},[874],{"type":156,"value":875},"300",{"type":151,"tag":186,"props":877,"children":878},{"style":216},[879],{"type":156,"value":710},{"type":151,"tag":186,"props":881,"children":882},{"class":188,"line":288},[883,887,891,895,900],{"type":151,"tag":186,"props":884,"children":885},{"style":687},[886],{"type":156,"value":743},{"type":151,"tag":186,"props":888,"children":889},{"style":216},[890],{"type":156,"value":695},{"type":151,"tag":186,"props":892,"children":893},{"style":216},[894],{"type":156,"value":700},{"type":151,"tag":186,"props":896,"children":897},{"style":277},[898],{"type":156,"value":899},"{effectGray: true}",{"type":151,"tag":186,"props":901,"children":902},{"style":216},[903],{"type":156,"value":710},{"type":151,"tag":186,"props":905,"children":906},{"class":188,"line":297},[907],{"type":151,"tag":186,"props":908,"children":909},{"style":216},[910],{"type":156,"value":768},{"type":151,"tag":466,"props":912,"children":914},{"id":913},"named",[915],{"type":151,"tag":182,"props":916,"children":918},{"className":917},[],[919],{"type":156,"value":913},{"type":151,"tag":152,"props":921,"children":922},{},[923,925,932],{"type":156,"value":924},"Use ",{"type":151,"tag":159,"props":926,"children":929},{"href":927,"rel":928},"https://docs.imagekit.io/features/named-transformations",[163],[930],{"type":156,"value":931},"named transformations",{"type":156,"value":933}," as an alias for an entire transformation string.",{"type":151,"tag":152,"props":935,"children":936},{},[937,939,945,947,953],{"type":156,"value":938},"For example, we can create a named transformation - ",{"type":151,"tag":182,"props":940,"children":942},{"className":941},[],[943],{"type":156,"value":944},"media_library_thumbnail",{"type":156,"value":946}," for a transformation string - ",{"type":151,"tag":182,"props":948,"children":950},{"className":949},[],[951],{"type":156,"value":952},"tr:w-100,h-100,c-at_max,fo-auto",{"type":156,"value":343},{"type":151,"tag":466,"props":955,"children":957},{"id":956},"border",[958],{"type":151,"tag":182,"props":959,"children":961},{"className":960},[],[962],{"type":156,"value":956},{"type":151,"tag":152,"props":964,"children":965},{},[966,968,973],{"type":156,"value":967},"Add a border to your images using the ",{"type":151,"tag":182,"props":969,"children":971},{"className":970},[],[972],{"type":156,"value":956},{"type":156,"value":974}," modifier. You can also set its width and color.",{"type":151,"tag":174,"props":976,"children":978},{"className":662,"code":977,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{border: '20_FF0000'}\"\n/>\n",[979],{"type":151,"tag":182,"props":980,"children":981},{"__ignoreMap":139},[982,993,1016,1039,1063,1087],{"type":151,"tag":186,"props":983,"children":984},{"class":188,"line":189},[985,989],{"type":151,"tag":186,"props":986,"children":987},{"style":216},[988],{"type":156,"value":676},{"type":151,"tag":186,"props":990,"children":991},{"style":226},[992],{"type":156,"value":681},{"type":151,"tag":186,"props":994,"children":995},{"class":188,"line":222},[996,1000,1004,1008,1012],{"type":151,"tag":186,"props":997,"children":998},{"style":687},[999],{"type":156,"value":690},{"type":151,"tag":186,"props":1001,"children":1002},{"style":216},[1003],{"type":156,"value":695},{"type":151,"tag":186,"props":1005,"children":1006},{"style":216},[1007],{"type":156,"value":700},{"type":151,"tag":186,"props":1009,"children":1010},{"style":277},[1011],{"type":156,"value":705},{"type":151,"tag":186,"props":1013,"children":1014},{"style":216},[1015],{"type":156,"value":710},{"type":151,"tag":186,"props":1017,"children":1018},{"class":188,"line":242},[1019,1023,1027,1031,1035],{"type":151,"tag":186,"props":1020,"children":1021},{"style":687},[1022],{"type":156,"value":718},{"type":151,"tag":186,"props":1024,"children":1025},{"style":216},[1026],{"type":156,"value":695},{"type":151,"tag":186,"props":1028,"children":1029},{"style":216},[1030],{"type":156,"value":700},{"type":151,"tag":186,"props":1032,"children":1033},{"style":277},[1034],{"type":156,"value":731},{"type":151,"tag":186,"props":1036,"children":1037},{"style":216},[1038],{"type":156,"value":710},{"type":151,"tag":186,"props":1040,"children":1041},{"class":188,"line":259},[1042,1047,1051,1055,1059],{"type":151,"tag":186,"props":1043,"children":1044},{"style":687},[1045],{"type":156,"value":1046},"  width",{"type":151,"tag":186,"props":1048,"children":1049},{"style":216},[1050],{"type":156,"value":695},{"type":151,"tag":186,"props":1052,"children":1053},{"style":216},[1054],{"type":156,"value":700},{"type":151,"tag":186,"props":1056,"children":1057},{"style":277},[1058],{"type":156,"value":875},{"type":151,"tag":186,"props":1060,"children":1061},{"style":216},[1062],{"type":156,"value":710},{"type":151,"tag":186,"props":1064,"children":1065},{"class":188,"line":288},[1066,1070,1074,1078,1083],{"type":151,"tag":186,"props":1067,"children":1068},{"style":687},[1069],{"type":156,"value":743},{"type":151,"tag":186,"props":1071,"children":1072},{"style":216},[1073],{"type":156,"value":695},{"type":151,"tag":186,"props":1075,"children":1076},{"style":216},[1077],{"type":156,"value":700},{"type":151,"tag":186,"props":1079,"children":1080},{"style":277},[1081],{"type":156,"value":1082},"{border: '20_FF0000'}",{"type":151,"tag":186,"props":1084,"children":1085},{"style":216},[1086],{"type":156,"value":710},{"type":151,"tag":186,"props":1088,"children":1089},{"class":188,"line":297},[1090],{"type":151,"tag":186,"props":1091,"children":1092},{"style":216},[1093],{"type":156,"value":768},{"type":151,"tag":466,"props":1095,"children":1097},{"id":1096},"rotate",[1098],{"type":151,"tag":182,"props":1099,"children":1101},{"className":1100},[],[1102],{"type":156,"value":1096},{"type":151,"tag":152,"props":1104,"children":1105},{},[1106,1108,1113,1115,1121,1122,1128,1129,1135,1136,1142,1143,1149,1151,1156],{"type":156,"value":1107},"Use the ",{"type":151,"tag":182,"props":1109,"children":1111},{"className":1110},[],[1112],{"type":156,"value":1096},{"type":156,"value":1114}," modifier to rotate your image. Possible values are - ",{"type":151,"tag":182,"props":1116,"children":1118},{"className":1117},[],[1119],{"type":156,"value":1120},"0",{"type":156,"value":487},{"type":151,"tag":182,"props":1123,"children":1125},{"className":1124},[],[1126],{"type":156,"value":1127},"90",{"type":156,"value":487},{"type":151,"tag":182,"props":1130,"children":1132},{"className":1131},[],[1133],{"type":156,"value":1134},"180",{"type":156,"value":487},{"type":151,"tag":182,"props":1137,"children":1139},{"className":1138},[],[1140],{"type":156,"value":1141},"270",{"type":156,"value":487},{"type":151,"tag":182,"props":1144,"children":1146},{"className":1145},[],[1147],{"type":156,"value":1148},"360",{"type":156,"value":1150},", and ",{"type":151,"tag":182,"props":1152,"children":1154},{"className":1153},[],[1155],{"type":156,"value":600},{"type":156,"value":343},{"type":151,"tag":174,"props":1158,"children":1160},{"className":662,"code":1159,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{rotate: 90}\"\n/>\n",[1161],{"type":151,"tag":182,"props":1162,"children":1163},{"__ignoreMap":139},[1164,1175,1198,1221,1245],{"type":151,"tag":186,"props":1165,"children":1166},{"class":188,"line":189},[1167,1171],{"type":151,"tag":186,"props":1168,"children":1169},{"style":216},[1170],{"type":156,"value":676},{"type":151,"tag":186,"props":1172,"children":1173},{"style":226},[1174],{"type":156,"value":681},{"type":151,"tag":186,"props":1176,"children":1177},{"class":188,"line":222},[1178,1182,1186,1190,1194],{"type":151,"tag":186,"props":1179,"children":1180},{"style":687},[1181],{"type":156,"value":690},{"type":151,"tag":186,"props":1183,"children":1184},{"style":216},[1185],{"type":156,"value":695},{"type":151,"tag":186,"props":1187,"children":1188},{"style":216},[1189],{"type":156,"value":700},{"type":151,"tag":186,"props":1191,"children":1192},{"style":277},[1193],{"type":156,"value":705},{"type":151,"tag":186,"props":1195,"children":1196},{"style":216},[1197],{"type":156,"value":710},{"type":151,"tag":186,"props":1199,"children":1200},{"class":188,"line":242},[1201,1205,1209,1213,1217],{"type":151,"tag":186,"props":1202,"children":1203},{"style":687},[1204],{"type":156,"value":718},{"type":151,"tag":186,"props":1206,"children":1207},{"style":216},[1208],{"type":156,"value":695},{"type":151,"tag":186,"props":1210,"children":1211},{"style":216},[1212],{"type":156,"value":700},{"type":151,"tag":186,"props":1214,"children":1215},{"style":277},[1216],{"type":156,"value":731},{"type":151,"tag":186,"props":1218,"children":1219},{"style":216},[1220],{"type":156,"value":710},{"type":151,"tag":186,"props":1222,"children":1223},{"class":188,"line":259},[1224,1228,1232,1236,1241],{"type":151,"tag":186,"props":1225,"children":1226},{"style":687},[1227],{"type":156,"value":743},{"type":151,"tag":186,"props":1229,"children":1230},{"style":216},[1231],{"type":156,"value":695},{"type":151,"tag":186,"props":1233,"children":1234},{"style":216},[1235],{"type":156,"value":700},{"type":151,"tag":186,"props":1237,"children":1238},{"style":277},[1239],{"type":156,"value":1240},"{rotate: 90}",{"type":151,"tag":186,"props":1242,"children":1243},{"style":216},[1244],{"type":156,"value":710},{"type":151,"tag":186,"props":1246,"children":1247},{"class":188,"line":288},[1248],{"type":151,"tag":186,"props":1249,"children":1250},{"style":216},[1251],{"type":156,"value":768},{"type":151,"tag":466,"props":1253,"children":1255},{"id":1254},"radius",[1256],{"type":151,"tag":182,"props":1257,"children":1259},{"className":1258},[],[1260],{"type":156,"value":1254},{"type":151,"tag":152,"props":1262,"children":1263},{},[1264,1266,1271,1273,1279],{"type":156,"value":1265},"Give rounded corners to your image using ",{"type":151,"tag":182,"props":1267,"children":1269},{"className":1268},[],[1270],{"type":156,"value":1254},{"type":156,"value":1272},". Possible values are - positive integers and ",{"type":151,"tag":182,"props":1274,"children":1276},{"className":1275},[],[1277],{"type":156,"value":1278},"max",{"type":156,"value":343},{"type":151,"tag":174,"props":1281,"children":1283},{"className":662,"code":1282,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{radius: 20}\"\n/>\n",[1284],{"type":151,"tag":182,"props":1285,"children":1286},{"__ignoreMap":139},[1287,1298,1321,1344,1368],{"type":151,"tag":186,"props":1288,"children":1289},{"class":188,"line":189},[1290,1294],{"type":151,"tag":186,"props":1291,"children":1292},{"style":216},[1293],{"type":156,"value":676},{"type":151,"tag":186,"props":1295,"children":1296},{"style":226},[1297],{"type":156,"value":681},{"type":151,"tag":186,"props":1299,"children":1300},{"class":188,"line":222},[1301,1305,1309,1313,1317],{"type":151,"tag":186,"props":1302,"children":1303},{"style":687},[1304],{"type":156,"value":690},{"type":151,"tag":186,"props":1306,"children":1307},{"style":216},[1308],{"type":156,"value":695},{"type":151,"tag":186,"props":1310,"children":1311},{"style":216},[1312],{"type":156,"value":700},{"type":151,"tag":186,"props":1314,"children":1315},{"style":277},[1316],{"type":156,"value":705},{"type":151,"tag":186,"props":1318,"children":1319},{"style":216},[1320],{"type":156,"value":710},{"type":151,"tag":186,"props":1322,"children":1323},{"class":188,"line":242},[1324,1328,1332,1336,1340],{"type":151,"tag":186,"props":1325,"children":1326},{"style":687},[1327],{"type":156,"value":718},{"type":151,"tag":186,"props":1329,"children":1330},{"style":216},[1331],{"type":156,"value":695},{"type":151,"tag":186,"props":1333,"children":1334},{"style":216},[1335],{"type":156,"value":700},{"type":151,"tag":186,"props":1337,"children":1338},{"style":277},[1339],{"type":156,"value":731},{"type":151,"tag":186,"props":1341,"children":1342},{"style":216},[1343],{"type":156,"value":710},{"type":151,"tag":186,"props":1345,"children":1346},{"class":188,"line":259},[1347,1351,1355,1359,1364],{"type":151,"tag":186,"props":1348,"children":1349},{"style":687},[1350],{"type":156,"value":743},{"type":151,"tag":186,"props":1352,"children":1353},{"style":216},[1354],{"type":156,"value":695},{"type":151,"tag":186,"props":1356,"children":1357},{"style":216},[1358],{"type":156,"value":700},{"type":151,"tag":186,"props":1360,"children":1361},{"style":277},[1362],{"type":156,"value":1363},"{radius: 20}",{"type":151,"tag":186,"props":1365,"children":1366},{"style":216},[1367],{"type":156,"value":710},{"type":151,"tag":186,"props":1369,"children":1370},{"class":188,"line":288},[1371],{"type":151,"tag":186,"props":1372,"children":1373},{"style":216},[1374],{"type":156,"value":768},{"type":151,"tag":466,"props":1376,"children":1378},{"id":1377},"bg",[1379],{"type":151,"tag":182,"props":1380,"children":1382},{"className":1381},[],[1383],{"type":156,"value":1377},{"type":151,"tag":152,"props":1385,"children":1386},{},[1387,1389,1394],{"type":156,"value":1388},"Specify background color and its opacity for your image using the ",{"type":151,"tag":182,"props":1390,"children":1392},{"className":1391},[],[1393],{"type":156,"value":1377},{"type":156,"value":790},{"type":151,"tag":174,"props":1396,"children":1398},{"className":662,"code":1397,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"1200\"\n  width=\"1200\"\n  fit=\"pad_extract\"\n  :modifiers=\"{bg: '272B38'}\"\n/>\n",[1399],{"type":151,"tag":182,"props":1400,"children":1401},{"__ignoreMap":139},[1402,1413,1436,1459,1483,1506,1530,1554],{"type":151,"tag":186,"props":1403,"children":1404},{"class":188,"line":189},[1405,1409],{"type":151,"tag":186,"props":1406,"children":1407},{"style":216},[1408],{"type":156,"value":676},{"type":151,"tag":186,"props":1410,"children":1411},{"style":226},[1412],{"type":156,"value":681},{"type":151,"tag":186,"props":1414,"children":1415},{"class":188,"line":222},[1416,1420,1424,1428,1432],{"type":151,"tag":186,"props":1417,"children":1418},{"style":687},[1419],{"type":156,"value":690},{"type":151,"tag":186,"props":1421,"children":1422},{"style":216},[1423],{"type":156,"value":695},{"type":151,"tag":186,"props":1425,"children":1426},{"style":216},[1427],{"type":156,"value":700},{"type":151,"tag":186,"props":1429,"children":1430},{"style":277},[1431],{"type":156,"value":705},{"type":151,"tag":186,"props":1433,"children":1434},{"style":216},[1435],{"type":156,"value":710},{"type":151,"tag":186,"props":1437,"children":1438},{"class":188,"line":242},[1439,1443,1447,1451,1455],{"type":151,"tag":186,"props":1440,"children":1441},{"style":687},[1442],{"type":156,"value":718},{"type":151,"tag":186,"props":1444,"children":1445},{"style":216},[1446],{"type":156,"value":695},{"type":151,"tag":186,"props":1448,"children":1449},{"style":216},[1450],{"type":156,"value":700},{"type":151,"tag":186,"props":1452,"children":1453},{"style":277},[1454],{"type":156,"value":731},{"type":151,"tag":186,"props":1456,"children":1457},{"style":216},[1458],{"type":156,"value":710},{"type":151,"tag":186,"props":1460,"children":1461},{"class":188,"line":259},[1462,1466,1470,1474,1479],{"type":151,"tag":186,"props":1463,"children":1464},{"style":687},[1465],{"type":156,"value":862},{"type":151,"tag":186,"props":1467,"children":1468},{"style":216},[1469],{"type":156,"value":695},{"type":151,"tag":186,"props":1471,"children":1472},{"style":216},[1473],{"type":156,"value":700},{"type":151,"tag":186,"props":1475,"children":1476},{"style":277},[1477],{"type":156,"value":1478},"1200",{"type":151,"tag":186,"props":1480,"children":1481},{"style":216},[1482],{"type":156,"value":710},{"type":151,"tag":186,"props":1484,"children":1485},{"class":188,"line":288},[1486,1490,1494,1498,1502],{"type":151,"tag":186,"props":1487,"children":1488},{"style":687},[1489],{"type":156,"value":1046},{"type":151,"tag":186,"props":1491,"children":1492},{"style":216},[1493],{"type":156,"value":695},{"type":151,"tag":186,"props":1495,"children":1496},{"style":216},[1497],{"type":156,"value":700},{"type":151,"tag":186,"props":1499,"children":1500},{"style":277},[1501],{"type":156,"value":1478},{"type":151,"tag":186,"props":1503,"children":1504},{"style":216},[1505],{"type":156,"value":710},{"type":151,"tag":186,"props":1507,"children":1508},{"class":188,"line":297},[1509,1514,1518,1522,1526],{"type":151,"tag":186,"props":1510,"children":1511},{"style":687},[1512],{"type":156,"value":1513},"  fit",{"type":151,"tag":186,"props":1515,"children":1516},{"style":216},[1517],{"type":156,"value":695},{"type":151,"tag":186,"props":1519,"children":1520},{"style":216},[1521],{"type":156,"value":700},{"type":151,"tag":186,"props":1523,"children":1524},{"style":277},[1525],{"type":156,"value":407},{"type":151,"tag":186,"props":1527,"children":1528},{"style":216},[1529],{"type":156,"value":710},{"type":151,"tag":186,"props":1531,"children":1532},{"class":188,"line":306},[1533,1537,1541,1545,1550],{"type":151,"tag":186,"props":1534,"children":1535},{"style":687},[1536],{"type":156,"value":743},{"type":151,"tag":186,"props":1538,"children":1539},{"style":216},[1540],{"type":156,"value":695},{"type":151,"tag":186,"props":1542,"children":1543},{"style":216},[1544],{"type":156,"value":700},{"type":151,"tag":186,"props":1546,"children":1547},{"style":277},[1548],{"type":156,"value":1549},"{bg: '272B38'}",{"type":151,"tag":186,"props":1551,"children":1552},{"style":216},[1553],{"type":156,"value":710},{"type":151,"tag":186,"props":1555,"children":1557},{"class":188,"line":1556},8,[1558],{"type":151,"tag":186,"props":1559,"children":1560},{"style":216},[1561],{"type":156,"value":768},{"type":151,"tag":319,"props":1563,"children":1564},{},[1565],{"type":151,"tag":152,"props":1566,"children":1567},{},[1568,1570,1577],{"type":156,"value":1569},"Read more about ImageKit crop, resize, and other common transformations ",{"type":151,"tag":159,"props":1571,"children":1574},{"href":1572,"rel":1573},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations",[163],[1575],{"type":156,"value":1576},"here",{"type":156,"value":343},{"type":151,"tag":345,"props":1579,"children":1581},{"id":1580},"overlay-transformation-modifiers",[1582],{"type":156,"value":1583},"Overlay Transformation Modifiers",{"type":151,"tag":152,"props":1585,"children":1586},{},[1587,1589,1596,1598,1604,1606,1613,1615,1620],{"type":156,"value":1588},"ImageKit's Nuxt Image integration enables you to apply overlays to ",{"type":151,"tag":159,"props":1590,"children":1593},{"href":1591,"rel":1592},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers.md",[163],[1594],{"type":156,"value":1595},"images",{"type":156,"value":1597}," using the ",{"type":151,"tag":182,"props":1599,"children":1601},{"className":1600},[],[1602],{"type":156,"value":1603},"raw",{"type":156,"value":1605}," parameter with the concept of ",{"type":151,"tag":159,"props":1607,"children":1610},{"href":1608,"rel":1609},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers.md#layers",[163],[1611],{"type":156,"value":1612},"layers",{"type":156,"value":1614},". The ",{"type":151,"tag":182,"props":1616,"children":1618},{"className":1617},[],[1619],{"type":156,"value":1603},{"type":156,"value":1621}," parameter facilitates incorporating transformations directly in the URL. A layer is a special type of transformation that allows you to apply text and image overlay along with other transformation parameters.",{"type":151,"tag":466,"props":1623,"children":1625},{"id":1624},"overlay-image",[1626],{"type":156,"value":1627},"Overlay Image",{"type":151,"tag":152,"props":1629,"children":1630},{},[1631],{"type":156,"value":1632},"Overlay an image on top of another image (base image). You can use this to create dynamic banners, watermarking, etc.",{"type":151,"tag":174,"props":1634,"children":1636},{"className":662,"code":1635,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"modifiers\"\n  />\n\n\u003Cscript>\n  export default {\n    data() {\n      return {\n        modifiers: {\n          raw: 'l-image,i-default-image.jpg,w-300,h-200,b-5_FFFFFF,fo-top_left,l-end'\n        }\n      }\n    }\n  }\n\u003C/script>\n",[1637],{"type":151,"tag":182,"props":1638,"children":1639},{"__ignoreMap":139},[1640,1651,1674,1697,1721,1729,1738,1755,1771,1789,1802,1819,1845,1854,1863,1871,1879],{"type":151,"tag":186,"props":1641,"children":1642},{"class":188,"line":189},[1643,1647],{"type":151,"tag":186,"props":1644,"children":1645},{"style":216},[1646],{"type":156,"value":676},{"type":151,"tag":186,"props":1648,"children":1649},{"style":226},[1650],{"type":156,"value":681},{"type":151,"tag":186,"props":1652,"children":1653},{"class":188,"line":222},[1654,1658,1662,1666,1670],{"type":151,"tag":186,"props":1655,"children":1656},{"style":687},[1657],{"type":156,"value":690},{"type":151,"tag":186,"props":1659,"children":1660},{"style":216},[1661],{"type":156,"value":695},{"type":151,"tag":186,"props":1663,"children":1664},{"style":216},[1665],{"type":156,"value":700},{"type":151,"tag":186,"props":1667,"children":1668},{"style":277},[1669],{"type":156,"value":705},{"type":151,"tag":186,"props":1671,"children":1672},{"style":216},[1673],{"type":156,"value":710},{"type":151,"tag":186,"props":1675,"children":1676},{"class":188,"line":242},[1677,1681,1685,1689,1693],{"type":151,"tag":186,"props":1678,"children":1679},{"style":687},[1680],{"type":156,"value":718},{"type":151,"tag":186,"props":1682,"children":1683},{"style":216},[1684],{"type":156,"value":695},{"type":151,"tag":186,"props":1686,"children":1687},{"style":216},[1688],{"type":156,"value":700},{"type":151,"tag":186,"props":1690,"children":1691},{"style":277},[1692],{"type":156,"value":731},{"type":151,"tag":186,"props":1694,"children":1695},{"style":216},[1696],{"type":156,"value":710},{"type":151,"tag":186,"props":1698,"children":1699},{"class":188,"line":259},[1700,1704,1708,1712,1717],{"type":151,"tag":186,"props":1701,"children":1702},{"style":687},[1703],{"type":156,"value":743},{"type":151,"tag":186,"props":1705,"children":1706},{"style":216},[1707],{"type":156,"value":695},{"type":151,"tag":186,"props":1709,"children":1710},{"style":216},[1711],{"type":156,"value":700},{"type":151,"tag":186,"props":1713,"children":1714},{"style":277},[1715],{"type":156,"value":1716},"modifiers",{"type":151,"tag":186,"props":1718,"children":1719},{"style":216},[1720],{"type":156,"value":710},{"type":151,"tag":186,"props":1722,"children":1723},{"class":188,"line":288},[1724],{"type":151,"tag":186,"props":1725,"children":1726},{"style":216},[1727],{"type":156,"value":1728},"  />\n",{"type":151,"tag":186,"props":1730,"children":1731},{"class":188,"line":297},[1732],{"type":151,"tag":186,"props":1733,"children":1735},{"emptyLinePlaceholder":1734},true,[1736],{"type":156,"value":1737},"\n",{"type":151,"tag":186,"props":1739,"children":1740},{"class":188,"line":306},[1741,1745,1750],{"type":151,"tag":186,"props":1742,"children":1743},{"style":216},[1744],{"type":156,"value":676},{"type":151,"tag":186,"props":1746,"children":1747},{"style":226},[1748],{"type":156,"value":1749},"script",{"type":151,"tag":186,"props":1751,"children":1752},{"style":216},[1753],{"type":156,"value":1754},">\n",{"type":151,"tag":186,"props":1756,"children":1757},{"class":188,"line":1556},[1758,1763,1767],{"type":151,"tag":186,"props":1759,"children":1760},{"style":193},[1761],{"type":156,"value":1762},"  export",{"type":151,"tag":186,"props":1764,"children":1765},{"style":193},[1766],{"type":156,"value":201},{"type":151,"tag":186,"props":1768,"children":1769},{"style":216},[1770],{"type":156,"value":239},{"type":151,"tag":186,"props":1772,"children":1774},{"class":188,"line":1773},9,[1775,1780,1785],{"type":151,"tag":186,"props":1776,"children":1777},{"style":226},[1778],{"type":156,"value":1779},"    data",{"type":151,"tag":186,"props":1781,"children":1782},{"style":216},[1783],{"type":156,"value":1784},"()",{"type":151,"tag":186,"props":1786,"children":1787},{"style":216},[1788],{"type":156,"value":239},{"type":151,"tag":186,"props":1790,"children":1792},{"class":188,"line":1791},10,[1793,1798],{"type":151,"tag":186,"props":1794,"children":1795},{"style":193},[1796],{"type":156,"value":1797},"      return",{"type":151,"tag":186,"props":1799,"children":1800},{"style":216},[1801],{"type":156,"value":239},{"type":151,"tag":186,"props":1803,"children":1805},{"class":188,"line":1804},11,[1806,1811,1815],{"type":151,"tag":186,"props":1807,"children":1808},{"style":226},[1809],{"type":156,"value":1810},"        modifiers",{"type":151,"tag":186,"props":1812,"children":1813},{"style":216},[1814],{"type":156,"value":234},{"type":151,"tag":186,"props":1816,"children":1817},{"style":216},[1818],{"type":156,"value":239},{"type":151,"tag":186,"props":1820,"children":1822},{"class":188,"line":1821},12,[1823,1828,1832,1836,1841],{"type":151,"tag":186,"props":1824,"children":1825},{"style":226},[1826],{"type":156,"value":1827},"          raw",{"type":151,"tag":186,"props":1829,"children":1830},{"style":216},[1831],{"type":156,"value":234},{"type":151,"tag":186,"props":1833,"children":1834},{"style":216},[1835],{"type":156,"value":274},{"type":151,"tag":186,"props":1837,"children":1838},{"style":277},[1839],{"type":156,"value":1840},"l-image,i-default-image.jpg,w-300,h-200,b-5_FFFFFF,fo-top_left,l-end",{"type":151,"tag":186,"props":1842,"children":1843},{"style":216},[1844],{"type":156,"value":285},{"type":151,"tag":186,"props":1846,"children":1848},{"class":188,"line":1847},13,[1849],{"type":151,"tag":186,"props":1850,"children":1851},{"style":216},[1852],{"type":156,"value":1853},"        }\n",{"type":151,"tag":186,"props":1855,"children":1857},{"class":188,"line":1856},14,[1858],{"type":151,"tag":186,"props":1859,"children":1860},{"style":216},[1861],{"type":156,"value":1862},"      }\n",{"type":151,"tag":186,"props":1864,"children":1866},{"class":188,"line":1865},15,[1867],{"type":151,"tag":186,"props":1868,"children":1869},{"style":216},[1870],{"type":156,"value":294},{"type":151,"tag":186,"props":1872,"children":1874},{"class":188,"line":1873},16,[1875],{"type":151,"tag":186,"props":1876,"children":1877},{"style":216},[1878],{"type":156,"value":303},{"type":151,"tag":186,"props":1880,"children":1882},{"class":188,"line":1881},17,[1883,1888,1892],{"type":151,"tag":186,"props":1884,"children":1885},{"style":216},[1886],{"type":156,"value":1887},"\u003C/",{"type":151,"tag":186,"props":1889,"children":1890},{"style":226},[1891],{"type":156,"value":1749},{"type":151,"tag":186,"props":1893,"children":1894},{"style":216},[1895],{"type":156,"value":1754},{"type":151,"tag":466,"props":1897,"children":1899},{"id":1898},"overlay-text",[1900],{"type":156,"value":1901},"Overlay Text",{"type":151,"tag":152,"props":1903,"children":1904},{},[1905],{"type":156,"value":1906},"You can overlay text on an image and apply various transformations to it as per your needs.",{"type":151,"tag":174,"props":1908,"children":1910},{"className":662,"code":1909,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"modifiers\"\n/>\n\n\u003Cscript>\n  export default {\n    data() {\n      return {\n        modifiers: {\n          raw: 'l-text,i-overlay made easy,fs-45,co-000000,bg-FFFFFF80,r-30,pa-40,l-end'\n        }\n      }\n    }\n  }\n\u003C/script>\n",[1911],{"type":151,"tag":182,"props":1912,"children":1913},{"__ignoreMap":139},[1914,1925,1948,1971,1994,2001,2008,2023,2038,2053,2064,2079,2103,2110,2117,2124,2131],{"type":151,"tag":186,"props":1915,"children":1916},{"class":188,"line":189},[1917,1921],{"type":151,"tag":186,"props":1918,"children":1919},{"style":216},[1920],{"type":156,"value":676},{"type":151,"tag":186,"props":1922,"children":1923},{"style":226},[1924],{"type":156,"value":681},{"type":151,"tag":186,"props":1926,"children":1927},{"class":188,"line":222},[1928,1932,1936,1940,1944],{"type":151,"tag":186,"props":1929,"children":1930},{"style":687},[1931],{"type":156,"value":690},{"type":151,"tag":186,"props":1933,"children":1934},{"style":216},[1935],{"type":156,"value":695},{"type":151,"tag":186,"props":1937,"children":1938},{"style":216},[1939],{"type":156,"value":700},{"type":151,"tag":186,"props":1941,"children":1942},{"style":277},[1943],{"type":156,"value":705},{"type":151,"tag":186,"props":1945,"children":1946},{"style":216},[1947],{"type":156,"value":710},{"type":151,"tag":186,"props":1949,"children":1950},{"class":188,"line":242},[1951,1955,1959,1963,1967],{"type":151,"tag":186,"props":1952,"children":1953},{"style":687},[1954],{"type":156,"value":718},{"type":151,"tag":186,"props":1956,"children":1957},{"style":216},[1958],{"type":156,"value":695},{"type":151,"tag":186,"props":1960,"children":1961},{"style":216},[1962],{"type":156,"value":700},{"type":151,"tag":186,"props":1964,"children":1965},{"style":277},[1966],{"type":156,"value":731},{"type":151,"tag":186,"props":1968,"children":1969},{"style":216},[1970],{"type":156,"value":710},{"type":151,"tag":186,"props":1972,"children":1973},{"class":188,"line":259},[1974,1978,1982,1986,1990],{"type":151,"tag":186,"props":1975,"children":1976},{"style":687},[1977],{"type":156,"value":743},{"type":151,"tag":186,"props":1979,"children":1980},{"style":216},[1981],{"type":156,"value":695},{"type":151,"tag":186,"props":1983,"children":1984},{"style":216},[1985],{"type":156,"value":700},{"type":151,"tag":186,"props":1987,"children":1988},{"style":277},[1989],{"type":156,"value":1716},{"type":151,"tag":186,"props":1991,"children":1992},{"style":216},[1993],{"type":156,"value":710},{"type":151,"tag":186,"props":1995,"children":1996},{"class":188,"line":288},[1997],{"type":151,"tag":186,"props":1998,"children":1999},{"style":216},[2000],{"type":156,"value":768},{"type":151,"tag":186,"props":2002,"children":2003},{"class":188,"line":297},[2004],{"type":151,"tag":186,"props":2005,"children":2006},{"emptyLinePlaceholder":1734},[2007],{"type":156,"value":1737},{"type":151,"tag":186,"props":2009,"children":2010},{"class":188,"line":306},[2011,2015,2019],{"type":151,"tag":186,"props":2012,"children":2013},{"style":216},[2014],{"type":156,"value":676},{"type":151,"tag":186,"props":2016,"children":2017},{"style":226},[2018],{"type":156,"value":1749},{"type":151,"tag":186,"props":2020,"children":2021},{"style":216},[2022],{"type":156,"value":1754},{"type":151,"tag":186,"props":2024,"children":2025},{"class":188,"line":1556},[2026,2030,2034],{"type":151,"tag":186,"props":2027,"children":2028},{"style":193},[2029],{"type":156,"value":1762},{"type":151,"tag":186,"props":2031,"children":2032},{"style":193},[2033],{"type":156,"value":201},{"type":151,"tag":186,"props":2035,"children":2036},{"style":216},[2037],{"type":156,"value":239},{"type":151,"tag":186,"props":2039,"children":2040},{"class":188,"line":1773},[2041,2045,2049],{"type":151,"tag":186,"props":2042,"children":2043},{"style":226},[2044],{"type":156,"value":1779},{"type":151,"tag":186,"props":2046,"children":2047},{"style":216},[2048],{"type":156,"value":1784},{"type":151,"tag":186,"props":2050,"children":2051},{"style":216},[2052],{"type":156,"value":239},{"type":151,"tag":186,"props":2054,"children":2055},{"class":188,"line":1791},[2056,2060],{"type":151,"tag":186,"props":2057,"children":2058},{"style":193},[2059],{"type":156,"value":1797},{"type":151,"tag":186,"props":2061,"children":2062},{"style":216},[2063],{"type":156,"value":239},{"type":151,"tag":186,"props":2065,"children":2066},{"class":188,"line":1804},[2067,2071,2075],{"type":151,"tag":186,"props":2068,"children":2069},{"style":226},[2070],{"type":156,"value":1810},{"type":151,"tag":186,"props":2072,"children":2073},{"style":216},[2074],{"type":156,"value":234},{"type":151,"tag":186,"props":2076,"children":2077},{"style":216},[2078],{"type":156,"value":239},{"type":151,"tag":186,"props":2080,"children":2081},{"class":188,"line":1821},[2082,2086,2090,2094,2099],{"type":151,"tag":186,"props":2083,"children":2084},{"style":226},[2085],{"type":156,"value":1827},{"type":151,"tag":186,"props":2087,"children":2088},{"style":216},[2089],{"type":156,"value":234},{"type":151,"tag":186,"props":2091,"children":2092},{"style":216},[2093],{"type":156,"value":274},{"type":151,"tag":186,"props":2095,"children":2096},{"style":277},[2097],{"type":156,"value":2098},"l-text,i-overlay made easy,fs-45,co-000000,bg-FFFFFF80,r-30,pa-40,l-end",{"type":151,"tag":186,"props":2100,"children":2101},{"style":216},[2102],{"type":156,"value":285},{"type":151,"tag":186,"props":2104,"children":2105},{"class":188,"line":1847},[2106],{"type":151,"tag":186,"props":2107,"children":2108},{"style":216},[2109],{"type":156,"value":1853},{"type":151,"tag":186,"props":2111,"children":2112},{"class":188,"line":1856},[2113],{"type":151,"tag":186,"props":2114,"children":2115},{"style":216},[2116],{"type":156,"value":1862},{"type":151,"tag":186,"props":2118,"children":2119},{"class":188,"line":1865},[2120],{"type":151,"tag":186,"props":2121,"children":2122},{"style":216},[2123],{"type":156,"value":294},{"type":151,"tag":186,"props":2125,"children":2126},{"class":188,"line":1873},[2127],{"type":151,"tag":186,"props":2128,"children":2129},{"style":216},[2130],{"type":156,"value":303},{"type":151,"tag":186,"props":2132,"children":2133},{"class":188,"line":1881},[2134,2138,2142],{"type":151,"tag":186,"props":2135,"children":2136},{"style":216},[2137],{"type":156,"value":1887},{"type":151,"tag":186,"props":2139,"children":2140},{"style":226},[2141],{"type":156,"value":1749},{"type":151,"tag":186,"props":2143,"children":2144},{"style":216},[2145],{"type":156,"value":1754},{"type":151,"tag":152,"props":2147,"children":2148},{},[2149,2151,2157],{"type":156,"value":2150},"Read more about ImageKit's overlay using layers ",{"type":151,"tag":159,"props":2152,"children":2155},{"href":2153,"rel":2154},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers",[163],[2156],{"type":156,"value":1576},{"type":156,"value":343},{"type":151,"tag":345,"props":2159,"children":2161},{"id":2160},"image-enhancement-modifiers",[2162],{"type":156,"value":2163},"Image Enhancement Modifiers",{"type":151,"tag":466,"props":2165,"children":2167},{"id":2166},"effectcontrast",[2168],{"type":151,"tag":182,"props":2169,"children":2171},{"className":2170},[],[2172],{"type":156,"value":2173},"effectContrast",{"type":151,"tag":152,"props":2175,"children":2176},{},[2177,2179,2184],{"type":156,"value":2178},"Enhance contrast of an image using the ",{"type":151,"tag":182,"props":2180,"children":2182},{"className":2181},[],[2183],{"type":156,"value":2173},{"type":156,"value":790},{"type":151,"tag":174,"props":2186,"children":2188},{"className":662,"code":2187,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectContrast: true}\"\n/>\n",[2189],{"type":151,"tag":182,"props":2190,"children":2191},{"__ignoreMap":139},[2192,2203,2226,2249,2272,2296],{"type":151,"tag":186,"props":2193,"children":2194},{"class":188,"line":189},[2195,2199],{"type":151,"tag":186,"props":2196,"children":2197},{"style":216},[2198],{"type":156,"value":676},{"type":151,"tag":186,"props":2200,"children":2201},{"style":226},[2202],{"type":156,"value":681},{"type":151,"tag":186,"props":2204,"children":2205},{"class":188,"line":222},[2206,2210,2214,2218,2222],{"type":151,"tag":186,"props":2207,"children":2208},{"style":687},[2209],{"type":156,"value":690},{"type":151,"tag":186,"props":2211,"children":2212},{"style":216},[2213],{"type":156,"value":695},{"type":151,"tag":186,"props":2215,"children":2216},{"style":216},[2217],{"type":156,"value":700},{"type":151,"tag":186,"props":2219,"children":2220},{"style":277},[2221],{"type":156,"value":705},{"type":151,"tag":186,"props":2223,"children":2224},{"style":216},[2225],{"type":156,"value":710},{"type":151,"tag":186,"props":2227,"children":2228},{"class":188,"line":242},[2229,2233,2237,2241,2245],{"type":151,"tag":186,"props":2230,"children":2231},{"style":687},[2232],{"type":156,"value":718},{"type":151,"tag":186,"props":2234,"children":2235},{"style":216},[2236],{"type":156,"value":695},{"type":151,"tag":186,"props":2238,"children":2239},{"style":216},[2240],{"type":156,"value":700},{"type":151,"tag":186,"props":2242,"children":2243},{"style":277},[2244],{"type":156,"value":731},{"type":151,"tag":186,"props":2246,"children":2247},{"style":216},[2248],{"type":156,"value":710},{"type":151,"tag":186,"props":2250,"children":2251},{"class":188,"line":259},[2252,2256,2260,2264,2268],{"type":151,"tag":186,"props":2253,"children":2254},{"style":687},[2255],{"type":156,"value":862},{"type":151,"tag":186,"props":2257,"children":2258},{"style":216},[2259],{"type":156,"value":695},{"type":151,"tag":186,"props":2261,"children":2262},{"style":216},[2263],{"type":156,"value":700},{"type":151,"tag":186,"props":2265,"children":2266},{"style":277},[2267],{"type":156,"value":875},{"type":151,"tag":186,"props":2269,"children":2270},{"style":216},[2271],{"type":156,"value":710},{"type":151,"tag":186,"props":2273,"children":2274},{"class":188,"line":288},[2275,2279,2283,2287,2292],{"type":151,"tag":186,"props":2276,"children":2277},{"style":687},[2278],{"type":156,"value":743},{"type":151,"tag":186,"props":2280,"children":2281},{"style":216},[2282],{"type":156,"value":695},{"type":151,"tag":186,"props":2284,"children":2285},{"style":216},[2286],{"type":156,"value":700},{"type":151,"tag":186,"props":2288,"children":2289},{"style":277},[2290],{"type":156,"value":2291},"{effectContrast: true}",{"type":151,"tag":186,"props":2293,"children":2294},{"style":216},[2295],{"type":156,"value":710},{"type":151,"tag":186,"props":2297,"children":2298},{"class":188,"line":297},[2299],{"type":151,"tag":186,"props":2300,"children":2301},{"style":216},[2302],{"type":156,"value":768},{"type":151,"tag":466,"props":2304,"children":2306},{"id":2305},"effectsharpen",[2307],{"type":151,"tag":182,"props":2308,"children":2310},{"className":2309},[],[2311],{"type":156,"value":2312},"effectSharpen",{"type":151,"tag":152,"props":2314,"children":2315},{},[2316,2318,2323],{"type":156,"value":2317},"Sharpen the input image using the ",{"type":151,"tag":182,"props":2319,"children":2321},{"className":2320},[],[2322],{"type":156,"value":2312},{"type":156,"value":790},{"type":151,"tag":174,"props":2325,"children":2327},{"className":662,"code":2326,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectSharpen: 10}\"\n/>\n",[2328],{"type":151,"tag":182,"props":2329,"children":2330},{"__ignoreMap":139},[2331,2342,2365,2388,2411,2435],{"type":151,"tag":186,"props":2332,"children":2333},{"class":188,"line":189},[2334,2338],{"type":151,"tag":186,"props":2335,"children":2336},{"style":216},[2337],{"type":156,"value":676},{"type":151,"tag":186,"props":2339,"children":2340},{"style":226},[2341],{"type":156,"value":681},{"type":151,"tag":186,"props":2343,"children":2344},{"class":188,"line":222},[2345,2349,2353,2357,2361],{"type":151,"tag":186,"props":2346,"children":2347},{"style":687},[2348],{"type":156,"value":690},{"type":151,"tag":186,"props":2350,"children":2351},{"style":216},[2352],{"type":156,"value":695},{"type":151,"tag":186,"props":2354,"children":2355},{"style":216},[2356],{"type":156,"value":700},{"type":151,"tag":186,"props":2358,"children":2359},{"style":277},[2360],{"type":156,"value":705},{"type":151,"tag":186,"props":2362,"children":2363},{"style":216},[2364],{"type":156,"value":710},{"type":151,"tag":186,"props":2366,"children":2367},{"class":188,"line":242},[2368,2372,2376,2380,2384],{"type":151,"tag":186,"props":2369,"children":2370},{"style":687},[2371],{"type":156,"value":718},{"type":151,"tag":186,"props":2373,"children":2374},{"style":216},[2375],{"type":156,"value":695},{"type":151,"tag":186,"props":2377,"children":2378},{"style":216},[2379],{"type":156,"value":700},{"type":151,"tag":186,"props":2381,"children":2382},{"style":277},[2383],{"type":156,"value":731},{"type":151,"tag":186,"props":2385,"children":2386},{"style":216},[2387],{"type":156,"value":710},{"type":151,"tag":186,"props":2389,"children":2390},{"class":188,"line":259},[2391,2395,2399,2403,2407],{"type":151,"tag":186,"props":2392,"children":2393},{"style":687},[2394],{"type":156,"value":862},{"type":151,"tag":186,"props":2396,"children":2397},{"style":216},[2398],{"type":156,"value":695},{"type":151,"tag":186,"props":2400,"children":2401},{"style":216},[2402],{"type":156,"value":700},{"type":151,"tag":186,"props":2404,"children":2405},{"style":277},[2406],{"type":156,"value":875},{"type":151,"tag":186,"props":2408,"children":2409},{"style":216},[2410],{"type":156,"value":710},{"type":151,"tag":186,"props":2412,"children":2413},{"class":188,"line":288},[2414,2418,2422,2426,2431],{"type":151,"tag":186,"props":2415,"children":2416},{"style":687},[2417],{"type":156,"value":743},{"type":151,"tag":186,"props":2419,"children":2420},{"style":216},[2421],{"type":156,"value":695},{"type":151,"tag":186,"props":2423,"children":2424},{"style":216},[2425],{"type":156,"value":700},{"type":151,"tag":186,"props":2427,"children":2428},{"style":277},[2429],{"type":156,"value":2430},"{effectSharpen: 10}",{"type":151,"tag":186,"props":2432,"children":2433},{"style":216},[2434],{"type":156,"value":710},{"type":151,"tag":186,"props":2436,"children":2437},{"class":188,"line":297},[2438],{"type":151,"tag":186,"props":2439,"children":2440},{"style":216},[2441],{"type":156,"value":768},{"type":151,"tag":345,"props":2443,"children":2445},{"id":2444},"list-of-supported-transforms",[2446],{"type":156,"value":2447},"List of supported transforms",{"type":151,"tag":152,"props":2449,"children":2450},{},[2451],{"type":156,"value":2452},"ImageKit's Nuxt Image integration provides an easy-to-remember name for each transformation parameter. It makes your code more readable. If you use a property that does not match any of the following supported options, it will be added in the URL as it is.",{"type":156,"value":2454},"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",{"type":151,"tag":2456,"props":2457,"children":2458},"table",{},[2459,2478],{"type":151,"tag":2460,"props":2461,"children":2462},"thead",{},[2463],{"type":151,"tag":2464,"props":2465,"children":2466},"tr",{},[2467,2473],{"type":151,"tag":2468,"props":2469,"children":2470},"th",{},[2471],{"type":156,"value":2472},"Supported Parameter Name",{"type":151,"tag":2468,"props":2474,"children":2475},{},[2476],{"type":156,"value":2477},"Translates to Parameter",{"type":151,"tag":2479,"props":2480,"children":2481},"tbody",{},[2482,2494,2507,2519,2531,2543,2555,2567,2579,2591,2603,2616,2629,2641,2653,2665,2677,2689,2701,2714,2727,2740,2753,2766,2779,2791,2803,2816,2828,2840],{"type":151,"tag":2464,"props":2483,"children":2484},{},[2485,2490],{"type":151,"tag":2486,"props":2487,"children":2488},"td",{},[2489],{"type":156,"value":1377},{"type":151,"tag":2486,"props":2491,"children":2492},{},[2493],{"type":156,"value":1377},{"type":151,"tag":2464,"props":2495,"children":2496},{},[2497,2502],{"type":151,"tag":2486,"props":2498,"children":2499},{},[2500],{"type":156,"value":2501},"aspectRatio",{"type":151,"tag":2486,"props":2503,"children":2504},{},[2505],{"type":156,"value":2506},"ar",{"type":151,"tag":2464,"props":2508,"children":2509},{},[2510,2515],{"type":151,"tag":2486,"props":2511,"children":2512},{},[2513],{"type":156,"value":2514},"x",{"type":151,"tag":2486,"props":2516,"children":2517},{},[2518],{"type":156,"value":2514},{"type":151,"tag":2464,"props":2520,"children":2521},{},[2522,2527],{"type":151,"tag":2486,"props":2523,"children":2524},{},[2525],{"type":156,"value":2526},"y",{"type":151,"tag":2486,"props":2528,"children":2529},{},[2530],{"type":156,"value":2526},{"type":151,"tag":2464,"props":2532,"children":2533},{},[2534,2539],{"type":151,"tag":2486,"props":2535,"children":2536},{},[2537],{"type":156,"value":2538},"xc",{"type":151,"tag":2486,"props":2540,"children":2541},{},[2542],{"type":156,"value":2538},{"type":151,"tag":2464,"props":2544,"children":2545},{},[2546,2551],{"type":151,"tag":2486,"props":2547,"children":2548},{},[2549],{"type":156,"value":2550},"yc",{"type":151,"tag":2486,"props":2552,"children":2553},{},[2554],{"type":156,"value":2550},{"type":151,"tag":2464,"props":2556,"children":2557},{},[2558,2563],{"type":151,"tag":2486,"props":2559,"children":2560},{},[2561],{"type":156,"value":2562},"oix",{"type":151,"tag":2486,"props":2564,"children":2565},{},[2566],{"type":156,"value":2562},{"type":151,"tag":2464,"props":2568,"children":2569},{},[2570,2575],{"type":151,"tag":2486,"props":2571,"children":2572},{},[2573],{"type":156,"value":2574},"oiy",{"type":151,"tag":2486,"props":2576,"children":2577},{},[2578],{"type":156,"value":2574},{"type":151,"tag":2464,"props":2580,"children":2581},{},[2582,2587],{"type":151,"tag":2486,"props":2583,"children":2584},{},[2585],{"type":156,"value":2586},"oixc",{"type":151,"tag":2486,"props":2588,"children":2589},{},[2590],{"type":156,"value":2586},{"type":151,"tag":2464,"props":2592,"children":2593},{},[2594,2599],{"type":151,"tag":2486,"props":2595,"children":2596},{},[2597],{"type":156,"value":2598},"oiyc",{"type":151,"tag":2486,"props":2600,"children":2601},{},[2602],{"type":156,"value":2598},{"type":151,"tag":2464,"props":2604,"children":2605},{},[2606,2611],{"type":151,"tag":2486,"props":2607,"children":2608},{},[2609],{"type":156,"value":2610},"crop",{"type":151,"tag":2486,"props":2612,"children":2613},{},[2614],{"type":156,"value":2615},"c",{"type":151,"tag":2464,"props":2617,"children":2618},{},[2619,2624],{"type":151,"tag":2486,"props":2620,"children":2621},{},[2622],{"type":156,"value":2623},"cropMode",{"type":151,"tag":2486,"props":2625,"children":2626},{},[2627],{"type":156,"value":2628},"cm",{"type":151,"tag":2464,"props":2630,"children":2631},{},[2632,2636],{"type":151,"tag":2486,"props":2633,"children":2634},{},[2635],{"type":156,"value":468},{"type":151,"tag":2486,"props":2637,"children":2638},{},[2639],{"type":156,"value":2640},"fo",{"type":151,"tag":2464,"props":2642,"children":2643},{},[2644,2648],{"type":151,"tag":2486,"props":2645,"children":2646},{},[2647],{"type":156,"value":1254},{"type":151,"tag":2486,"props":2649,"children":2650},{},[2651],{"type":156,"value":2652},"r",{"type":151,"tag":2464,"props":2654,"children":2655},{},[2656,2660],{"type":151,"tag":2486,"props":2657,"children":2658},{},[2659],{"type":156,"value":956},{"type":151,"tag":2486,"props":2661,"children":2662},{},[2663],{"type":156,"value":2664},"b",{"type":151,"tag":2464,"props":2666,"children":2667},{},[2668,2672],{"type":151,"tag":2486,"props":2669,"children":2670},{},[2671],{"type":156,"value":1096},{"type":151,"tag":2486,"props":2673,"children":2674},{},[2675],{"type":156,"value":2676},"rt",{"type":151,"tag":2464,"props":2678,"children":2679},{},[2680,2684],{"type":151,"tag":2486,"props":2681,"children":2682},{},[2683],{"type":156,"value":626},{"type":151,"tag":2486,"props":2685,"children":2686},{},[2687],{"type":156,"value":2688},"bl",{"type":151,"tag":2464,"props":2690,"children":2691},{},[2692,2696],{"type":151,"tag":2486,"props":2693,"children":2694},{},[2695],{"type":156,"value":913},{"type":151,"tag":2486,"props":2697,"children":2698},{},[2699],{"type":156,"value":2700},"n",{"type":151,"tag":2464,"props":2702,"children":2703},{},[2704,2709],{"type":151,"tag":2486,"props":2705,"children":2706},{},[2707],{"type":156,"value":2708},"progressive",{"type":151,"tag":2486,"props":2710,"children":2711},{},[2712],{"type":156,"value":2713},"pr",{"type":151,"tag":2464,"props":2715,"children":2716},{},[2717,2722],{"type":151,"tag":2486,"props":2718,"children":2719},{},[2720],{"type":156,"value":2721},"lossless",{"type":151,"tag":2486,"props":2723,"children":2724},{},[2725],{"type":156,"value":2726},"lo",{"type":151,"tag":2464,"props":2728,"children":2729},{},[2730,2735],{"type":151,"tag":2486,"props":2731,"children":2732},{},[2733],{"type":156,"value":2734},"trim",{"type":151,"tag":2486,"props":2736,"children":2737},{},[2738],{"type":156,"value":2739},"t",{"type":151,"tag":2464,"props":2741,"children":2742},{},[2743,2748],{"type":151,"tag":2486,"props":2744,"children":2745},{},[2746],{"type":156,"value":2747},"metadata",{"type":151,"tag":2486,"props":2749,"children":2750},{},[2751],{"type":156,"value":2752},"md",{"type":151,"tag":2464,"props":2754,"children":2755},{},[2756,2761],{"type":151,"tag":2486,"props":2757,"children":2758},{},[2759],{"type":156,"value":2760},"colorProfile",{"type":151,"tag":2486,"props":2762,"children":2763},{},[2764],{"type":156,"value":2765},"cp",{"type":151,"tag":2464,"props":2767,"children":2768},{},[2769,2774],{"type":151,"tag":2486,"props":2770,"children":2771},{},[2772],{"type":156,"value":2773},"defaultImage",{"type":151,"tag":2486,"props":2775,"children":2776},{},[2777],{"type":156,"value":2778},"di",{"type":151,"tag":2464,"props":2780,"children":2781},{},[2782,2787],{"type":151,"tag":2486,"props":2783,"children":2784},{},[2785],{"type":156,"value":2786},"dpr",{"type":151,"tag":2486,"props":2788,"children":2789},{},[2790],{"type":156,"value":2786},{"type":151,"tag":2464,"props":2792,"children":2793},{},[2794,2798],{"type":151,"tag":2486,"props":2795,"children":2796},{},[2797],{"type":156,"value":2312},{"type":151,"tag":2486,"props":2799,"children":2800},{},[2801],{"type":156,"value":2802},"e-sharpen",{"type":151,"tag":2464,"props":2804,"children":2805},{},[2806,2811],{"type":151,"tag":2486,"props":2807,"children":2808},{},[2809],{"type":156,"value":2810},"effectUSM",{"type":151,"tag":2486,"props":2812,"children":2813},{},[2814],{"type":156,"value":2815},"e-usm",{"type":151,"tag":2464,"props":2817,"children":2818},{},[2819,2823],{"type":151,"tag":2486,"props":2820,"children":2821},{},[2822],{"type":156,"value":2173},{"type":151,"tag":2486,"props":2824,"children":2825},{},[2826],{"type":156,"value":2827},"e-contrast",{"type":151,"tag":2464,"props":2829,"children":2830},{},[2831,2835],{"type":151,"tag":2486,"props":2832,"children":2833},{},[2834],{"type":156,"value":778},{"type":151,"tag":2486,"props":2836,"children":2837},{},[2838],{"type":156,"value":2839},"e-grayscale",{"type":151,"tag":2464,"props":2841,"children":2842},{},[2843,2848],{"type":151,"tag":2486,"props":2844,"children":2845},{},[2846],{"type":156,"value":2847},"original",{"type":151,"tag":2486,"props":2849,"children":2850},{},[2851],{"type":156,"value":2852},"orig",{"type":151,"tag":319,"props":2854,"children":2855},{},[2856],{"type":151,"tag":152,"props":2857,"children":2858},{},[2859,2861,2868],{"type":156,"value":2860},"Learn more about ",{"type":151,"tag":159,"props":2862,"children":2865},{"href":2863,"rel":2864},"https://docs.imagekit.io/features/image-transformations",[163],[2866],{"type":156,"value":2867},"ImageKit's Image transformations",{"type":156,"value":2869}," from the official documentation.",{"type":151,"tag":2871,"props":2872,"children":2873},"style",{},[2874],{"type":156,"value":2875},"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":222,"depth":222,"links":2877},[2878,2880,2890,2894,2898],{"id":347,"depth":222,"text":2879},"ImageKit fit Parameters",{"id":440,"depth":222,"text":443,"children":2881},[2882,2883,2884,2885,2886,2887,2888,2889],{"id":468,"depth":242,"text":468},{"id":626,"depth":242,"text":626},{"id":771,"depth":242,"text":778},{"id":913,"depth":242,"text":913},{"id":956,"depth":242,"text":956},{"id":1096,"depth":242,"text":1096},{"id":1254,"depth":242,"text":1254},{"id":1377,"depth":242,"text":1377},{"id":1580,"depth":222,"text":1583,"children":2891},[2892,2893],{"id":1624,"depth":242,"text":1627},{"id":1898,"depth":242,"text":1901},{"id":2160,"depth":222,"text":2163,"children":2895},[2896,2897],{"id":2166,"depth":242,"text":2173},{"id":2305,"depth":242,"text":2312},{"id":2444,"depth":222,"text":2447},"markdown","content:3.providers:imagekit.md","content","3.providers/imagekit.md",[2904,3761],{"_path":80,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":79,"description":2905,"links":2906,"body":2909,"_type":2899,"_id":3759,"_source":2901,"_file":3760,"_extension":2752},"Nuxt Image has first class integration with ImageEngine.",[2907],{"label":143,"icon":144,"to":2908,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imageengine.ts",{"type":148,"children":2910,"toc":3750},[2911,2922,2943,3053,3066,3094,3180,3186,3212,3364,3403,3408,3551,3556,3697,3703,3709,3714,3735,3741,3746],{"type":151,"tag":152,"props":2912,"children":2913},{},[2914,2915,2921],{"type":156,"value":157},{"type":151,"tag":159,"props":2916,"children":2919},{"href":2917,"rel":2918},"https://imageengine.io/",[163],[2920],{"type":156,"value":79},{"type":156,"value":167},{"type":151,"tag":152,"props":2923,"children":2924},{},[2925,2927,2933,2935,2941],{"type":156,"value":2926},"At a minimum, you must configure the ",{"type":151,"tag":182,"props":2928,"children":2930},{"className":2929},[],[2931],{"type":156,"value":2932},"imageengine",{"type":156,"value":2934}," provider with the ",{"type":151,"tag":182,"props":2936,"children":2938},{"className":2937},[],[2939],{"type":156,"value":2940},"baseURL",{"type":156,"value":2942}," set to your ImageEngine Delivery Address:",{"type":151,"tag":174,"props":2944,"children":2946},{"className":176,"code":2945,"filename":178,"language":179,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    imageengine: {\n      baseURL: 'https://xxxxx.imgeng.in'\n    }\n  }\n})\n",[2947],{"type":151,"tag":182,"props":2948,"children":2949},{"__ignoreMap":139},[2950,2973,2988,3004,3028,3035,3042],{"type":151,"tag":186,"props":2951,"children":2952},{"class":188,"line":189},[2953,2957,2961,2965,2969],{"type":151,"tag":186,"props":2954,"children":2955},{"style":193},[2956],{"type":156,"value":196},{"type":151,"tag":186,"props":2958,"children":2959},{"style":193},[2960],{"type":156,"value":201},{"type":151,"tag":186,"props":2962,"children":2963},{"style":204},[2964],{"type":156,"value":207},{"type":151,"tag":186,"props":2966,"children":2967},{"style":210},[2968],{"type":156,"value":213},{"type":151,"tag":186,"props":2970,"children":2971},{"style":216},[2972],{"type":156,"value":219},{"type":151,"tag":186,"props":2974,"children":2975},{"class":188,"line":222},[2976,2980,2984],{"type":151,"tag":186,"props":2977,"children":2978},{"style":226},[2979],{"type":156,"value":229},{"type":151,"tag":186,"props":2981,"children":2982},{"style":216},[2983],{"type":156,"value":234},{"type":151,"tag":186,"props":2985,"children":2986},{"style":216},[2987],{"type":156,"value":239},{"type":151,"tag":186,"props":2989,"children":2990},{"class":188,"line":242},[2991,2996,3000],{"type":151,"tag":186,"props":2992,"children":2993},{"style":226},[2994],{"type":156,"value":2995},"    imageengine",{"type":151,"tag":186,"props":2997,"children":2998},{"style":216},[2999],{"type":156,"value":234},{"type":151,"tag":186,"props":3001,"children":3002},{"style":216},[3003],{"type":156,"value":239},{"type":151,"tag":186,"props":3005,"children":3006},{"class":188,"line":259},[3007,3011,3015,3019,3024],{"type":151,"tag":186,"props":3008,"children":3009},{"style":226},[3010],{"type":156,"value":265},{"type":151,"tag":186,"props":3012,"children":3013},{"style":216},[3014],{"type":156,"value":234},{"type":151,"tag":186,"props":3016,"children":3017},{"style":216},[3018],{"type":156,"value":274},{"type":151,"tag":186,"props":3020,"children":3021},{"style":277},[3022],{"type":156,"value":3023},"https://xxxxx.imgeng.in",{"type":151,"tag":186,"props":3025,"children":3026},{"style":216},[3027],{"type":156,"value":285},{"type":151,"tag":186,"props":3029,"children":3030},{"class":188,"line":288},[3031],{"type":151,"tag":186,"props":3032,"children":3033},{"style":216},[3034],{"type":156,"value":294},{"type":151,"tag":186,"props":3036,"children":3037},{"class":188,"line":297},[3038],{"type":151,"tag":186,"props":3039,"children":3040},{"style":216},[3041],{"type":156,"value":303},{"type":151,"tag":186,"props":3043,"children":3044},{"class":188,"line":306},[3045,3049],{"type":151,"tag":186,"props":3046,"children":3047},{"style":216},[3048],{"type":156,"value":312},{"type":151,"tag":186,"props":3050,"children":3051},{"style":210},[3052],{"type":156,"value":317},{"type":151,"tag":345,"props":3054,"children":3056},{"id":3055},"imageengine-fit-values",[3057,3059,3064],{"type":156,"value":3058},"ImageEngine ",{"type":151,"tag":182,"props":3060,"children":3062},{"className":3061},[],[3063],{"type":156,"value":356},{"type":156,"value":3065}," values",{"type":151,"tag":152,"props":3067,"children":3068},{},[3069,3071,3083,3085,3092],{"type":156,"value":3070},"The ",{"type":151,"tag":159,"props":3072,"children":3073},{"href":366},[3074,3076,3081],{"type":156,"value":3075},"standard values for ",{"type":151,"tag":182,"props":3077,"children":3079},{"className":3078},[],[3080],{"type":156,"value":356},{"type":156,"value":3082}," property",{"type":156,"value":3084}," map onto ",{"type":151,"tag":159,"props":3086,"children":3089},{"href":3087,"rel":3088},"https://imageengine.io/docs/directives",[163],[3090],{"type":156,"value":3091},"ImageEngine Directives",{"type":156,"value":3093}," as follows:",{"type":151,"tag":376,"props":3095,"children":3096},{},[3097,3113,3129,3145,3163],{"type":151,"tag":380,"props":3098,"children":3099},{},[3100,3105,3107],{"type":151,"tag":182,"props":3101,"children":3103},{"className":3102},[],[3104],{"type":156,"value":396},{"type":156,"value":3106},": ",{"type":151,"tag":182,"props":3108,"children":3110},{"className":3109},[],[3111],{"type":156,"value":3112},"m_cropbox",{"type":151,"tag":380,"props":3114,"children":3115},{},[3116,3122,3123],{"type":151,"tag":182,"props":3117,"children":3119},{"className":3118},[],[3120],{"type":156,"value":3121},"contain",{"type":156,"value":3106},{"type":151,"tag":182,"props":3124,"children":3126},{"className":3125},[],[3127],{"type":156,"value":3128},"m_letterbox",{"type":151,"tag":380,"props":3130,"children":3131},{},[3132,3138,3139],{"type":151,"tag":182,"props":3133,"children":3135},{"className":3134},[],[3136],{"type":156,"value":3137},"fill",{"type":156,"value":3106},{"type":151,"tag":182,"props":3140,"children":3142},{"className":3141},[],[3143],{"type":156,"value":3144},"m_stretch",{"type":151,"tag":380,"props":3146,"children":3147},{},[3148,3154,3155,3161],{"type":151,"tag":182,"props":3149,"children":3151},{"className":3150},[],[3152],{"type":156,"value":3153},"inside",{"type":156,"value":3106},{"type":151,"tag":182,"props":3156,"children":3158},{"className":3157},[],[3159],{"type":156,"value":3160},"m_box",{"type":156,"value":3162},", this is the default fit method for the ImageEngine provider.",{"type":151,"tag":380,"props":3164,"children":3165},{},[3166,3172,3174,3179],{"type":151,"tag":182,"props":3167,"children":3169},{"className":3168},[],[3170],{"type":156,"value":3171},"outside",{"type":156,"value":3173},": This fit method is not supported and functions the same as ",{"type":151,"tag":182,"props":3175,"children":3177},{"className":3176},[],[3178],{"type":156,"value":3153},{"type":156,"value":343},{"type":151,"tag":345,"props":3181,"children":3183},{"id":3182},"imageengine-modifiers",[3184],{"type":156,"value":3185},"ImageEngine modifiers",{"type":151,"tag":152,"props":3187,"children":3188},{},[3189,3191,3196,3198,3203,3205,3210],{"type":156,"value":3190},"In addition to the ",{"type":151,"tag":159,"props":3192,"children":3193},{"href":451},[3194],{"type":156,"value":3195},"standard modifiers",{"type":156,"value":3197},", you can also use all ",{"type":151,"tag":159,"props":3199,"children":3201},{"href":3087,"rel":3200},[163],[3202],{"type":156,"value":3091},{"type":156,"value":3204}," by adding them to the ",{"type":151,"tag":182,"props":3206,"children":3208},{"className":3207},[],[3209],{"type":156,"value":1716},{"type":156,"value":3211}," property with the following attribute names:",{"type":151,"tag":376,"props":3213,"children":3214},{},[3215,3233,3249,3266,3283,3298,3315,3331,3348],{"type":151,"tag":380,"props":3216,"children":3217},{},[3218,3224,3225,3231],{"type":151,"tag":182,"props":3219,"children":3221},{"className":3220},[],[3222],{"type":156,"value":3223},"format",{"type":156,"value":3106},{"type":151,"tag":182,"props":3226,"children":3228},{"className":3227},[],[3229],{"type":156,"value":3230},"f",{"type":156,"value":3232}," directive",{"type":151,"tag":380,"props":3234,"children":3235},{},[3236,3241,3242,3248],{"type":151,"tag":182,"props":3237,"children":3239},{"className":3238},[],[3240],{"type":156,"value":356},{"type":156,"value":3106},{"type":151,"tag":182,"props":3243,"children":3245},{"className":3244},[],[3246],{"type":156,"value":3247},"m",{"type":156,"value":3232},{"type":151,"tag":380,"props":3250,"children":3251},{},[3252,3258,3259,3265],{"type":151,"tag":182,"props":3253,"children":3255},{"className":3254},[],[3256],{"type":156,"value":3257},"passThrough",{"type":156,"value":3106},{"type":151,"tag":182,"props":3260,"children":3262},{"className":3261},[],[3263],{"type":156,"value":3264},"pass",{"type":156,"value":3232},{"type":151,"tag":380,"props":3267,"children":3268},{},[3269,3275,3276,3282],{"type":151,"tag":182,"props":3270,"children":3272},{"className":3271},[],[3273],{"type":156,"value":3274},"sharpen",{"type":156,"value":3106},{"type":151,"tag":182,"props":3277,"children":3279},{"className":3278},[],[3280],{"type":156,"value":3281},"s",{"type":156,"value":3232},{"type":151,"tag":380,"props":3284,"children":3285},{},[3286,3291,3292,3297],{"type":151,"tag":182,"props":3287,"children":3289},{"className":3288},[],[3290],{"type":156,"value":1096},{"type":156,"value":3106},{"type":151,"tag":182,"props":3293,"children":3295},{"className":3294},[],[3296],{"type":156,"value":2652},{"type":156,"value":3232},{"type":151,"tag":380,"props":3299,"children":3300},{},[3301,3307,3308,3314],{"type":151,"tag":182,"props":3302,"children":3304},{"className":3303},[],[3305],{"type":156,"value":3306},"screenPercent",{"type":156,"value":3106},{"type":151,"tag":182,"props":3309,"children":3311},{"className":3310},[],[3312],{"type":156,"value":3313},"pc",{"type":156,"value":3232},{"type":151,"tag":380,"props":3316,"children":3317},{},[3318,3323,3324,3330],{"type":151,"tag":182,"props":3319,"children":3321},{"className":3320},[],[3322],{"type":156,"value":2610},{"type":156,"value":3106},{"type":151,"tag":182,"props":3325,"children":3327},{"className":3326},[],[3328],{"type":156,"value":3329},"cr",{"type":156,"value":3232},{"type":151,"tag":380,"props":3332,"children":3333},{},[3334,3340,3341,3347],{"type":151,"tag":182,"props":3335,"children":3337},{"className":3336},[],[3338],{"type":156,"value":3339},"inline",{"type":156,"value":3106},{"type":151,"tag":182,"props":3342,"children":3344},{"className":3343},[],[3345],{"type":156,"value":3346},"in",{"type":156,"value":3232},{"type":151,"tag":380,"props":3349,"children":3350},{},[3351,3356,3357,3363],{"type":151,"tag":182,"props":3352,"children":3354},{"className":3353},[],[3355],{"type":156,"value":2747},{"type":156,"value":3106},{"type":151,"tag":182,"props":3358,"children":3360},{"className":3359},[],[3361],{"type":156,"value":3362},"meta",{"type":156,"value":3232},{"type":151,"tag":319,"props":3365,"children":3366},{},[3367],{"type":151,"tag":152,"props":3368,"children":3369},{},[3370,3372,3378,3380,3386,3388,3393,3395,3401],{"type":156,"value":3371},"Note that the standard ",{"type":151,"tag":182,"props":3373,"children":3375},{"className":3374},[],[3376],{"type":156,"value":3377},"quality",{"type":156,"value":3379}," attribute is converted to the ImageEngine ",{"type":151,"tag":182,"props":3381,"children":3383},{"className":3382},[],[3384],{"type":156,"value":3385},"cmpr",{"type":156,"value":3387}," compression directive.  ",{"type":151,"tag":182,"props":3389,"children":3391},{"className":3390},[],[3392],{"type":156,"value":3377},{"type":156,"value":3394}," is the opposite of compression, so 80% quality equals 20% compression.  Since ImageEngine automatically adapts image quality the visitor's device, browser and network quality, it is recommended that you do not explicitly set the quality.  If you want to completely disable all optimizations to an image, you should use ",{"type":151,"tag":182,"props":3396,"children":3398},{"className":3397},[],[3399],{"type":156,"value":3400},":modifiers=\"{ passThrough: 'true' }\"",{"type":156,"value":3402},", which will serve the unaltered image.",{"type":151,"tag":152,"props":3404,"children":3405},{},[3406],{"type":156,"value":3407},"Example 1: Cropping an image to a width and height of 100x80, starting 10 pixels from the top and 20 pixels from the left:",{"type":151,"tag":174,"props":3409,"children":3411},{"className":662,"code":3410,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ cr: '100,80,10,20' }\"\n/>\n",[3412],{"type":151,"tag":182,"props":3413,"children":3414},{"__ignoreMap":139},[3415,3426,3449,3473,3496,3520,3544],{"type":151,"tag":186,"props":3416,"children":3417},{"class":188,"line":189},[3418,3422],{"type":151,"tag":186,"props":3419,"children":3420},{"style":216},[3421],{"type":156,"value":676},{"type":151,"tag":186,"props":3423,"children":3424},{"style":226},[3425],{"type":156,"value":681},{"type":151,"tag":186,"props":3427,"children":3428},{"class":188,"line":222},[3429,3433,3437,3441,3445],{"type":151,"tag":186,"props":3430,"children":3431},{"style":687},[3432],{"type":156,"value":690},{"type":151,"tag":186,"props":3434,"children":3435},{"style":216},[3436],{"type":156,"value":695},{"type":151,"tag":186,"props":3438,"children":3439},{"style":216},[3440],{"type":156,"value":700},{"type":151,"tag":186,"props":3442,"children":3443},{"style":277},[3444],{"type":156,"value":2932},{"type":151,"tag":186,"props":3446,"children":3447},{"style":216},[3448],{"type":156,"value":710},{"type":151,"tag":186,"props":3450,"children":3451},{"class":188,"line":242},[3452,3456,3460,3464,3469],{"type":151,"tag":186,"props":3453,"children":3454},{"style":687},[3455],{"type":156,"value":718},{"type":151,"tag":186,"props":3457,"children":3458},{"style":216},[3459],{"type":156,"value":695},{"type":151,"tag":186,"props":3461,"children":3462},{"style":216},[3463],{"type":156,"value":700},{"type":151,"tag":186,"props":3465,"children":3466},{"style":277},[3467],{"type":156,"value":3468},"/some-image.jpg",{"type":151,"tag":186,"props":3470,"children":3471},{"style":216},[3472],{"type":156,"value":710},{"type":151,"tag":186,"props":3474,"children":3475},{"class":188,"line":259},[3476,3480,3484,3488,3492],{"type":151,"tag":186,"props":3477,"children":3478},{"style":687},[3479],{"type":156,"value":1046},{"type":151,"tag":186,"props":3481,"children":3482},{"style":216},[3483],{"type":156,"value":695},{"type":151,"tag":186,"props":3485,"children":3486},{"style":216},[3487],{"type":156,"value":700},{"type":151,"tag":186,"props":3489,"children":3490},{"style":277},[3491],{"type":156,"value":658},{"type":151,"tag":186,"props":3493,"children":3494},{"style":216},[3495],{"type":156,"value":710},{"type":151,"tag":186,"props":3497,"children":3498},{"class":188,"line":288},[3499,3503,3507,3511,3516],{"type":151,"tag":186,"props":3500,"children":3501},{"style":687},[3502],{"type":156,"value":862},{"type":151,"tag":186,"props":3504,"children":3505},{"style":216},[3506],{"type":156,"value":695},{"type":151,"tag":186,"props":3508,"children":3509},{"style":216},[3510],{"type":156,"value":700},{"type":151,"tag":186,"props":3512,"children":3513},{"style":277},[3514],{"type":156,"value":3515},"80",{"type":151,"tag":186,"props":3517,"children":3518},{"style":216},[3519],{"type":156,"value":710},{"type":151,"tag":186,"props":3521,"children":3522},{"class":188,"line":297},[3523,3527,3531,3535,3540],{"type":151,"tag":186,"props":3524,"children":3525},{"style":687},[3526],{"type":156,"value":743},{"type":151,"tag":186,"props":3528,"children":3529},{"style":216},[3530],{"type":156,"value":695},{"type":151,"tag":186,"props":3532,"children":3533},{"style":216},[3534],{"type":156,"value":700},{"type":151,"tag":186,"props":3536,"children":3537},{"style":277},[3538],{"type":156,"value":3539},"{ cr: '100,80,10,20' }",{"type":151,"tag":186,"props":3541,"children":3542},{"style":216},[3543],{"type":156,"value":710},{"type":151,"tag":186,"props":3545,"children":3546},{"class":188,"line":306},[3547],{"type":151,"tag":186,"props":3548,"children":3549},{"style":216},[3550],{"type":156,"value":768},{"type":151,"tag":152,"props":3552,"children":3553},{},[3554],{"type":156,"value":3555},"Example 2: Instruct ImageEngine to keep the image's EXIF metadata (which is normally removed to reduce the image byte size):",{"type":151,"tag":174,"props":3557,"children":3559},{"className":662,"code":3558,"language":664,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ meta: 'true' }\"\n/>\n",[3560],{"type":151,"tag":182,"props":3561,"children":3562},{"__ignoreMap":139},[3563,3574,3597,3620,3643,3666,3690],{"type":151,"tag":186,"props":3564,"children":3565},{"class":188,"line":189},[3566,3570],{"type":151,"tag":186,"props":3567,"children":3568},{"style":216},[3569],{"type":156,"value":676},{"type":151,"tag":186,"props":3571,"children":3572},{"style":226},[3573],{"type":156,"value":681},{"type":151,"tag":186,"props":3575,"children":3576},{"class":188,"line":222},[3577,3581,3585,3589,3593],{"type":151,"tag":186,"props":3578,"children":3579},{"style":687},[3580],{"type":156,"value":690},{"type":151,"tag":186,"props":3582,"children":3583},{"style":216},[3584],{"type":156,"value":695},{"type":151,"tag":186,"props":3586,"children":3587},{"style":216},[3588],{"type":156,"value":700},{"type":151,"tag":186,"props":3590,"children":3591},{"style":277},[3592],{"type":156,"value":2932},{"type":151,"tag":186,"props":3594,"children":3595},{"style":216},[3596],{"type":156,"value":710},{"type":151,"tag":186,"props":3598,"children":3599},{"class":188,"line":242},[3600,3604,3608,3612,3616],{"type":151,"tag":186,"props":3601,"children":3602},{"style":687},[3603],{"type":156,"value":718},{"type":151,"tag":186,"props":3605,"children":3606},{"style":216},[3607],{"type":156,"value":695},{"type":151,"tag":186,"props":3609,"children":3610},{"style":216},[3611],{"type":156,"value":700},{"type":151,"tag":186,"props":3613,"children":3614},{"style":277},[3615],{"type":156,"value":3468},{"type":151,"tag":186,"props":3617,"children":3618},{"style":216},[3619],{"type":156,"value":710},{"type":151,"tag":186,"props":3621,"children":3622},{"class":188,"line":259},[3623,3627,3631,3635,3639],{"type":151,"tag":186,"props":3624,"children":3625},{"style":687},[3626],{"type":156,"value":1046},{"type":151,"tag":186,"props":3628,"children":3629},{"style":216},[3630],{"type":156,"value":695},{"type":151,"tag":186,"props":3632,"children":3633},{"style":216},[3634],{"type":156,"value":700},{"type":151,"tag":186,"props":3636,"children":3637},{"style":277},[3638],{"type":156,"value":658},{"type":151,"tag":186,"props":3640,"children":3641},{"style":216},[3642],{"type":156,"value":710},{"type":151,"tag":186,"props":3644,"children":3645},{"class":188,"line":288},[3646,3650,3654,3658,3662],{"type":151,"tag":186,"props":3647,"children":3648},{"style":687},[3649],{"type":156,"value":862},{"type":151,"tag":186,"props":3651,"children":3652},{"style":216},[3653],{"type":156,"value":695},{"type":151,"tag":186,"props":3655,"children":3656},{"style":216},[3657],{"type":156,"value":700},{"type":151,"tag":186,"props":3659,"children":3660},{"style":277},[3661],{"type":156,"value":3515},{"type":151,"tag":186,"props":3663,"children":3664},{"style":216},[3665],{"type":156,"value":710},{"type":151,"tag":186,"props":3667,"children":3668},{"class":188,"line":297},[3669,3673,3677,3681,3686],{"type":151,"tag":186,"props":3670,"children":3671},{"style":687},[3672],{"type":156,"value":743},{"type":151,"tag":186,"props":3674,"children":3675},{"style":216},[3676],{"type":156,"value":695},{"type":151,"tag":186,"props":3678,"children":3679},{"style":216},[3680],{"type":156,"value":700},{"type":151,"tag":186,"props":3682,"children":3683},{"style":277},[3684],{"type":156,"value":3685},"{ meta: 'true' }",{"type":151,"tag":186,"props":3687,"children":3688},{"style":216},[3689],{"type":156,"value":710},{"type":151,"tag":186,"props":3691,"children":3692},{"class":188,"line":306},[3693],{"type":151,"tag":186,"props":3694,"children":3695},{"style":216},[3696],{"type":156,"value":768},{"type":151,"tag":345,"props":3698,"children":3700},{"id":3699},"imageengine-best-practices",[3701],{"type":156,"value":3702},"ImageEngine best practices",{"type":151,"tag":466,"props":3704,"children":3706},{"id":3705},"automatic-format-and-quality-detection",[3707],{"type":156,"value":3708},"Automatic format and quality detection",{"type":151,"tag":152,"props":3710,"children":3711},{},[3712],{"type":156,"value":3713},"ImageEngine automatically detects the best format and quality for your image based on the characteristics of the specific device that requested it.",{"type":151,"tag":152,"props":3715,"children":3716},{},[3717,3719,3725,3727,3733],{"type":156,"value":3718},"This feature is very effective and it is not recommended that you disable it, but if you must, you can manually specify the format (ex: ",{"type":151,"tag":182,"props":3720,"children":3722},{"className":3721},[],[3723],{"type":156,"value":3724},"format='webp'",{"type":156,"value":3726},") and quality (",{"type":151,"tag":182,"props":3728,"children":3730},{"className":3729},[],[3731],{"type":156,"value":3732},"quality='80'",{"type":156,"value":3734},").",{"type":151,"tag":466,"props":3736,"children":3738},{"id":3737},"imageengine-settings",[3739],{"type":156,"value":3740},"ImageEngine settings",{"type":151,"tag":152,"props":3742,"children":3743},{},[3744],{"type":156,"value":3745},"ImageEngine allows you to set all of the modifiers/directives in the ImageEngine control panel under advanced settings.  This is a good place to set default adjustments since you can modify them without having to make changes to your Nuxt codebase.  If a directive is set in both Nuxt and the ImageEngine User-Adjustable Settings, the value in Nuxt takes priority.",{"type":151,"tag":2871,"props":3747,"children":3748},{},[3749],{"type":156,"value":2875},{"title":139,"searchDepth":222,"depth":222,"links":3751},[3752,3754,3755],{"id":3055,"depth":222,"text":3753},"ImageEngine fit values",{"id":3182,"depth":222,"text":3185},{"id":3699,"depth":222,"text":3702,"children":3756},[3757,3758],{"id":3705,"depth":242,"text":3708},{"id":3737,"depth":242,"text":3740},"content:3.providers:imageengine.md","3.providers/imageengine.md",{"_path":86,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":85,"description":3762,"links":3763,"body":3766,"_type":2899,"_id":4246,"_source":2901,"_file":4247,"_extension":2752},"Nuxt Image has first class integration with Imgix.",[3764],{"label":143,"icon":144,"to":3765,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imgix.ts",{"type":148,"children":3767,"toc":4239},[3768,3779,3784,3894,3906,3924,3989,3995,4012,4025,4031,4036,4203,4216,4222,4235],{"type":151,"tag":152,"props":3769,"children":3770},{},[3771,3772,3778],{"type":156,"value":157},{"type":151,"tag":159,"props":3773,"children":3776},{"href":3774,"rel":3775},"https://docs.imgix.com/",[163],[3777],{"type":156,"value":85},{"type":156,"value":167},{"type":151,"tag":152,"props":3780,"children":3781},{},[3782],{"type":156,"value":3783},"To use this provider you just need to specify the base url of your service in Imgix.",{"type":151,"tag":174,"props":3785,"children":3787},{"className":176,"code":3786,"filename":178,"language":179,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    imgix: {\n      baseURL: 'https://assets.imgix.net'\n    }\n  }\n})\n",[3788],{"type":151,"tag":182,"props":3789,"children":3790},{"__ignoreMap":139},[3791,3814,3829,3845,3869,3876,3883],{"type":151,"tag":186,"props":3792,"children":3793},{"class":188,"line":189},[3794,3798,3802,3806,3810],{"type":151,"tag":186,"props":3795,"children":3796},{"style":193},[3797],{"type":156,"value":196},{"type":151,"tag":186,"props":3799,"children":3800},{"style":193},[3801],{"type":156,"value":201},{"type":151,"tag":186,"props":3803,"children":3804},{"style":204},[3805],{"type":156,"value":207},{"type":151,"tag":186,"props":3807,"children":3808},{"style":210},[3809],{"type":156,"value":213},{"type":151,"tag":186,"props":3811,"children":3812},{"style":216},[3813],{"type":156,"value":219},{"type":151,"tag":186,"props":3815,"children":3816},{"class":188,"line":222},[3817,3821,3825],{"type":151,"tag":186,"props":3818,"children":3819},{"style":226},[3820],{"type":156,"value":229},{"type":151,"tag":186,"props":3822,"children":3823},{"style":216},[3824],{"type":156,"value":234},{"type":151,"tag":186,"props":3826,"children":3827},{"style":216},[3828],{"type":156,"value":239},{"type":151,"tag":186,"props":3830,"children":3831},{"class":188,"line":242},[3832,3837,3841],{"type":151,"tag":186,"props":3833,"children":3834},{"style":226},[3835],{"type":156,"value":3836},"    imgix",{"type":151,"tag":186,"props":3838,"children":3839},{"style":216},[3840],{"type":156,"value":234},{"type":151,"tag":186,"props":3842,"children":3843},{"style":216},[3844],{"type":156,"value":239},{"type":151,"tag":186,"props":3846,"children":3847},{"class":188,"line":259},[3848,3852,3856,3860,3865],{"type":151,"tag":186,"props":3849,"children":3850},{"style":226},[3851],{"type":156,"value":265},{"type":151,"tag":186,"props":3853,"children":3854},{"style":216},[3855],{"type":156,"value":234},{"type":151,"tag":186,"props":3857,"children":3858},{"style":216},[3859],{"type":156,"value":274},{"type":151,"tag":186,"props":3861,"children":3862},{"style":277},[3863],{"type":156,"value":3864},"https://assets.imgix.net",{"type":151,"tag":186,"props":3866,"children":3867},{"style":216},[3868],{"type":156,"value":285},{"type":151,"tag":186,"props":3870,"children":3871},{"class":188,"line":288},[3872],{"type":151,"tag":186,"props":3873,"children":3874},{"style":216},[3875],{"type":156,"value":294},{"type":151,"tag":186,"props":3877,"children":3878},{"class":188,"line":297},[3879],{"type":151,"tag":186,"props":3880,"children":3881},{"style":216},[3882],{"type":156,"value":303},{"type":151,"tag":186,"props":3884,"children":3885},{"class":188,"line":306},[3886,3890],{"type":151,"tag":186,"props":3887,"children":3888},{"style":216},[3889],{"type":156,"value":312},{"type":151,"tag":186,"props":3891,"children":3892},{"style":210},[3893],{"type":156,"value":317},{"type":151,"tag":345,"props":3895,"children":3897},{"id":3896},"imgix-fit-values",[3898,3900,3905],{"type":156,"value":3899},"imgix ",{"type":151,"tag":182,"props":3901,"children":3903},{"className":3902},[],[3904],{"type":156,"value":356},{"type":156,"value":3065},{"type":151,"tag":152,"props":3907,"children":3908},{},[3909,3911,3922],{"type":156,"value":3910},"Beside ",{"type":151,"tag":159,"props":3912,"children":3913},{"href":366},[3914,3916,3921],{"type":156,"value":3915},"the standard values for ",{"type":151,"tag":182,"props":3917,"children":3919},{"className":3918},[],[3920],{"type":156,"value":356},{"type":156,"value":3082},{"type":156,"value":3923}," of Nuxt image and Nuxt picture, imgix offers the following for extra resizing experience:",{"type":151,"tag":376,"props":3925,"children":3926},{},[3927,3938,3949,3978],{"type":151,"tag":380,"props":3928,"children":3929},{},[3930,3936],{"type":151,"tag":182,"props":3931,"children":3933},{"className":3932},[],[3934],{"type":156,"value":3935},"clamp",{"type":156,"value":3937}," - 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":151,"tag":380,"props":3939,"children":3940},{},[3941,3947],{"type":151,"tag":182,"props":3942,"children":3944},{"className":3943},[],[3945],{"type":156,"value":3946},"clip",{"type":156,"value":3948}," - 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":151,"tag":380,"props":3950,"children":3951},{},[3952,3958,3960,3967,3969,3976],{"type":151,"tag":182,"props":3953,"children":3955},{"className":3954},[],[3956],{"type":156,"value":3957},"facearea",{"type":156,"value":3959}," - 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":151,"tag":159,"props":3961,"children":3964},{"href":3962,"rel":3963},"https://docs.imgix.com/apis/rendering/face-detection/faceindex",[163],[3965],{"type":156,"value":3966},"faceindex",{"type":156,"value":3968}," to identify a specific face, as well as ",{"type":151,"tag":159,"props":3970,"children":3973},{"href":3971,"rel":3972},"https://docs.imgix.com/apis/rendering/face-detection/facepad",[163],[3974],{"type":156,"value":3975},"facepad",{"type":156,"value":3977}," to include additional padded area around the face to zoom out from the immediate area around the faces.",{"type":151,"tag":380,"props":3979,"children":3980},{},[3981,3987],{"type":151,"tag":182,"props":3982,"children":3984},{"className":3983},[],[3985],{"type":156,"value":3986},"fillMax",{"type":156,"value":3988}," - 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":151,"tag":345,"props":3990,"children":3992},{"id":3991},"imgix-modifiers",[3993],{"type":156,"value":3994},"imgix modifiers",{"type":151,"tag":152,"props":3996,"children":3997},{},[3998,4000,4004,4006,4011],{"type":156,"value":3999},"Beside the ",{"type":151,"tag":159,"props":4001,"children":4002},{"href":451},[4003],{"type":156,"value":3195},{"type":156,"value":4005},", you can also pass all imgix-specific render API parameters to the ",{"type":151,"tag":182,"props":4007,"children":4009},{"className":4008},[],[4010],{"type":156,"value":1716},{"type":156,"value":464},{"type":151,"tag":152,"props":4013,"children":4014},{},[4015,4017,4024],{"type":156,"value":4016},"For a full list of these modifiers and their uses, check out ",{"type":151,"tag":159,"props":4018,"children":4021},{"href":4019,"rel":4020},"https://docs.imgix.com/apis/rendering",[163],[4022],{"type":156,"value":4023},"imgix's image Rendering API documentation",{"type":156,"value":343},{"type":151,"tag":345,"props":4026,"children":4028},{"id":4027},"imgix-best-practices",[4029],{"type":156,"value":4030},"imgix best practices",{"type":151,"tag":152,"props":4032,"children":4033},{},[4034],{"type":156,"value":4035},"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":151,"tag":174,"props":4037,"children":4039},{"className":662,"code":4038,"language":664,"meta":139,"style":139},"\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",[4040],{"type":151,"tag":182,"props":4041,"children":4042},{"__ignoreMap":139},[4043,4054,4078,4102,4125,4149,4172,4196],{"type":151,"tag":186,"props":4044,"children":4045},{"class":188,"line":189},[4046,4050],{"type":151,"tag":186,"props":4047,"children":4048},{"style":216},[4049],{"type":156,"value":676},{"type":151,"tag":186,"props":4051,"children":4052},{"style":226},[4053],{"type":156,"value":681},{"type":151,"tag":186,"props":4055,"children":4056},{"class":188,"line":222},[4057,4061,4065,4069,4074],{"type":151,"tag":186,"props":4058,"children":4059},{"style":687},[4060],{"type":156,"value":690},{"type":151,"tag":186,"props":4062,"children":4063},{"style":216},[4064],{"type":156,"value":695},{"type":151,"tag":186,"props":4066,"children":4067},{"style":216},[4068],{"type":156,"value":700},{"type":151,"tag":186,"props":4070,"children":4071},{"style":277},[4072],{"type":156,"value":4073},"imgix",{"type":151,"tag":186,"props":4075,"children":4076},{"style":216},[4077],{"type":156,"value":710},{"type":151,"tag":186,"props":4079,"children":4080},{"class":188,"line":242},[4081,4085,4089,4093,4098],{"type":151,"tag":186,"props":4082,"children":4083},{"style":687},[4084],{"type":156,"value":718},{"type":151,"tag":186,"props":4086,"children":4087},{"style":216},[4088],{"type":156,"value":695},{"type":151,"tag":186,"props":4090,"children":4091},{"style":216},[4092],{"type":156,"value":700},{"type":151,"tag":186,"props":4094,"children":4095},{"style":277},[4096],{"type":156,"value":4097},"/blog/woman-hat.jpg",{"type":151,"tag":186,"props":4099,"children":4100},{"style":216},[4101],{"type":156,"value":710},{"type":151,"tag":186,"props":4103,"children":4104},{"class":188,"line":259},[4105,4109,4113,4117,4121],{"type":151,"tag":186,"props":4106,"children":4107},{"style":687},[4108],{"type":156,"value":1046},{"type":151,"tag":186,"props":4110,"children":4111},{"style":216},[4112],{"type":156,"value":695},{"type":151,"tag":186,"props":4114,"children":4115},{"style":216},[4116],{"type":156,"value":700},{"type":151,"tag":186,"props":4118,"children":4119},{"style":277},[4120],{"type":156,"value":875},{"type":151,"tag":186,"props":4122,"children":4123},{"style":216},[4124],{"type":156,"value":710},{"type":151,"tag":186,"props":4126,"children":4127},{"class":188,"line":288},[4128,4132,4136,4140,4145],{"type":151,"tag":186,"props":4129,"children":4130},{"style":687},[4131],{"type":156,"value":862},{"type":151,"tag":186,"props":4133,"children":4134},{"style":216},[4135],{"type":156,"value":695},{"type":151,"tag":186,"props":4137,"children":4138},{"style":216},[4139],{"type":156,"value":700},{"type":151,"tag":186,"props":4141,"children":4142},{"style":277},[4143],{"type":156,"value":4144},"500",{"type":151,"tag":186,"props":4146,"children":4147},{"style":216},[4148],{"type":156,"value":710},{"type":151,"tag":186,"props":4150,"children":4151},{"class":188,"line":297},[4152,4156,4160,4164,4168],{"type":151,"tag":186,"props":4153,"children":4154},{"style":687},[4155],{"type":156,"value":1513},{"type":151,"tag":186,"props":4157,"children":4158},{"style":216},[4159],{"type":156,"value":695},{"type":151,"tag":186,"props":4161,"children":4162},{"style":216},[4163],{"type":156,"value":700},{"type":151,"tag":186,"props":4165,"children":4166},{"style":277},[4167],{"type":156,"value":396},{"type":151,"tag":186,"props":4169,"children":4170},{"style":216},[4171],{"type":156,"value":710},{"type":151,"tag":186,"props":4173,"children":4174},{"class":188,"line":306},[4175,4179,4183,4187,4192],{"type":151,"tag":186,"props":4176,"children":4177},{"style":687},[4178],{"type":156,"value":743},{"type":151,"tag":186,"props":4180,"children":4181},{"style":216},[4182],{"type":156,"value":695},{"type":151,"tag":186,"props":4184,"children":4185},{"style":216},[4186],{"type":156,"value":700},{"type":151,"tag":186,"props":4188,"children":4189},{"style":277},[4190],{"type":156,"value":4191},"{ auto: 'format,compress', crop: 'faces' }",{"type":151,"tag":186,"props":4193,"children":4194},{"style":216},[4195],{"type":156,"value":710},{"type":151,"tag":186,"props":4197,"children":4198},{"class":188,"line":1556},[4199],{"type":151,"tag":186,"props":4200,"children":4201},{"style":216},[4202],{"type":156,"value":768},{"type":151,"tag":152,"props":4204,"children":4205},{},[4206,4208,4215],{"type":156,"value":4207},"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":151,"tag":159,"props":4209,"children":4212},{"href":4210,"rel":4211},"https://assets.imgix.net/blog/woman-hat.jpg?w=300&h=500&fit=crop&crop=faces",[163],[4213],{"type":156,"value":4214},"woman in the hat",{"type":156,"value":343},{"type":151,"tag":345,"props":4217,"children":4219},{"id":4218},"additional-documentation",[4220],{"type":156,"value":4221},"Additional Documentation",{"type":151,"tag":152,"props":4223,"children":4224},{},[4225,4227,4234],{"type":156,"value":4226},"You can find additional documentation and a step-by-step tutorial in an imgix blog article titled ",{"type":151,"tag":159,"props":4228,"children":4231},{"href":4229,"rel":4230},"https://blog.imgix.com/2021/09/14/nuxt-image-component",[163],[4232],{"type":156,"value":4233},"Using the New Nuxt Component with imgix",{"type":156,"value":343},{"type":151,"tag":2871,"props":4236,"children":4237},{},[4238],{"type":156,"value":2875},{"title":139,"searchDepth":222,"depth":222,"links":4240},[4241,4243,4244,4245],{"id":3896,"depth":222,"text":4242},"imgix fit values",{"id":3991,"depth":222,"text":3994},{"id":4027,"depth":222,"text":4030},{"id":4218,"depth":222,"text":4221},"content:3.providers:imgix.md","3.providers/imgix.md",1711560168792]