[{"data":1,"prerenderedAt":4249},["ShallowReactive",2],{"navigation":3,"docs-/providers/imagekit":136,"docs-/providers/imagekit-surround":2902},[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":2897,"_id":2898,"_source":2899,"_file":2900,"_stem":2901,"_extension":2750},"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":2874},"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,2851,2868],{"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-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--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":151,"tag":2454,"props":2455,"children":2456},"table",{},[2457,2476],{"type":151,"tag":2458,"props":2459,"children":2460},"thead",{},[2461],{"type":151,"tag":2462,"props":2463,"children":2464},"tr",{},[2465,2471],{"type":151,"tag":2466,"props":2467,"children":2468},"th",{},[2469],{"type":156,"value":2470},"Supported Parameter Name",{"type":151,"tag":2466,"props":2472,"children":2473},{},[2474],{"type":156,"value":2475},"Translates to Parameter",{"type":151,"tag":2477,"props":2478,"children":2479},"tbody",{},[2480,2492,2505,2517,2529,2541,2553,2565,2577,2589,2601,2614,2627,2639,2651,2663,2675,2687,2699,2712,2725,2738,2751,2764,2777,2789,2801,2814,2826,2838],{"type":151,"tag":2462,"props":2481,"children":2482},{},[2483,2488],{"type":151,"tag":2484,"props":2485,"children":2486},"td",{},[2487],{"type":156,"value":1377},{"type":151,"tag":2484,"props":2489,"children":2490},{},[2491],{"type":156,"value":1377},{"type":151,"tag":2462,"props":2493,"children":2494},{},[2495,2500],{"type":151,"tag":2484,"props":2496,"children":2497},{},[2498],{"type":156,"value":2499},"aspectRatio",{"type":151,"tag":2484,"props":2501,"children":2502},{},[2503],{"type":156,"value":2504},"ar",{"type":151,"tag":2462,"props":2506,"children":2507},{},[2508,2513],{"type":151,"tag":2484,"props":2509,"children":2510},{},[2511],{"type":156,"value":2512},"x",{"type":151,"tag":2484,"props":2514,"children":2515},{},[2516],{"type":156,"value":2512},{"type":151,"tag":2462,"props":2518,"children":2519},{},[2520,2525],{"type":151,"tag":2484,"props":2521,"children":2522},{},[2523],{"type":156,"value":2524},"y",{"type":151,"tag":2484,"props":2526,"children":2527},{},[2528],{"type":156,"value":2524},{"type":151,"tag":2462,"props":2530,"children":2531},{},[2532,2537],{"type":151,"tag":2484,"props":2533,"children":2534},{},[2535],{"type":156,"value":2536},"xc",{"type":151,"tag":2484,"props":2538,"children":2539},{},[2540],{"type":156,"value":2536},{"type":151,"tag":2462,"props":2542,"children":2543},{},[2544,2549],{"type":151,"tag":2484,"props":2545,"children":2546},{},[2547],{"type":156,"value":2548},"yc",{"type":151,"tag":2484,"props":2550,"children":2551},{},[2552],{"type":156,"value":2548},{"type":151,"tag":2462,"props":2554,"children":2555},{},[2556,2561],{"type":151,"tag":2484,"props":2557,"children":2558},{},[2559],{"type":156,"value":2560},"oix",{"type":151,"tag":2484,"props":2562,"children":2563},{},[2564],{"type":156,"value":2560},{"type":151,"tag":2462,"props":2566,"children":2567},{},[2568,2573],{"type":151,"tag":2484,"props":2569,"children":2570},{},[2571],{"type":156,"value":2572},"oiy",{"type":151,"tag":2484,"props":2574,"children":2575},{},[2576],{"type":156,"value":2572},{"type":151,"tag":2462,"props":2578,"children":2579},{},[2580,2585],{"type":151,"tag":2484,"props":2581,"children":2582},{},[2583],{"type":156,"value":2584},"oixc",{"type":151,"tag":2484,"props":2586,"children":2587},{},[2588],{"type":156,"value":2584},{"type":151,"tag":2462,"props":2590,"children":2591},{},[2592,2597],{"type":151,"tag":2484,"props":2593,"children":2594},{},[2595],{"type":156,"value":2596},"oiyc",{"type":151,"tag":2484,"props":2598,"children":2599},{},[2600],{"type":156,"value":2596},{"type":151,"tag":2462,"props":2602,"children":2603},{},[2604,2609],{"type":151,"tag":2484,"props":2605,"children":2606},{},[2607],{"type":156,"value":2608},"crop",{"type":151,"tag":2484,"props":2610,"children":2611},{},[2612],{"type":156,"value":2613},"c",{"type":151,"tag":2462,"props":2615,"children":2616},{},[2617,2622],{"type":151,"tag":2484,"props":2618,"children":2619},{},[2620],{"type":156,"value":2621},"cropMode",{"type":151,"tag":2484,"props":2623,"children":2624},{},[2625],{"type":156,"value":2626},"cm",{"type":151,"tag":2462,"props":2628,"children":2629},{},[2630,2634],{"type":151,"tag":2484,"props":2631,"children":2632},{},[2633],{"type":156,"value":468},{"type":151,"tag":2484,"props":2635,"children":2636},{},[2637],{"type":156,"value":2638},"fo",{"type":151,"tag":2462,"props":2640,"children":2641},{},[2642,2646],{"type":151,"tag":2484,"props":2643,"children":2644},{},[2645],{"type":156,"value":1254},{"type":151,"tag":2484,"props":2647,"children":2648},{},[2649],{"type":156,"value":2650},"r",{"type":151,"tag":2462,"props":2652,"children":2653},{},[2654,2658],{"type":151,"tag":2484,"props":2655,"children":2656},{},[2657],{"type":156,"value":956},{"type":151,"tag":2484,"props":2659,"children":2660},{},[2661],{"type":156,"value":2662},"b",{"type":151,"tag":2462,"props":2664,"children":2665},{},[2666,2670],{"type":151,"tag":2484,"props":2667,"children":2668},{},[2669],{"type":156,"value":1096},{"type":151,"tag":2484,"props":2671,"children":2672},{},[2673],{"type":156,"value":2674},"rt",{"type":151,"tag":2462,"props":2676,"children":2677},{},[2678,2682],{"type":151,"tag":2484,"props":2679,"children":2680},{},[2681],{"type":156,"value":626},{"type":151,"tag":2484,"props":2683,"children":2684},{},[2685],{"type":156,"value":2686},"bl",{"type":151,"tag":2462,"props":2688,"children":2689},{},[2690,2694],{"type":151,"tag":2484,"props":2691,"children":2692},{},[2693],{"type":156,"value":913},{"type":151,"tag":2484,"props":2695,"children":2696},{},[2697],{"type":156,"value":2698},"n",{"type":151,"tag":2462,"props":2700,"children":2701},{},[2702,2707],{"type":151,"tag":2484,"props":2703,"children":2704},{},[2705],{"type":156,"value":2706},"progressive",{"type":151,"tag":2484,"props":2708,"children":2709},{},[2710],{"type":156,"value":2711},"pr",{"type":151,"tag":2462,"props":2713,"children":2714},{},[2715,2720],{"type":151,"tag":2484,"props":2716,"children":2717},{},[2718],{"type":156,"value":2719},"lossless",{"type":151,"tag":2484,"props":2721,"children":2722},{},[2723],{"type":156,"value":2724},"lo",{"type":151,"tag":2462,"props":2726,"children":2727},{},[2728,2733],{"type":151,"tag":2484,"props":2729,"children":2730},{},[2731],{"type":156,"value":2732},"trim",{"type":151,"tag":2484,"props":2734,"children":2735},{},[2736],{"type":156,"value":2737},"t",{"type":151,"tag":2462,"props":2739,"children":2740},{},[2741,2746],{"type":151,"tag":2484,"props":2742,"children":2743},{},[2744],{"type":156,"value":2745},"metadata",{"type":151,"tag":2484,"props":2747,"children":2748},{},[2749],{"type":156,"value":2750},"md",{"type":151,"tag":2462,"props":2752,"children":2753},{},[2754,2759],{"type":151,"tag":2484,"props":2755,"children":2756},{},[2757],{"type":156,"value":2758},"colorProfile",{"type":151,"tag":2484,"props":2760,"children":2761},{},[2762],{"type":156,"value":2763},"cp",{"type":151,"tag":2462,"props":2765,"children":2766},{},[2767,2772],{"type":151,"tag":2484,"props":2768,"children":2769},{},[2770],{"type":156,"value":2771},"defaultImage",{"type":151,"tag":2484,"props":2773,"children":2774},{},[2775],{"type":156,"value":2776},"di",{"type":151,"tag":2462,"props":2778,"children":2779},{},[2780,2785],{"type":151,"tag":2484,"props":2781,"children":2782},{},[2783],{"type":156,"value":2784},"dpr",{"type":151,"tag":2484,"props":2786,"children":2787},{},[2788],{"type":156,"value":2784},{"type":151,"tag":2462,"props":2790,"children":2791},{},[2792,2796],{"type":151,"tag":2484,"props":2793,"children":2794},{},[2795],{"type":156,"value":2312},{"type":151,"tag":2484,"props":2797,"children":2798},{},[2799],{"type":156,"value":2800},"e-sharpen",{"type":151,"tag":2462,"props":2802,"children":2803},{},[2804,2809],{"type":151,"tag":2484,"props":2805,"children":2806},{},[2807],{"type":156,"value":2808},"effectUSM",{"type":151,"tag":2484,"props":2810,"children":2811},{},[2812],{"type":156,"value":2813},"e-usm",{"type":151,"tag":2462,"props":2815,"children":2816},{},[2817,2821],{"type":151,"tag":2484,"props":2818,"children":2819},{},[2820],{"type":156,"value":2173},{"type":151,"tag":2484,"props":2822,"children":2823},{},[2824],{"type":156,"value":2825},"e-contrast",{"type":151,"tag":2462,"props":2827,"children":2828},{},[2829,2833],{"type":151,"tag":2484,"props":2830,"children":2831},{},[2832],{"type":156,"value":778},{"type":151,"tag":2484,"props":2834,"children":2835},{},[2836],{"type":156,"value":2837},"e-grayscale",{"type":151,"tag":2462,"props":2839,"children":2840},{},[2841,2846],{"type":151,"tag":2484,"props":2842,"children":2843},{},[2844],{"type":156,"value":2845},"original",{"type":151,"tag":2484,"props":2847,"children":2848},{},[2849],{"type":156,"value":2850},"orig",{"type":151,"tag":319,"props":2852,"children":2853},{},[2854],{"type":151,"tag":152,"props":2855,"children":2856},{},[2857,2859,2866],{"type":156,"value":2858},"Learn more about ",{"type":151,"tag":159,"props":2860,"children":2863},{"href":2861,"rel":2862},"https://docs.imagekit.io/features/image-transformations",[163],[2864],{"type":156,"value":2865},"ImageKit's Image transformations",{"type":156,"value":2867}," from the official documentation.",{"type":151,"tag":2869,"props":2870,"children":2871},"style",{},[2872],{"type":156,"value":2873},"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":2875},[2876,2878,2888,2892,2896],{"id":347,"depth":222,"text":2877},"ImageKit fit Parameters",{"id":440,"depth":222,"text":443,"children":2879},[2880,2881,2882,2883,2884,2885,2886,2887],{"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":2889},[2890,2891],{"id":1624,"depth":242,"text":1627},{"id":1898,"depth":242,"text":1901},{"id":2160,"depth":222,"text":2163,"children":2893},[2894,2895],{"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","3.providers/imagekit",[2903,3761],{"_path":80,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":79,"description":2904,"links":2905,"body":2908,"_type":2897,"_id":3758,"_source":2899,"_file":3759,"_stem":3760,"_extension":2750},"Nuxt Image has first class integration with ImageEngine.",[2906],{"label":143,"icon":144,"to":2907,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imageengine.ts",{"type":148,"children":2909,"toc":3749},[2910,2921,2942,3052,3065,3093,3179,3185,3211,3363,3402,3407,3550,3555,3696,3702,3708,3713,3734,3740,3745],{"type":151,"tag":152,"props":2911,"children":2912},{},[2913,2914,2920],{"type":156,"value":157},{"type":151,"tag":159,"props":2915,"children":2918},{"href":2916,"rel":2917},"https://imageengine.io/",[163],[2919],{"type":156,"value":79},{"type":156,"value":167},{"type":151,"tag":152,"props":2922,"children":2923},{},[2924,2926,2932,2934,2940],{"type":156,"value":2925},"At a minimum, you must configure the ",{"type":151,"tag":182,"props":2927,"children":2929},{"className":2928},[],[2930],{"type":156,"value":2931},"imageengine",{"type":156,"value":2933}," provider with the ",{"type":151,"tag":182,"props":2935,"children":2937},{"className":2936},[],[2938],{"type":156,"value":2939},"baseURL",{"type":156,"value":2941}," set to your ImageEngine Delivery Address:",{"type":151,"tag":174,"props":2943,"children":2945},{"className":176,"code":2944,"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",[2946],{"type":151,"tag":182,"props":2947,"children":2948},{"__ignoreMap":139},[2949,2972,2987,3003,3027,3034,3041],{"type":151,"tag":186,"props":2950,"children":2951},{"class":188,"line":189},[2952,2956,2960,2964,2968],{"type":151,"tag":186,"props":2953,"children":2954},{"style":193},[2955],{"type":156,"value":196},{"type":151,"tag":186,"props":2957,"children":2958},{"style":193},[2959],{"type":156,"value":201},{"type":151,"tag":186,"props":2961,"children":2962},{"style":204},[2963],{"type":156,"value":207},{"type":151,"tag":186,"props":2965,"children":2966},{"style":210},[2967],{"type":156,"value":213},{"type":151,"tag":186,"props":2969,"children":2970},{"style":216},[2971],{"type":156,"value":219},{"type":151,"tag":186,"props":2973,"children":2974},{"class":188,"line":222},[2975,2979,2983],{"type":151,"tag":186,"props":2976,"children":2977},{"style":226},[2978],{"type":156,"value":229},{"type":151,"tag":186,"props":2980,"children":2981},{"style":216},[2982],{"type":156,"value":234},{"type":151,"tag":186,"props":2984,"children":2985},{"style":216},[2986],{"type":156,"value":239},{"type":151,"tag":186,"props":2988,"children":2989},{"class":188,"line":242},[2990,2995,2999],{"type":151,"tag":186,"props":2991,"children":2992},{"style":226},[2993],{"type":156,"value":2994},"    imageengine",{"type":151,"tag":186,"props":2996,"children":2997},{"style":216},[2998],{"type":156,"value":234},{"type":151,"tag":186,"props":3000,"children":3001},{"style":216},[3002],{"type":156,"value":239},{"type":151,"tag":186,"props":3004,"children":3005},{"class":188,"line":259},[3006,3010,3014,3018,3023],{"type":151,"tag":186,"props":3007,"children":3008},{"style":226},[3009],{"type":156,"value":265},{"type":151,"tag":186,"props":3011,"children":3012},{"style":216},[3013],{"type":156,"value":234},{"type":151,"tag":186,"props":3015,"children":3016},{"style":216},[3017],{"type":156,"value":274},{"type":151,"tag":186,"props":3019,"children":3020},{"style":277},[3021],{"type":156,"value":3022},"https://xxxxx.imgeng.in",{"type":151,"tag":186,"props":3024,"children":3025},{"style":216},[3026],{"type":156,"value":285},{"type":151,"tag":186,"props":3028,"children":3029},{"class":188,"line":288},[3030],{"type":151,"tag":186,"props":3031,"children":3032},{"style":216},[3033],{"type":156,"value":294},{"type":151,"tag":186,"props":3035,"children":3036},{"class":188,"line":297},[3037],{"type":151,"tag":186,"props":3038,"children":3039},{"style":216},[3040],{"type":156,"value":303},{"type":151,"tag":186,"props":3042,"children":3043},{"class":188,"line":306},[3044,3048],{"type":151,"tag":186,"props":3045,"children":3046},{"style":216},[3047],{"type":156,"value":312},{"type":151,"tag":186,"props":3049,"children":3050},{"style":210},[3051],{"type":156,"value":317},{"type":151,"tag":345,"props":3053,"children":3055},{"id":3054},"imageengine-fit-values",[3056,3058,3063],{"type":156,"value":3057},"ImageEngine ",{"type":151,"tag":182,"props":3059,"children":3061},{"className":3060},[],[3062],{"type":156,"value":356},{"type":156,"value":3064}," values",{"type":151,"tag":152,"props":3066,"children":3067},{},[3068,3070,3082,3084,3091],{"type":156,"value":3069},"The ",{"type":151,"tag":159,"props":3071,"children":3072},{"href":366},[3073,3075,3080],{"type":156,"value":3074},"standard values for ",{"type":151,"tag":182,"props":3076,"children":3078},{"className":3077},[],[3079],{"type":156,"value":356},{"type":156,"value":3081}," property",{"type":156,"value":3083}," map onto ",{"type":151,"tag":159,"props":3085,"children":3088},{"href":3086,"rel":3087},"https://imageengine.io/docs/directives",[163],[3089],{"type":156,"value":3090},"ImageEngine Directives",{"type":156,"value":3092}," as follows:",{"type":151,"tag":376,"props":3094,"children":3095},{},[3096,3112,3128,3144,3162],{"type":151,"tag":380,"props":3097,"children":3098},{},[3099,3104,3106],{"type":151,"tag":182,"props":3100,"children":3102},{"className":3101},[],[3103],{"type":156,"value":396},{"type":156,"value":3105},": ",{"type":151,"tag":182,"props":3107,"children":3109},{"className":3108},[],[3110],{"type":156,"value":3111},"m_cropbox",{"type":151,"tag":380,"props":3113,"children":3114},{},[3115,3121,3122],{"type":151,"tag":182,"props":3116,"children":3118},{"className":3117},[],[3119],{"type":156,"value":3120},"contain",{"type":156,"value":3105},{"type":151,"tag":182,"props":3123,"children":3125},{"className":3124},[],[3126],{"type":156,"value":3127},"m_letterbox",{"type":151,"tag":380,"props":3129,"children":3130},{},[3131,3137,3138],{"type":151,"tag":182,"props":3132,"children":3134},{"className":3133},[],[3135],{"type":156,"value":3136},"fill",{"type":156,"value":3105},{"type":151,"tag":182,"props":3139,"children":3141},{"className":3140},[],[3142],{"type":156,"value":3143},"m_stretch",{"type":151,"tag":380,"props":3145,"children":3146},{},[3147,3153,3154,3160],{"type":151,"tag":182,"props":3148,"children":3150},{"className":3149},[],[3151],{"type":156,"value":3152},"inside",{"type":156,"value":3105},{"type":151,"tag":182,"props":3155,"children":3157},{"className":3156},[],[3158],{"type":156,"value":3159},"m_box",{"type":156,"value":3161},", this is the default fit method for the ImageEngine provider.",{"type":151,"tag":380,"props":3163,"children":3164},{},[3165,3171,3173,3178],{"type":151,"tag":182,"props":3166,"children":3168},{"className":3167},[],[3169],{"type":156,"value":3170},"outside",{"type":156,"value":3172},": This fit method is not supported and functions the same as ",{"type":151,"tag":182,"props":3174,"children":3176},{"className":3175},[],[3177],{"type":156,"value":3152},{"type":156,"value":343},{"type":151,"tag":345,"props":3180,"children":3182},{"id":3181},"imageengine-modifiers",[3183],{"type":156,"value":3184},"ImageEngine modifiers",{"type":151,"tag":152,"props":3186,"children":3187},{},[3188,3190,3195,3197,3202,3204,3209],{"type":156,"value":3189},"In addition to the ",{"type":151,"tag":159,"props":3191,"children":3192},{"href":451},[3193],{"type":156,"value":3194},"standard modifiers",{"type":156,"value":3196},", you can also use all ",{"type":151,"tag":159,"props":3198,"children":3200},{"href":3086,"rel":3199},[163],[3201],{"type":156,"value":3090},{"type":156,"value":3203}," by adding them to the ",{"type":151,"tag":182,"props":3205,"children":3207},{"className":3206},[],[3208],{"type":156,"value":1716},{"type":156,"value":3210}," property with the following attribute names:",{"type":151,"tag":376,"props":3212,"children":3213},{},[3214,3232,3248,3265,3282,3297,3314,3330,3347],{"type":151,"tag":380,"props":3215,"children":3216},{},[3217,3223,3224,3230],{"type":151,"tag":182,"props":3218,"children":3220},{"className":3219},[],[3221],{"type":156,"value":3222},"format",{"type":156,"value":3105},{"type":151,"tag":182,"props":3225,"children":3227},{"className":3226},[],[3228],{"type":156,"value":3229},"f",{"type":156,"value":3231}," directive",{"type":151,"tag":380,"props":3233,"children":3234},{},[3235,3240,3241,3247],{"type":151,"tag":182,"props":3236,"children":3238},{"className":3237},[],[3239],{"type":156,"value":356},{"type":156,"value":3105},{"type":151,"tag":182,"props":3242,"children":3244},{"className":3243},[],[3245],{"type":156,"value":3246},"m",{"type":156,"value":3231},{"type":151,"tag":380,"props":3249,"children":3250},{},[3251,3257,3258,3264],{"type":151,"tag":182,"props":3252,"children":3254},{"className":3253},[],[3255],{"type":156,"value":3256},"passThrough",{"type":156,"value":3105},{"type":151,"tag":182,"props":3259,"children":3261},{"className":3260},[],[3262],{"type":156,"value":3263},"pass",{"type":156,"value":3231},{"type":151,"tag":380,"props":3266,"children":3267},{},[3268,3274,3275,3281],{"type":151,"tag":182,"props":3269,"children":3271},{"className":3270},[],[3272],{"type":156,"value":3273},"sharpen",{"type":156,"value":3105},{"type":151,"tag":182,"props":3276,"children":3278},{"className":3277},[],[3279],{"type":156,"value":3280},"s",{"type":156,"value":3231},{"type":151,"tag":380,"props":3283,"children":3284},{},[3285,3290,3291,3296],{"type":151,"tag":182,"props":3286,"children":3288},{"className":3287},[],[3289],{"type":156,"value":1096},{"type":156,"value":3105},{"type":151,"tag":182,"props":3292,"children":3294},{"className":3293},[],[3295],{"type":156,"value":2650},{"type":156,"value":3231},{"type":151,"tag":380,"props":3298,"children":3299},{},[3300,3306,3307,3313],{"type":151,"tag":182,"props":3301,"children":3303},{"className":3302},[],[3304],{"type":156,"value":3305},"screenPercent",{"type":156,"value":3105},{"type":151,"tag":182,"props":3308,"children":3310},{"className":3309},[],[3311],{"type":156,"value":3312},"pc",{"type":156,"value":3231},{"type":151,"tag":380,"props":3315,"children":3316},{},[3317,3322,3323,3329],{"type":151,"tag":182,"props":3318,"children":3320},{"className":3319},[],[3321],{"type":156,"value":2608},{"type":156,"value":3105},{"type":151,"tag":182,"props":3324,"children":3326},{"className":3325},[],[3327],{"type":156,"value":3328},"cr",{"type":156,"value":3231},{"type":151,"tag":380,"props":3331,"children":3332},{},[3333,3339,3340,3346],{"type":151,"tag":182,"props":3334,"children":3336},{"className":3335},[],[3337],{"type":156,"value":3338},"inline",{"type":156,"value":3105},{"type":151,"tag":182,"props":3341,"children":3343},{"className":3342},[],[3344],{"type":156,"value":3345},"in",{"type":156,"value":3231},{"type":151,"tag":380,"props":3348,"children":3349},{},[3350,3355,3356,3362],{"type":151,"tag":182,"props":3351,"children":3353},{"className":3352},[],[3354],{"type":156,"value":2745},{"type":156,"value":3105},{"type":151,"tag":182,"props":3357,"children":3359},{"className":3358},[],[3360],{"type":156,"value":3361},"meta",{"type":156,"value":3231},{"type":151,"tag":319,"props":3364,"children":3365},{},[3366],{"type":151,"tag":152,"props":3367,"children":3368},{},[3369,3371,3377,3379,3385,3387,3392,3394,3400],{"type":156,"value":3370},"Note that the standard ",{"type":151,"tag":182,"props":3372,"children":3374},{"className":3373},[],[3375],{"type":156,"value":3376},"quality",{"type":156,"value":3378}," attribute is converted to the ImageEngine ",{"type":151,"tag":182,"props":3380,"children":3382},{"className":3381},[],[3383],{"type":156,"value":3384},"cmpr",{"type":156,"value":3386}," compression directive.  ",{"type":151,"tag":182,"props":3388,"children":3390},{"className":3389},[],[3391],{"type":156,"value":3376},{"type":156,"value":3393}," 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":3395,"children":3397},{"className":3396},[],[3398],{"type":156,"value":3399},":modifiers=\"{ passThrough: 'true' }\"",{"type":156,"value":3401},", which will serve the unaltered image.",{"type":151,"tag":152,"props":3403,"children":3404},{},[3405],{"type":156,"value":3406},"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":3408,"children":3410},{"className":662,"code":3409,"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",[3411],{"type":151,"tag":182,"props":3412,"children":3413},{"__ignoreMap":139},[3414,3425,3448,3472,3495,3519,3543],{"type":151,"tag":186,"props":3415,"children":3416},{"class":188,"line":189},[3417,3421],{"type":151,"tag":186,"props":3418,"children":3419},{"style":216},[3420],{"type":156,"value":676},{"type":151,"tag":186,"props":3422,"children":3423},{"style":226},[3424],{"type":156,"value":681},{"type":151,"tag":186,"props":3426,"children":3427},{"class":188,"line":222},[3428,3432,3436,3440,3444],{"type":151,"tag":186,"props":3429,"children":3430},{"style":687},[3431],{"type":156,"value":690},{"type":151,"tag":186,"props":3433,"children":3434},{"style":216},[3435],{"type":156,"value":695},{"type":151,"tag":186,"props":3437,"children":3438},{"style":216},[3439],{"type":156,"value":700},{"type":151,"tag":186,"props":3441,"children":3442},{"style":277},[3443],{"type":156,"value":2931},{"type":151,"tag":186,"props":3445,"children":3446},{"style":216},[3447],{"type":156,"value":710},{"type":151,"tag":186,"props":3449,"children":3450},{"class":188,"line":242},[3451,3455,3459,3463,3468],{"type":151,"tag":186,"props":3452,"children":3453},{"style":687},[3454],{"type":156,"value":718},{"type":151,"tag":186,"props":3456,"children":3457},{"style":216},[3458],{"type":156,"value":695},{"type":151,"tag":186,"props":3460,"children":3461},{"style":216},[3462],{"type":156,"value":700},{"type":151,"tag":186,"props":3464,"children":3465},{"style":277},[3466],{"type":156,"value":3467},"/some-image.jpg",{"type":151,"tag":186,"props":3469,"children":3470},{"style":216},[3471],{"type":156,"value":710},{"type":151,"tag":186,"props":3473,"children":3474},{"class":188,"line":259},[3475,3479,3483,3487,3491],{"type":151,"tag":186,"props":3476,"children":3477},{"style":687},[3478],{"type":156,"value":1046},{"type":151,"tag":186,"props":3480,"children":3481},{"style":216},[3482],{"type":156,"value":695},{"type":151,"tag":186,"props":3484,"children":3485},{"style":216},[3486],{"type":156,"value":700},{"type":151,"tag":186,"props":3488,"children":3489},{"style":277},[3490],{"type":156,"value":658},{"type":151,"tag":186,"props":3492,"children":3493},{"style":216},[3494],{"type":156,"value":710},{"type":151,"tag":186,"props":3496,"children":3497},{"class":188,"line":288},[3498,3502,3506,3510,3515],{"type":151,"tag":186,"props":3499,"children":3500},{"style":687},[3501],{"type":156,"value":862},{"type":151,"tag":186,"props":3503,"children":3504},{"style":216},[3505],{"type":156,"value":695},{"type":151,"tag":186,"props":3507,"children":3508},{"style":216},[3509],{"type":156,"value":700},{"type":151,"tag":186,"props":3511,"children":3512},{"style":277},[3513],{"type":156,"value":3514},"80",{"type":151,"tag":186,"props":3516,"children":3517},{"style":216},[3518],{"type":156,"value":710},{"type":151,"tag":186,"props":3520,"children":3521},{"class":188,"line":297},[3522,3526,3530,3534,3539],{"type":151,"tag":186,"props":3523,"children":3524},{"style":687},[3525],{"type":156,"value":743},{"type":151,"tag":186,"props":3527,"children":3528},{"style":216},[3529],{"type":156,"value":695},{"type":151,"tag":186,"props":3531,"children":3532},{"style":216},[3533],{"type":156,"value":700},{"type":151,"tag":186,"props":3535,"children":3536},{"style":277},[3537],{"type":156,"value":3538},"{ cr: '100,80,10,20' }",{"type":151,"tag":186,"props":3540,"children":3541},{"style":216},[3542],{"type":156,"value":710},{"type":151,"tag":186,"props":3544,"children":3545},{"class":188,"line":306},[3546],{"type":151,"tag":186,"props":3547,"children":3548},{"style":216},[3549],{"type":156,"value":768},{"type":151,"tag":152,"props":3551,"children":3552},{},[3553],{"type":156,"value":3554},"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":3556,"children":3558},{"className":662,"code":3557,"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",[3559],{"type":151,"tag":182,"props":3560,"children":3561},{"__ignoreMap":139},[3562,3573,3596,3619,3642,3665,3689],{"type":151,"tag":186,"props":3563,"children":3564},{"class":188,"line":189},[3565,3569],{"type":151,"tag":186,"props":3566,"children":3567},{"style":216},[3568],{"type":156,"value":676},{"type":151,"tag":186,"props":3570,"children":3571},{"style":226},[3572],{"type":156,"value":681},{"type":151,"tag":186,"props":3574,"children":3575},{"class":188,"line":222},[3576,3580,3584,3588,3592],{"type":151,"tag":186,"props":3577,"children":3578},{"style":687},[3579],{"type":156,"value":690},{"type":151,"tag":186,"props":3581,"children":3582},{"style":216},[3583],{"type":156,"value":695},{"type":151,"tag":186,"props":3585,"children":3586},{"style":216},[3587],{"type":156,"value":700},{"type":151,"tag":186,"props":3589,"children":3590},{"style":277},[3591],{"type":156,"value":2931},{"type":151,"tag":186,"props":3593,"children":3594},{"style":216},[3595],{"type":156,"value":710},{"type":151,"tag":186,"props":3597,"children":3598},{"class":188,"line":242},[3599,3603,3607,3611,3615],{"type":151,"tag":186,"props":3600,"children":3601},{"style":687},[3602],{"type":156,"value":718},{"type":151,"tag":186,"props":3604,"children":3605},{"style":216},[3606],{"type":156,"value":695},{"type":151,"tag":186,"props":3608,"children":3609},{"style":216},[3610],{"type":156,"value":700},{"type":151,"tag":186,"props":3612,"children":3613},{"style":277},[3614],{"type":156,"value":3467},{"type":151,"tag":186,"props":3616,"children":3617},{"style":216},[3618],{"type":156,"value":710},{"type":151,"tag":186,"props":3620,"children":3621},{"class":188,"line":259},[3622,3626,3630,3634,3638],{"type":151,"tag":186,"props":3623,"children":3624},{"style":687},[3625],{"type":156,"value":1046},{"type":151,"tag":186,"props":3627,"children":3628},{"style":216},[3629],{"type":156,"value":695},{"type":151,"tag":186,"props":3631,"children":3632},{"style":216},[3633],{"type":156,"value":700},{"type":151,"tag":186,"props":3635,"children":3636},{"style":277},[3637],{"type":156,"value":658},{"type":151,"tag":186,"props":3639,"children":3640},{"style":216},[3641],{"type":156,"value":710},{"type":151,"tag":186,"props":3643,"children":3644},{"class":188,"line":288},[3645,3649,3653,3657,3661],{"type":151,"tag":186,"props":3646,"children":3647},{"style":687},[3648],{"type":156,"value":862},{"type":151,"tag":186,"props":3650,"children":3651},{"style":216},[3652],{"type":156,"value":695},{"type":151,"tag":186,"props":3654,"children":3655},{"style":216},[3656],{"type":156,"value":700},{"type":151,"tag":186,"props":3658,"children":3659},{"style":277},[3660],{"type":156,"value":3514},{"type":151,"tag":186,"props":3662,"children":3663},{"style":216},[3664],{"type":156,"value":710},{"type":151,"tag":186,"props":3666,"children":3667},{"class":188,"line":297},[3668,3672,3676,3680,3685],{"type":151,"tag":186,"props":3669,"children":3670},{"style":687},[3671],{"type":156,"value":743},{"type":151,"tag":186,"props":3673,"children":3674},{"style":216},[3675],{"type":156,"value":695},{"type":151,"tag":186,"props":3677,"children":3678},{"style":216},[3679],{"type":156,"value":700},{"type":151,"tag":186,"props":3681,"children":3682},{"style":277},[3683],{"type":156,"value":3684},"{ meta: 'true' }",{"type":151,"tag":186,"props":3686,"children":3687},{"style":216},[3688],{"type":156,"value":710},{"type":151,"tag":186,"props":3690,"children":3691},{"class":188,"line":306},[3692],{"type":151,"tag":186,"props":3693,"children":3694},{"style":216},[3695],{"type":156,"value":768},{"type":151,"tag":345,"props":3697,"children":3699},{"id":3698},"imageengine-best-practices",[3700],{"type":156,"value":3701},"ImageEngine best practices",{"type":151,"tag":466,"props":3703,"children":3705},{"id":3704},"automatic-format-and-quality-detection",[3706],{"type":156,"value":3707},"Automatic format and quality detection",{"type":151,"tag":152,"props":3709,"children":3710},{},[3711],{"type":156,"value":3712},"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":3714,"children":3715},{},[3716,3718,3724,3726,3732],{"type":156,"value":3717},"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":3719,"children":3721},{"className":3720},[],[3722],{"type":156,"value":3723},"format='webp'",{"type":156,"value":3725},") and quality (",{"type":151,"tag":182,"props":3727,"children":3729},{"className":3728},[],[3730],{"type":156,"value":3731},"quality='80'",{"type":156,"value":3733},").",{"type":151,"tag":466,"props":3735,"children":3737},{"id":3736},"imageengine-settings",[3738],{"type":156,"value":3739},"ImageEngine settings",{"type":151,"tag":152,"props":3741,"children":3742},{},[3743],{"type":156,"value":3744},"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":2869,"props":3746,"children":3747},{},[3748],{"type":156,"value":2873},{"title":139,"searchDepth":222,"depth":222,"links":3750},[3751,3753,3754],{"id":3054,"depth":222,"text":3752},"ImageEngine fit values",{"id":3181,"depth":222,"text":3184},{"id":3698,"depth":222,"text":3701,"children":3755},[3756,3757],{"id":3704,"depth":242,"text":3707},{"id":3736,"depth":242,"text":3739},"content:3.providers:imageengine.md","3.providers/imageengine.md","3.providers/imageengine",{"_path":86,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":85,"description":3762,"links":3763,"body":3766,"_type":2897,"_id":4246,"_source":2899,"_file":4247,"_stem":4248,"_extension":2750},"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":3064},{"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":3081},{"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":3194},{"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":2869,"props":4236,"children":4237},{},[4238],{"type":156,"value":2873},{"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","3.providers/imgix",1736769703480]