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