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