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