[{"data":1,"prerenderedAt":4141},["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,1463],{"_path":77,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":76,"description":1079,"links":1080,"body":1083,"_type":1072,"_id":1461,"_source":1074,"_file":1462,"_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":1458},[1085,1096,1101,1216,1221,1250,1454],{"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      baseURL: \"\",\n    },\n  },\n});\n",[1105],{"type":151,"tag":174,"props":1106,"children":1107},{"__ignoreMap":139},[1108,1131,1146,1162,1183,1191,1199],{"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,1169,1173,1178],{"type":151,"tag":202,"props":1166,"children":1167},{"style":242},[1168],{"type":156,"value":281},{"type":151,"tag":202,"props":1170,"children":1171},{"style":232},[1172],{"type":156,"value":250},{"type":151,"tag":202,"props":1174,"children":1175},{"style":232},[1176],{"type":156,"value":1177}," \"\"",{"type":151,"tag":202,"props":1179,"children":1180},{"style":232},[1181],{"type":156,"value":1182},",\n",{"type":151,"tag":202,"props":1184,"children":1185},{"class":204,"line":304},[1186],{"type":151,"tag":202,"props":1187,"children":1188},{"style":232},[1189],{"type":156,"value":1190},"    },\n",{"type":151,"tag":202,"props":1192,"children":1193},{"class":204,"line":313},[1194],{"type":151,"tag":202,"props":1195,"children":1196},{"style":232},[1197],{"type":156,"value":1198},"  },\n",{"type":151,"tag":202,"props":1200,"children":1201},{"class":204,"line":322},[1202,1206,1211],{"type":151,"tag":202,"props":1203,"children":1204},{"style":232},[1205],{"type":156,"value":328},{"type":151,"tag":202,"props":1207,"children":1208},{"style":226},[1209],{"type":156,"value":1210},")",{"type":151,"tag":202,"props":1212,"children":1213},{"style":232},[1214],{"type":156,"value":1215},";\n",{"type":151,"tag":335,"props":1217,"children":1218},{"id":499},[1219],{"type":156,"value":1220},"Modifiers",{"type":151,"tag":152,"props":1222,"children":1223},{},[1224,1226,1233,1235,1241,1243,1248],{"type":156,"value":1225},"All the default modifiers from ",{"type":151,"tag":159,"props":1227,"children":1230},{"href":1228,"rel":1229},"https://hygraph.com/docs/api-reference/content-api/assets",[163],[1231],{"type":156,"value":1232},"Hygraph's documentation",{"type":156,"value":1234}," are available, plus additionally ",{"type":151,"tag":174,"props":1236,"children":1238},{"className":1237},[],[1239],{"type":156,"value":1240},"auto_image",{"type":156,"value":1242}," which lets Hygraph decide what image format is best for the user's browser and ",{"type":151,"tag":174,"props":1244,"children":1246},{"className":1245},[],[1247],{"type":156,"value":672},{"type":156,"value":1249}," 0-100.",{"type":151,"tag":191,"props":1251,"children":1255},{"className":1252,"code":1253,"language":1254,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"hygraph\"\n  src=\"https://eu-central-1-shared-euc1-02.graphassets.com/cltsj3mii0pvd07vwb5cyh1ig/cltsrex89477t08unlckqx9ue\"\n  height=\"512\"\n  width=\"512\"\n  fit=\"max\"\n  format=\"jpg\"\n  :quality=\"90\"\n/>\n","vue",[1256],{"type":151,"tag":174,"props":1257,"children":1258},{"__ignoreMap":139},[1259,1270,1294,1318,1342,1365,1390,1415,1446],{"type":151,"tag":202,"props":1260,"children":1261},{"class":204,"line":205},[1262,1266],{"type":151,"tag":202,"props":1263,"children":1264},{"style":232},[1265],{"type":156,"value":719},{"type":151,"tag":202,"props":1267,"children":1268},{"style":242},[1269],{"type":156,"value":724},{"type":151,"tag":202,"props":1271,"children":1272},{"class":204,"line":238},[1273,1277,1281,1285,1290],{"type":151,"tag":202,"props":1274,"children":1275},{"style":730},[1276],{"type":156,"value":733},{"type":151,"tag":202,"props":1278,"children":1279},{"style":232},[1280],{"type":156,"value":738},{"type":151,"tag":202,"props":1282,"children":1283},{"style":232},[1284],{"type":156,"value":743},{"type":151,"tag":202,"props":1286,"children":1287},{"style":293},[1288],{"type":156,"value":1289},"hygraph",{"type":151,"tag":202,"props":1291,"children":1292},{"style":232},[1293],{"type":156,"value":752},{"type":151,"tag":202,"props":1295,"children":1296},{"class":204,"line":258},[1297,1301,1305,1309,1314],{"type":151,"tag":202,"props":1298,"children":1299},{"style":730},[1300],{"type":156,"value":760},{"type":151,"tag":202,"props":1302,"children":1303},{"style":232},[1304],{"type":156,"value":738},{"type":151,"tag":202,"props":1306,"children":1307},{"style":232},[1308],{"type":156,"value":743},{"type":151,"tag":202,"props":1310,"children":1311},{"style":293},[1312],{"type":156,"value":1313},"https://eu-central-1-shared-euc1-02.graphassets.com/cltsj3mii0pvd07vwb5cyh1ig/cltsrex89477t08unlckqx9ue",{"type":151,"tag":202,"props":1315,"children":1316},{"style":232},[1317],{"type":156,"value":752},{"type":151,"tag":202,"props":1319,"children":1320},{"class":204,"line":275},[1321,1325,1329,1333,1338],{"type":151,"tag":202,"props":1322,"children":1323},{"style":730},[1324],{"type":156,"value":810},{"type":151,"tag":202,"props":1326,"children":1327},{"style":232},[1328],{"type":156,"value":738},{"type":151,"tag":202,"props":1330,"children":1331},{"style":232},[1332],{"type":156,"value":743},{"type":151,"tag":202,"props":1334,"children":1335},{"style":293},[1336],{"type":156,"value":1337},"512",{"type":151,"tag":202,"props":1339,"children":1340},{"style":232},[1341],{"type":156,"value":752},{"type":151,"tag":202,"props":1343,"children":1344},{"class":204,"line":304},[1345,1349,1353,1357,1361],{"type":151,"tag":202,"props":1346,"children":1347},{"style":730},[1348],{"type":156,"value":785},{"type":151,"tag":202,"props":1350,"children":1351},{"style":232},[1352],{"type":156,"value":738},{"type":151,"tag":202,"props":1354,"children":1355},{"style":232},[1356],{"type":156,"value":743},{"type":151,"tag":202,"props":1358,"children":1359},{"style":293},[1360],{"type":156,"value":1337},{"type":151,"tag":202,"props":1362,"children":1363},{"style":232},[1364],{"type":156,"value":752},{"type":151,"tag":202,"props":1366,"children":1367},{"class":204,"line":313},[1368,1373,1377,1381,1386],{"type":151,"tag":202,"props":1369,"children":1370},{"style":730},[1371],{"type":156,"value":1372},"  fit",{"type":151,"tag":202,"props":1374,"children":1375},{"style":232},[1376],{"type":156,"value":738},{"type":151,"tag":202,"props":1378,"children":1379},{"style":232},[1380],{"type":156,"value":743},{"type":151,"tag":202,"props":1382,"children":1383},{"style":293},[1384],{"type":156,"value":1385},"max",{"type":151,"tag":202,"props":1387,"children":1388},{"style":232},[1389],{"type":156,"value":752},{"type":151,"tag":202,"props":1391,"children":1392},{"class":204,"line":322},[1393,1398,1402,1406,1411],{"type":151,"tag":202,"props":1394,"children":1395},{"style":730},[1396],{"type":156,"value":1397},"  format",{"type":151,"tag":202,"props":1399,"children":1400},{"style":232},[1401],{"type":156,"value":738},{"type":151,"tag":202,"props":1403,"children":1404},{"style":232},[1405],{"type":156,"value":743},{"type":151,"tag":202,"props":1407,"children":1408},{"style":293},[1409],{"type":156,"value":1410},"jpg",{"type":151,"tag":202,"props":1412,"children":1413},{"style":232},[1414],{"type":156,"value":752},{"type":151,"tag":202,"props":1416,"children":1418},{"class":204,"line":1417},8,[1419,1424,1428,1432,1436,1442],{"type":151,"tag":202,"props":1420,"children":1421},{"style":232},[1422],{"type":156,"value":1423},"  :",{"type":151,"tag":202,"props":1425,"children":1426},{"style":730},[1427],{"type":156,"value":672},{"type":151,"tag":202,"props":1429,"children":1430},{"style":232},[1431],{"type":156,"value":738},{"type":151,"tag":202,"props":1433,"children":1434},{"style":232},[1435],{"type":156,"value":743},{"type":151,"tag":202,"props":1437,"children":1439},{"style":1438},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1440],{"type":156,"value":1441},"90",{"type":151,"tag":202,"props":1443,"children":1444},{"style":232},[1445],{"type":156,"value":752},{"type":151,"tag":202,"props":1447,"children":1449},{"class":204,"line":1448},9,[1450],{"type":151,"tag":202,"props":1451,"children":1452},{"style":226},[1453],{"type":156,"value":860},{"type":151,"tag":1058,"props":1455,"children":1456},{},[1457],{"type":156,"value":1062},{"title":139,"searchDepth":238,"depth":238,"links":1459},[1460],{"id":499,"depth":238,"text":1220},"content:3.providers:hygraph.md","3.providers/hygraph.md",{"_path":83,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":82,"description":1464,"links":1465,"body":1468,"_type":1072,"_id":4139,"_source":1074,"_file":4140,"_extension":1076},"Nuxt Image has first class integration with ImageKit.",[1466],{"label":143,"icon":144,"to":1467,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imagekit.ts",{"type":148,"children":1469,"toc":4116},[1470,1481,1486,1596,1620,1633,1648,1694,1708,1714,1734,1743,1837,1858,1879,1892,1901,1927,2024,2034,2046,2165,2174,2188,2208,2217,2229,2347,2355,2408,2503,2512,2530,2625,2634,2645,2810,2826,2832,2870,2876,2881,3142,3148,3153,3392,3404,3410,3420,3431,3549,3559,3570,3688,3694,3699,3701,4095,4112],{"type":151,"tag":152,"props":1471,"children":1472},{},[1473,1474,1480],{"type":156,"value":157},{"type":151,"tag":159,"props":1475,"children":1478},{"href":1476,"rel":1477},"https://docs.imagekit.io/",[163],[1479],{"type":156,"value":82},{"type":156,"value":167},{"type":151,"tag":152,"props":1482,"children":1483},{},[1484],{"type":156,"value":1485},"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":1487,"children":1489},{"className":193,"code":1488,"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",[1490],{"type":151,"tag":174,"props":1491,"children":1492},{"__ignoreMap":139},[1493,1516,1531,1547,1571,1578,1585],{"type":151,"tag":202,"props":1494,"children":1495},{"class":204,"line":205},[1496,1500,1504,1508,1512],{"type":151,"tag":202,"props":1497,"children":1498},{"style":209},[1499],{"type":156,"value":212},{"type":151,"tag":202,"props":1501,"children":1502},{"style":209},[1503],{"type":156,"value":217},{"type":151,"tag":202,"props":1505,"children":1506},{"style":220},[1507],{"type":156,"value":223},{"type":151,"tag":202,"props":1509,"children":1510},{"style":226},[1511],{"type":156,"value":229},{"type":151,"tag":202,"props":1513,"children":1514},{"style":232},[1515],{"type":156,"value":235},{"type":151,"tag":202,"props":1517,"children":1518},{"class":204,"line":238},[1519,1523,1527],{"type":151,"tag":202,"props":1520,"children":1521},{"style":242},[1522],{"type":156,"value":245},{"type":151,"tag":202,"props":1524,"children":1525},{"style":232},[1526],{"type":156,"value":250},{"type":151,"tag":202,"props":1528,"children":1529},{"style":232},[1530],{"type":156,"value":255},{"type":151,"tag":202,"props":1532,"children":1533},{"class":204,"line":258},[1534,1539,1543],{"type":151,"tag":202,"props":1535,"children":1536},{"style":242},[1537],{"type":156,"value":1538},"    imagekit",{"type":151,"tag":202,"props":1540,"children":1541},{"style":232},[1542],{"type":156,"value":250},{"type":151,"tag":202,"props":1544,"children":1545},{"style":232},[1546],{"type":156,"value":255},{"type":151,"tag":202,"props":1548,"children":1549},{"class":204,"line":275},[1550,1554,1558,1562,1567],{"type":151,"tag":202,"props":1551,"children":1552},{"style":242},[1553],{"type":156,"value":281},{"type":151,"tag":202,"props":1555,"children":1556},{"style":232},[1557],{"type":156,"value":250},{"type":151,"tag":202,"props":1559,"children":1560},{"style":232},[1561],{"type":156,"value":290},{"type":151,"tag":202,"props":1563,"children":1564},{"style":293},[1565],{"type":156,"value":1566},"https://ik.imagekit.io/your_imagekit_id",{"type":151,"tag":202,"props":1568,"children":1569},{"style":232},[1570],{"type":156,"value":301},{"type":151,"tag":202,"props":1572,"children":1573},{"class":204,"line":304},[1574],{"type":151,"tag":202,"props":1575,"children":1576},{"style":232},[1577],{"type":156,"value":310},{"type":151,"tag":202,"props":1579,"children":1580},{"class":204,"line":313},[1581],{"type":151,"tag":202,"props":1582,"children":1583},{"style":232},[1584],{"type":156,"value":319},{"type":151,"tag":202,"props":1586,"children":1587},{"class":204,"line":322},[1588,1592],{"type":151,"tag":202,"props":1589,"children":1590},{"style":232},[1591],{"type":156,"value":328},{"type":151,"tag":202,"props":1593,"children":1594},{"style":226},[1595],{"type":156,"value":333},{"type":151,"tag":659,"props":1597,"children":1598},{},[1599],{"type":151,"tag":152,"props":1600,"children":1601},{},[1602,1604,1611,1613,1619],{"type":156,"value":1603},"You can get ",{"type":151,"tag":159,"props":1605,"children":1608},{"href":1606,"rel":1607},"https://docs.imagekit.io/integration/url-endpoints#default-url-endpoint",[163],[1609],{"type":156,"value":1610},"URL-endpoint",{"type":156,"value":1612}," from your ImageKit dashboard - ",{"type":151,"tag":159,"props":1614,"children":1617},{"href":1615,"rel":1616},"https://imagekit.io/dashboard#url-endpoints",[163],[1618],{"type":156,"value":1615},{"type":156,"value":467},{"type":151,"tag":335,"props":1621,"children":1623},{"id":1622},"imagekit-fit-parameters",[1624,1626,1631],{"type":156,"value":1625},"ImageKit ",{"type":151,"tag":174,"props":1627,"children":1629},{"className":1628},[],[1630],{"type":156,"value":346},{"type":156,"value":1632}," Parameters",{"type":151,"tag":152,"props":1634,"children":1635},{},[1636,1638,1646],{"type":156,"value":1637},"In addition to the standard ",{"type":151,"tag":159,"props":1639,"children":1640},{"href":356},[1641],{"type":151,"tag":174,"props":1642,"children":1644},{"className":1643},[],[1645],{"type":156,"value":346},{"type":156,"value":1647}," properties of Nuxt Image and Nuxt Picture, ImageKit offers more cropping and resizing options to the users:",{"type":151,"tag":379,"props":1649,"children":1650},{},[1651,1669],{"type":151,"tag":383,"props":1652,"children":1653},{},[1654,1660,1662,1667],{"type":151,"tag":174,"props":1655,"children":1657},{"className":1656},[],[1658],{"type":156,"value":1659},"extract",{"type":156,"value":1661}," - The output image has its height, width as requested, and the aspect ratio is preserved. Unlike the ",{"type":151,"tag":174,"props":1663,"children":1665},{"className":1664},[],[1666],{"type":156,"value":391},{"type":156,"value":1668}," parameter, we extract out a region of the requested dimension from the original image.",{"type":151,"tag":383,"props":1670,"children":1671},{},[1672,1678,1680,1685,1687,1692],{"type":151,"tag":174,"props":1673,"children":1675},{"className":1674},[],[1676],{"type":156,"value":1677},"pad_extract",{"type":156,"value":1679}," - This parameter is similar to ",{"type":151,"tag":174,"props":1681,"children":1683},{"className":1682},[],[1684],{"type":156,"value":1659},{"type":156,"value":1686},". 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":1688,"children":1690},{"className":1689},[],[1691],{"type":156,"value":1677},{"type":156,"value":1693}," mode adds solid colored padding around the image to match the exact size requested.",{"type":151,"tag":152,"props":1695,"children":1696},{},[1697,1699,1706],{"type":156,"value":1698},"Read ImageKit ",{"type":151,"tag":159,"props":1700,"children":1703},{"href":1701,"rel":1702},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#crop-crop-modes-and-focus",[163],[1704],{"type":156,"value":1705},"crop and crop mode documentation",{"type":156,"value":1707}," for more details and examples of how it works.",{"type":151,"tag":335,"props":1709,"children":1711},{"id":1710},"imagekit-modifiers",[1712],{"type":156,"value":1713},"ImageKit Modifiers",{"type":151,"tag":152,"props":1715,"children":1716},{},[1717,1719,1724,1726,1732],{"type":156,"value":1718},"On top of the standard ",{"type":151,"tag":159,"props":1720,"children":1721},{"href":481},[1722],{"type":156,"value":1723},"Nuxt Image modifiers",{"type":156,"value":1725},", a user can also leverage ImageKit-specific transformation parameters provided in the ",{"type":151,"tag":174,"props":1727,"children":1729},{"className":1728},[],[1730],{"type":156,"value":1731},"modifier",{"type":156,"value":1733}," prop.",{"type":151,"tag":1014,"props":1735,"children":1737},{"id":1736},"focus",[1738],{"type":151,"tag":174,"props":1739,"children":1741},{"className":1740},[],[1742],{"type":156,"value":1736},{"type":151,"tag":152,"props":1744,"children":1745},{},[1746,1748,1754,1756,1762,1763,1769,1770,1776,1777,1783,1784,1789,1790,1795,1796,1801,1802,1807,1808,1814,1815,1821,1822,1828,1830,1836],{"type":156,"value":1747},"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":1749,"children":1751},{"className":1750},[],[1752],{"type":156,"value":1753},"left",{"type":156,"value":1755},", ",{"type":151,"tag":174,"props":1757,"children":1759},{"className":1758},[],[1760],{"type":156,"value":1761},"right",{"type":156,"value":1755},{"type":151,"tag":174,"props":1764,"children":1766},{"className":1765},[],[1767],{"type":156,"value":1768},"top",{"type":156,"value":1755},{"type":151,"tag":174,"props":1771,"children":1773},{"className":1772},[],[1774],{"type":156,"value":1775},"bottom",{"type":156,"value":1755},{"type":151,"tag":174,"props":1778,"children":1780},{"className":1779},[],[1781],{"type":156,"value":1782},"center",{"type":156,"value":1755},{"type":151,"tag":174,"props":1785,"children":1787},{"className":1786},[],[1788],{"type":156,"value":1768},{"type":156,"value":1755},{"type":151,"tag":174,"props":1791,"children":1793},{"className":1792},[],[1794],{"type":156,"value":1753},{"type":156,"value":1755},{"type":151,"tag":174,"props":1797,"children":1799},{"className":1798},[],[1800],{"type":156,"value":1775},{"type":156,"value":1755},{"type":151,"tag":174,"props":1803,"children":1805},{"className":1804},[],[1806],{"type":156,"value":1761},{"type":156,"value":1755},{"type":151,"tag":174,"props":1809,"children":1811},{"className":1810},[],[1812],{"type":156,"value":1813},"top_left",{"type":156,"value":1755},{"type":151,"tag":174,"props":1816,"children":1818},{"className":1817},[],[1819],{"type":156,"value":1820},"top_right",{"type":156,"value":1755},{"type":151,"tag":174,"props":1823,"children":1825},{"className":1824},[],[1826],{"type":156,"value":1827},"bottom_left",{"type":156,"value":1829}," and ",{"type":151,"tag":174,"props":1831,"children":1833},{"className":1832},[],[1834],{"type":156,"value":1835},"bottom_right",{"type":156,"value":467},{"type":151,"tag":152,"props":1838,"children":1839},{},[1840,1842,1848,1850,1857],{"type":156,"value":1841},"Custom coordinates can also be used to focus using parameter value ",{"type":151,"tag":174,"props":1843,"children":1845},{"className":1844},[],[1846],{"type":156,"value":1847},"custom",{"type":156,"value":1849},". Learn more from ",{"type":151,"tag":159,"props":1851,"children":1854},{"href":1852,"rel":1853},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#example-focus-using-custom-coordinates",[163],[1855],{"type":156,"value":1856},"example",{"type":156,"value":467},{"type":151,"tag":152,"props":1859,"children":1860},{},[1861,1863,1869,1871,1877],{"type":156,"value":1862},"Moreover, ImageKit also provides smart cropping that can automatically detect the most important part of the image using ",{"type":151,"tag":174,"props":1864,"children":1866},{"className":1865},[],[1867],{"type":156,"value":1868},"auto",{"type":156,"value":1870},". And, ",{"type":151,"tag":174,"props":1872,"children":1874},{"className":1873},[],[1875],{"type":156,"value":1876},"face",{"type":156,"value":1878}," can be used to find a face (or multiple faces) in an image and focus on that.",{"type":151,"tag":152,"props":1880,"children":1881},{},[1882,1884,1890],{"type":156,"value":1883},"Check out ImageKit's documentation on ",{"type":151,"tag":159,"props":1885,"children":1888},{"href":1886,"rel":1887},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#focus-fo",[163],[1889],{"type":156,"value":1736},{"type":156,"value":1891}," to learn more.",{"type":151,"tag":1014,"props":1893,"children":1895},{"id":1894},"blur",[1896],{"type":151,"tag":174,"props":1897,"children":1899},{"className":1898},[],[1900],{"type":156,"value":1894},{"type":151,"tag":152,"props":1902,"children":1903},{},[1904,1906,1911,1913,1919,1921,1926],{"type":156,"value":1905},"This can be used to blur an image. Use modifier ",{"type":151,"tag":174,"props":1907,"children":1909},{"className":1908},[],[1910],{"type":156,"value":1894},{"type":156,"value":1912}," to specify the Gaussian Blur radius that is to be applied to the image. Possible values include integers between ",{"type":151,"tag":174,"props":1914,"children":1916},{"className":1915},[],[1917],{"type":156,"value":1918},"1",{"type":156,"value":1920}," to ",{"type":151,"tag":174,"props":1922,"children":1924},{"className":1923},[],[1925],{"type":156,"value":798},{"type":156,"value":467},{"type":151,"tag":191,"props":1928,"children":1930},{"className":705,"code":1929,"language":707,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{blur: 10}\"\n/>\n",[1931],{"type":151,"tag":174,"props":1932,"children":1933},{"__ignoreMap":139},[1934,1945,1969,1993,2017],{"type":151,"tag":202,"props":1935,"children":1936},{"class":204,"line":205},[1937,1941],{"type":151,"tag":202,"props":1938,"children":1939},{"style":232},[1940],{"type":156,"value":719},{"type":151,"tag":202,"props":1942,"children":1943},{"style":242},[1944],{"type":156,"value":724},{"type":151,"tag":202,"props":1946,"children":1947},{"class":204,"line":238},[1948,1952,1956,1960,1965],{"type":151,"tag":202,"props":1949,"children":1950},{"style":730},[1951],{"type":156,"value":733},{"type":151,"tag":202,"props":1953,"children":1954},{"style":232},[1955],{"type":156,"value":738},{"type":151,"tag":202,"props":1957,"children":1958},{"style":232},[1959],{"type":156,"value":743},{"type":151,"tag":202,"props":1961,"children":1962},{"style":293},[1963],{"type":156,"value":1964},"imagekit",{"type":151,"tag":202,"props":1966,"children":1967},{"style":232},[1968],{"type":156,"value":752},{"type":151,"tag":202,"props":1970,"children":1971},{"class":204,"line":258},[1972,1976,1980,1984,1989],{"type":151,"tag":202,"props":1973,"children":1974},{"style":730},[1975],{"type":156,"value":760},{"type":151,"tag":202,"props":1977,"children":1978},{"style":232},[1979],{"type":156,"value":738},{"type":151,"tag":202,"props":1981,"children":1982},{"style":232},[1983],{"type":156,"value":743},{"type":151,"tag":202,"props":1985,"children":1986},{"style":293},[1987],{"type":156,"value":1988},"/default-image.jpg",{"type":151,"tag":202,"props":1990,"children":1991},{"style":232},[1992],{"type":156,"value":752},{"type":151,"tag":202,"props":1994,"children":1995},{"class":204,"line":275},[1996,2000,2004,2008,2013],{"type":151,"tag":202,"props":1997,"children":1998},{"style":730},[1999],{"type":156,"value":835},{"type":151,"tag":202,"props":2001,"children":2002},{"style":232},[2003],{"type":156,"value":738},{"type":151,"tag":202,"props":2005,"children":2006},{"style":232},[2007],{"type":156,"value":743},{"type":151,"tag":202,"props":2009,"children":2010},{"style":293},[2011],{"type":156,"value":2012},"{blur: 10}",{"type":151,"tag":202,"props":2014,"children":2015},{"style":232},[2016],{"type":156,"value":752},{"type":151,"tag":202,"props":2018,"children":2019},{"class":204,"line":304},[2020],{"type":151,"tag":202,"props":2021,"children":2022},{"style":232},[2023],{"type":156,"value":860},{"type":151,"tag":1014,"props":2025,"children":2027},{"id":2026},"effectgray",[2028],{"type":151,"tag":174,"props":2029,"children":2031},{"className":2030},[],[2032],{"type":156,"value":2033},"effectGray",{"type":151,"tag":152,"props":2035,"children":2036},{},[2037,2039,2044],{"type":156,"value":2038},"Turn your image to a grayscale version using the ",{"type":151,"tag":174,"props":2040,"children":2042},{"className":2041},[],[2043],{"type":156,"value":2033},{"type":156,"value":2045}," modifier.",{"type":151,"tag":191,"props":2047,"children":2049},{"className":705,"code":2048,"language":707,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectGray: true}\"\n/>\n",[2050],{"type":151,"tag":174,"props":2051,"children":2052},{"__ignoreMap":139},[2053,2064,2087,2110,2134,2158],{"type":151,"tag":202,"props":2054,"children":2055},{"class":204,"line":205},[2056,2060],{"type":151,"tag":202,"props":2057,"children":2058},{"style":232},[2059],{"type":156,"value":719},{"type":151,"tag":202,"props":2061,"children":2062},{"style":242},[2063],{"type":156,"value":724},{"type":151,"tag":202,"props":2065,"children":2066},{"class":204,"line":238},[2067,2071,2075,2079,2083],{"type":151,"tag":202,"props":2068,"children":2069},{"style":730},[2070],{"type":156,"value":733},{"type":151,"tag":202,"props":2072,"children":2073},{"style":232},[2074],{"type":156,"value":738},{"type":151,"tag":202,"props":2076,"children":2077},{"style":232},[2078],{"type":156,"value":743},{"type":151,"tag":202,"props":2080,"children":2081},{"style":293},[2082],{"type":156,"value":1964},{"type":151,"tag":202,"props":2084,"children":2085},{"style":232},[2086],{"type":156,"value":752},{"type":151,"tag":202,"props":2088,"children":2089},{"class":204,"line":258},[2090,2094,2098,2102,2106],{"type":151,"tag":202,"props":2091,"children":2092},{"style":730},[2093],{"type":156,"value":760},{"type":151,"tag":202,"props":2095,"children":2096},{"style":232},[2097],{"type":156,"value":738},{"type":151,"tag":202,"props":2099,"children":2100},{"style":232},[2101],{"type":156,"value":743},{"type":151,"tag":202,"props":2103,"children":2104},{"style":293},[2105],{"type":156,"value":1988},{"type":151,"tag":202,"props":2107,"children":2108},{"style":232},[2109],{"type":156,"value":752},{"type":151,"tag":202,"props":2111,"children":2112},{"class":204,"line":275},[2113,2117,2121,2125,2130],{"type":151,"tag":202,"props":2114,"children":2115},{"style":730},[2116],{"type":156,"value":810},{"type":151,"tag":202,"props":2118,"children":2119},{"style":232},[2120],{"type":156,"value":738},{"type":151,"tag":202,"props":2122,"children":2123},{"style":232},[2124],{"type":156,"value":743},{"type":151,"tag":202,"props":2126,"children":2127},{"style":293},[2128],{"type":156,"value":2129},"300",{"type":151,"tag":202,"props":2131,"children":2132},{"style":232},[2133],{"type":156,"value":752},{"type":151,"tag":202,"props":2135,"children":2136},{"class":204,"line":304},[2137,2141,2145,2149,2154],{"type":151,"tag":202,"props":2138,"children":2139},{"style":730},[2140],{"type":156,"value":835},{"type":151,"tag":202,"props":2142,"children":2143},{"style":232},[2144],{"type":156,"value":738},{"type":151,"tag":202,"props":2146,"children":2147},{"style":232},[2148],{"type":156,"value":743},{"type":151,"tag":202,"props":2150,"children":2151},{"style":293},[2152],{"type":156,"value":2153},"{effectGray: true}",{"type":151,"tag":202,"props":2155,"children":2156},{"style":232},[2157],{"type":156,"value":752},{"type":151,"tag":202,"props":2159,"children":2160},{"class":204,"line":313},[2161],{"type":151,"tag":202,"props":2162,"children":2163},{"style":232},[2164],{"type":156,"value":860},{"type":151,"tag":1014,"props":2166,"children":2168},{"id":2167},"named",[2169],{"type":151,"tag":174,"props":2170,"children":2172},{"className":2171},[],[2173],{"type":156,"value":2167},{"type":151,"tag":152,"props":2175,"children":2176},{},[2177,2179,2186],{"type":156,"value":2178},"Use ",{"type":151,"tag":159,"props":2180,"children":2183},{"href":2181,"rel":2182},"https://docs.imagekit.io/features/named-transformations",[163],[2184],{"type":156,"value":2185},"named transformations",{"type":156,"value":2187}," as an alias for an entire transformation string.",{"type":151,"tag":152,"props":2189,"children":2190},{},[2191,2193,2199,2201,2207],{"type":156,"value":2192},"For example, we can create a named transformation - ",{"type":151,"tag":174,"props":2194,"children":2196},{"className":2195},[],[2197],{"type":156,"value":2198},"media_library_thumbnail",{"type":156,"value":2200}," for a transformation string - ",{"type":151,"tag":174,"props":2202,"children":2204},{"className":2203},[],[2205],{"type":156,"value":2206},"tr:w-100,h-100,c-at_max,fo-auto",{"type":156,"value":467},{"type":151,"tag":1014,"props":2209,"children":2211},{"id":2210},"border",[2212],{"type":151,"tag":174,"props":2213,"children":2215},{"className":2214},[],[2216],{"type":156,"value":2210},{"type":151,"tag":152,"props":2218,"children":2219},{},[2220,2222,2227],{"type":156,"value":2221},"Add a border to your images using the ",{"type":151,"tag":174,"props":2223,"children":2225},{"className":2224},[],[2226],{"type":156,"value":2210},{"type":156,"value":2228}," modifier. You can also set its width and color.",{"type":151,"tag":191,"props":2230,"children":2232},{"className":705,"code":2231,"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",[2233],{"type":151,"tag":174,"props":2234,"children":2235},{"__ignoreMap":139},[2236,2247,2270,2293,2316,2340],{"type":151,"tag":202,"props":2237,"children":2238},{"class":204,"line":205},[2239,2243],{"type":151,"tag":202,"props":2240,"children":2241},{"style":232},[2242],{"type":156,"value":719},{"type":151,"tag":202,"props":2244,"children":2245},{"style":242},[2246],{"type":156,"value":724},{"type":151,"tag":202,"props":2248,"children":2249},{"class":204,"line":238},[2250,2254,2258,2262,2266],{"type":151,"tag":202,"props":2251,"children":2252},{"style":730},[2253],{"type":156,"value":733},{"type":151,"tag":202,"props":2255,"children":2256},{"style":232},[2257],{"type":156,"value":738},{"type":151,"tag":202,"props":2259,"children":2260},{"style":232},[2261],{"type":156,"value":743},{"type":151,"tag":202,"props":2263,"children":2264},{"style":293},[2265],{"type":156,"value":1964},{"type":151,"tag":202,"props":2267,"children":2268},{"style":232},[2269],{"type":156,"value":752},{"type":151,"tag":202,"props":2271,"children":2272},{"class":204,"line":258},[2273,2277,2281,2285,2289],{"type":151,"tag":202,"props":2274,"children":2275},{"style":730},[2276],{"type":156,"value":760},{"type":151,"tag":202,"props":2278,"children":2279},{"style":232},[2280],{"type":156,"value":738},{"type":151,"tag":202,"props":2282,"children":2283},{"style":232},[2284],{"type":156,"value":743},{"type":151,"tag":202,"props":2286,"children":2287},{"style":293},[2288],{"type":156,"value":1988},{"type":151,"tag":202,"props":2290,"children":2291},{"style":232},[2292],{"type":156,"value":752},{"type":151,"tag":202,"props":2294,"children":2295},{"class":204,"line":275},[2296,2300,2304,2308,2312],{"type":151,"tag":202,"props":2297,"children":2298},{"style":730},[2299],{"type":156,"value":785},{"type":151,"tag":202,"props":2301,"children":2302},{"style":232},[2303],{"type":156,"value":738},{"type":151,"tag":202,"props":2305,"children":2306},{"style":232},[2307],{"type":156,"value":743},{"type":151,"tag":202,"props":2309,"children":2310},{"style":293},[2311],{"type":156,"value":2129},{"type":151,"tag":202,"props":2313,"children":2314},{"style":232},[2315],{"type":156,"value":752},{"type":151,"tag":202,"props":2317,"children":2318},{"class":204,"line":304},[2319,2323,2327,2331,2336],{"type":151,"tag":202,"props":2320,"children":2321},{"style":730},[2322],{"type":156,"value":835},{"type":151,"tag":202,"props":2324,"children":2325},{"style":232},[2326],{"type":156,"value":738},{"type":151,"tag":202,"props":2328,"children":2329},{"style":232},[2330],{"type":156,"value":743},{"type":151,"tag":202,"props":2332,"children":2333},{"style":293},[2334],{"type":156,"value":2335},"{border: '20_FF0000'}",{"type":151,"tag":202,"props":2337,"children":2338},{"style":232},[2339],{"type":156,"value":752},{"type":151,"tag":202,"props":2341,"children":2342},{"class":204,"line":313},[2343],{"type":151,"tag":202,"props":2344,"children":2345},{"style":232},[2346],{"type":156,"value":860},{"type":151,"tag":1014,"props":2348,"children":2349},{"id":581},[2350],{"type":151,"tag":174,"props":2351,"children":2353},{"className":2352},[],[2354],{"type":156,"value":581},{"type":151,"tag":152,"props":2356,"children":2357},{},[2358,2360,2365,2367,2373,2374,2379,2380,2386,2387,2393,2394,2400,2402,2407],{"type":156,"value":2359},"Use the ",{"type":151,"tag":174,"props":2361,"children":2363},{"className":2362},[],[2364],{"type":156,"value":581},{"type":156,"value":2366}," modifier to rotate your image. Possible values are - ",{"type":151,"tag":174,"props":2368,"children":2370},{"className":2369},[],[2371],{"type":156,"value":2372},"0",{"type":156,"value":1755},{"type":151,"tag":174,"props":2375,"children":2377},{"className":2376},[],[2378],{"type":156,"value":1441},{"type":156,"value":1755},{"type":151,"tag":174,"props":2381,"children":2383},{"className":2382},[],[2384],{"type":156,"value":2385},"180",{"type":156,"value":1755},{"type":151,"tag":174,"props":2388,"children":2390},{"className":2389},[],[2391],{"type":156,"value":2392},"270",{"type":156,"value":1755},{"type":151,"tag":174,"props":2395,"children":2397},{"className":2396},[],[2398],{"type":156,"value":2399},"360",{"type":156,"value":2401},", and ",{"type":151,"tag":174,"props":2403,"children":2405},{"className":2404},[],[2406],{"type":156,"value":1868},{"type":156,"value":467},{"type":151,"tag":191,"props":2409,"children":2411},{"className":705,"code":2410,"language":707,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{rotate: 90}\"\n/>\n",[2412],{"type":151,"tag":174,"props":2413,"children":2414},{"__ignoreMap":139},[2415,2426,2449,2472,2496],{"type":151,"tag":202,"props":2416,"children":2417},{"class":204,"line":205},[2418,2422],{"type":151,"tag":202,"props":2419,"children":2420},{"style":232},[2421],{"type":156,"value":719},{"type":151,"tag":202,"props":2423,"children":2424},{"style":242},[2425],{"type":156,"value":724},{"type":151,"tag":202,"props":2427,"children":2428},{"class":204,"line":238},[2429,2433,2437,2441,2445],{"type":151,"tag":202,"props":2430,"children":2431},{"style":730},[2432],{"type":156,"value":733},{"type":151,"tag":202,"props":2434,"children":2435},{"style":232},[2436],{"type":156,"value":738},{"type":151,"tag":202,"props":2438,"children":2439},{"style":232},[2440],{"type":156,"value":743},{"type":151,"tag":202,"props":2442,"children":2443},{"style":293},[2444],{"type":156,"value":1964},{"type":151,"tag":202,"props":2446,"children":2447},{"style":232},[2448],{"type":156,"value":752},{"type":151,"tag":202,"props":2450,"children":2451},{"class":204,"line":258},[2452,2456,2460,2464,2468],{"type":151,"tag":202,"props":2453,"children":2454},{"style":730},[2455],{"type":156,"value":760},{"type":151,"tag":202,"props":2457,"children":2458},{"style":232},[2459],{"type":156,"value":738},{"type":151,"tag":202,"props":2461,"children":2462},{"style":232},[2463],{"type":156,"value":743},{"type":151,"tag":202,"props":2465,"children":2466},{"style":293},[2467],{"type":156,"value":1988},{"type":151,"tag":202,"props":2469,"children":2470},{"style":232},[2471],{"type":156,"value":752},{"type":151,"tag":202,"props":2473,"children":2474},{"class":204,"line":275},[2475,2479,2483,2487,2492],{"type":151,"tag":202,"props":2476,"children":2477},{"style":730},[2478],{"type":156,"value":835},{"type":151,"tag":202,"props":2480,"children":2481},{"style":232},[2482],{"type":156,"value":738},{"type":151,"tag":202,"props":2484,"children":2485},{"style":232},[2486],{"type":156,"value":743},{"type":151,"tag":202,"props":2488,"children":2489},{"style":293},[2490],{"type":156,"value":2491},"{rotate: 90}",{"type":151,"tag":202,"props":2493,"children":2494},{"style":232},[2495],{"type":156,"value":752},{"type":151,"tag":202,"props":2497,"children":2498},{"class":204,"line":304},[2499],{"type":151,"tag":202,"props":2500,"children":2501},{"style":232},[2502],{"type":156,"value":860},{"type":151,"tag":1014,"props":2504,"children":2506},{"id":2505},"radius",[2507],{"type":151,"tag":174,"props":2508,"children":2510},{"className":2509},[],[2511],{"type":156,"value":2505},{"type":151,"tag":152,"props":2513,"children":2514},{},[2515,2517,2522,2524,2529],{"type":156,"value":2516},"Give rounded corners to your image using ",{"type":151,"tag":174,"props":2518,"children":2520},{"className":2519},[],[2521],{"type":156,"value":2505},{"type":156,"value":2523},". Possible values are - positive integers and ",{"type":151,"tag":174,"props":2525,"children":2527},{"className":2526},[],[2528],{"type":156,"value":1385},{"type":156,"value":467},{"type":151,"tag":191,"props":2531,"children":2533},{"className":705,"code":2532,"language":707,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{radius: 20}\"\n/>\n",[2534],{"type":151,"tag":174,"props":2535,"children":2536},{"__ignoreMap":139},[2537,2548,2571,2594,2618],{"type":151,"tag":202,"props":2538,"children":2539},{"class":204,"line":205},[2540,2544],{"type":151,"tag":202,"props":2541,"children":2542},{"style":232},[2543],{"type":156,"value":719},{"type":151,"tag":202,"props":2545,"children":2546},{"style":242},[2547],{"type":156,"value":724},{"type":151,"tag":202,"props":2549,"children":2550},{"class":204,"line":238},[2551,2555,2559,2563,2567],{"type":151,"tag":202,"props":2552,"children":2553},{"style":730},[2554],{"type":156,"value":733},{"type":151,"tag":202,"props":2556,"children":2557},{"style":232},[2558],{"type":156,"value":738},{"type":151,"tag":202,"props":2560,"children":2561},{"style":232},[2562],{"type":156,"value":743},{"type":151,"tag":202,"props":2564,"children":2565},{"style":293},[2566],{"type":156,"value":1964},{"type":151,"tag":202,"props":2568,"children":2569},{"style":232},[2570],{"type":156,"value":752},{"type":151,"tag":202,"props":2572,"children":2573},{"class":204,"line":258},[2574,2578,2582,2586,2590],{"type":151,"tag":202,"props":2575,"children":2576},{"style":730},[2577],{"type":156,"value":760},{"type":151,"tag":202,"props":2579,"children":2580},{"style":232},[2581],{"type":156,"value":738},{"type":151,"tag":202,"props":2583,"children":2584},{"style":232},[2585],{"type":156,"value":743},{"type":151,"tag":202,"props":2587,"children":2588},{"style":293},[2589],{"type":156,"value":1988},{"type":151,"tag":202,"props":2591,"children":2592},{"style":232},[2593],{"type":156,"value":752},{"type":151,"tag":202,"props":2595,"children":2596},{"class":204,"line":275},[2597,2601,2605,2609,2614],{"type":151,"tag":202,"props":2598,"children":2599},{"style":730},[2600],{"type":156,"value":835},{"type":151,"tag":202,"props":2602,"children":2603},{"style":232},[2604],{"type":156,"value":738},{"type":151,"tag":202,"props":2606,"children":2607},{"style":232},[2608],{"type":156,"value":743},{"type":151,"tag":202,"props":2610,"children":2611},{"style":293},[2612],{"type":156,"value":2613},"{radius: 20}",{"type":151,"tag":202,"props":2615,"children":2616},{"style":232},[2617],{"type":156,"value":752},{"type":151,"tag":202,"props":2619,"children":2620},{"class":204,"line":304},[2621],{"type":151,"tag":202,"props":2622,"children":2623},{"style":232},[2624],{"type":156,"value":860},{"type":151,"tag":1014,"props":2626,"children":2628},{"id":2627},"bg",[2629],{"type":151,"tag":174,"props":2630,"children":2632},{"className":2631},[],[2633],{"type":156,"value":2627},{"type":151,"tag":152,"props":2635,"children":2636},{},[2637,2639,2644],{"type":156,"value":2638},"Specify background color and its opacity for your image using the ",{"type":151,"tag":174,"props":2640,"children":2642},{"className":2641},[],[2643],{"type":156,"value":2627},{"type":156,"value":2045},{"type":151,"tag":191,"props":2646,"children":2648},{"className":705,"code":2647,"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",[2649],{"type":151,"tag":174,"props":2650,"children":2651},{"__ignoreMap":139},[2652,2663,2686,2709,2733,2756,2779,2803],{"type":151,"tag":202,"props":2653,"children":2654},{"class":204,"line":205},[2655,2659],{"type":151,"tag":202,"props":2656,"children":2657},{"style":232},[2658],{"type":156,"value":719},{"type":151,"tag":202,"props":2660,"children":2661},{"style":242},[2662],{"type":156,"value":724},{"type":151,"tag":202,"props":2664,"children":2665},{"class":204,"line":238},[2666,2670,2674,2678,2682],{"type":151,"tag":202,"props":2667,"children":2668},{"style":730},[2669],{"type":156,"value":733},{"type":151,"tag":202,"props":2671,"children":2672},{"style":232},[2673],{"type":156,"value":738},{"type":151,"tag":202,"props":2675,"children":2676},{"style":232},[2677],{"type":156,"value":743},{"type":151,"tag":202,"props":2679,"children":2680},{"style":293},[2681],{"type":156,"value":1964},{"type":151,"tag":202,"props":2683,"children":2684},{"style":232},[2685],{"type":156,"value":752},{"type":151,"tag":202,"props":2687,"children":2688},{"class":204,"line":258},[2689,2693,2697,2701,2705],{"type":151,"tag":202,"props":2690,"children":2691},{"style":730},[2692],{"type":156,"value":760},{"type":151,"tag":202,"props":2694,"children":2695},{"style":232},[2696],{"type":156,"value":738},{"type":151,"tag":202,"props":2698,"children":2699},{"style":232},[2700],{"type":156,"value":743},{"type":151,"tag":202,"props":2702,"children":2703},{"style":293},[2704],{"type":156,"value":1988},{"type":151,"tag":202,"props":2706,"children":2707},{"style":232},[2708],{"type":156,"value":752},{"type":151,"tag":202,"props":2710,"children":2711},{"class":204,"line":275},[2712,2716,2720,2724,2729],{"type":151,"tag":202,"props":2713,"children":2714},{"style":730},[2715],{"type":156,"value":810},{"type":151,"tag":202,"props":2717,"children":2718},{"style":232},[2719],{"type":156,"value":738},{"type":151,"tag":202,"props":2721,"children":2722},{"style":232},[2723],{"type":156,"value":743},{"type":151,"tag":202,"props":2725,"children":2726},{"style":293},[2727],{"type":156,"value":2728},"1200",{"type":151,"tag":202,"props":2730,"children":2731},{"style":232},[2732],{"type":156,"value":752},{"type":151,"tag":202,"props":2734,"children":2735},{"class":204,"line":304},[2736,2740,2744,2748,2752],{"type":151,"tag":202,"props":2737,"children":2738},{"style":730},[2739],{"type":156,"value":785},{"type":151,"tag":202,"props":2741,"children":2742},{"style":232},[2743],{"type":156,"value":738},{"type":151,"tag":202,"props":2745,"children":2746},{"style":232},[2747],{"type":156,"value":743},{"type":151,"tag":202,"props":2749,"children":2750},{"style":293},[2751],{"type":156,"value":2728},{"type":151,"tag":202,"props":2753,"children":2754},{"style":232},[2755],{"type":156,"value":752},{"type":151,"tag":202,"props":2757,"children":2758},{"class":204,"line":313},[2759,2763,2767,2771,2775],{"type":151,"tag":202,"props":2760,"children":2761},{"style":730},[2762],{"type":156,"value":1372},{"type":151,"tag":202,"props":2764,"children":2765},{"style":232},[2766],{"type":156,"value":738},{"type":151,"tag":202,"props":2768,"children":2769},{"style":232},[2770],{"type":156,"value":743},{"type":151,"tag":202,"props":2772,"children":2773},{"style":293},[2774],{"type":156,"value":1677},{"type":151,"tag":202,"props":2776,"children":2777},{"style":232},[2778],{"type":156,"value":752},{"type":151,"tag":202,"props":2780,"children":2781},{"class":204,"line":322},[2782,2786,2790,2794,2799],{"type":151,"tag":202,"props":2783,"children":2784},{"style":730},[2785],{"type":156,"value":835},{"type":151,"tag":202,"props":2787,"children":2788},{"style":232},[2789],{"type":156,"value":738},{"type":151,"tag":202,"props":2791,"children":2792},{"style":232},[2793],{"type":156,"value":743},{"type":151,"tag":202,"props":2795,"children":2796},{"style":293},[2797],{"type":156,"value":2798},"{bg: '272B38'}",{"type":151,"tag":202,"props":2800,"children":2801},{"style":232},[2802],{"type":156,"value":752},{"type":151,"tag":202,"props":2804,"children":2805},{"class":204,"line":1417},[2806],{"type":151,"tag":202,"props":2807,"children":2808},{"style":232},[2809],{"type":156,"value":860},{"type":151,"tag":659,"props":2811,"children":2812},{},[2813],{"type":151,"tag":152,"props":2814,"children":2815},{},[2816,2818,2825],{"type":156,"value":2817},"Read more about ImageKit crop, resize, and other common transformations ",{"type":151,"tag":159,"props":2819,"children":2822},{"href":2820,"rel":2821},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations",[163],[2823],{"type":156,"value":2824},"here",{"type":156,"value":467},{"type":151,"tag":335,"props":2827,"children":2829},{"id":2828},"overlay-transformation-modifiers",[2830],{"type":156,"value":2831},"Overlay Transformation Modifiers",{"type":151,"tag":152,"props":2833,"children":2834},{},[2835,2837,2844,2846,2852,2854,2861,2863,2868],{"type":156,"value":2836},"ImageKit's Nuxt Image integration enables you to apply overlays to ",{"type":151,"tag":159,"props":2838,"children":2841},{"href":2839,"rel":2840},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers.md",[163],[2842],{"type":156,"value":2843},"images",{"type":156,"value":2845}," using the ",{"type":151,"tag":174,"props":2847,"children":2849},{"className":2848},[],[2850],{"type":156,"value":2851},"raw",{"type":156,"value":2853}," parameter with the concept of ",{"type":151,"tag":159,"props":2855,"children":2858},{"href":2856,"rel":2857},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers.md#layers",[163],[2859],{"type":156,"value":2860},"layers",{"type":156,"value":2862},". The ",{"type":151,"tag":174,"props":2864,"children":2866},{"className":2865},[],[2867],{"type":156,"value":2851},{"type":156,"value":2869}," 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":2871,"children":2873},{"id":2872},"overlay-image",[2874],{"type":156,"value":2875},"Overlay Image",{"type":151,"tag":152,"props":2877,"children":2878},{},[2879],{"type":156,"value":2880},"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":2882,"children":2884},{"className":705,"code":2883,"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",[2885],{"type":151,"tag":174,"props":2886,"children":2887},{"__ignoreMap":139},[2888,2899,2922,2945,2968,2976,2985,3002,3018,3035,3048,3065,3091,3100,3109,3117,3125],{"type":151,"tag":202,"props":2889,"children":2890},{"class":204,"line":205},[2891,2895],{"type":151,"tag":202,"props":2892,"children":2893},{"style":232},[2894],{"type":156,"value":719},{"type":151,"tag":202,"props":2896,"children":2897},{"style":242},[2898],{"type":156,"value":724},{"type":151,"tag":202,"props":2900,"children":2901},{"class":204,"line":238},[2902,2906,2910,2914,2918],{"type":151,"tag":202,"props":2903,"children":2904},{"style":730},[2905],{"type":156,"value":733},{"type":151,"tag":202,"props":2907,"children":2908},{"style":232},[2909],{"type":156,"value":738},{"type":151,"tag":202,"props":2911,"children":2912},{"style":232},[2913],{"type":156,"value":743},{"type":151,"tag":202,"props":2915,"children":2916},{"style":293},[2917],{"type":156,"value":1964},{"type":151,"tag":202,"props":2919,"children":2920},{"style":232},[2921],{"type":156,"value":752},{"type":151,"tag":202,"props":2923,"children":2924},{"class":204,"line":258},[2925,2929,2933,2937,2941],{"type":151,"tag":202,"props":2926,"children":2927},{"style":730},[2928],{"type":156,"value":760},{"type":151,"tag":202,"props":2930,"children":2931},{"style":232},[2932],{"type":156,"value":738},{"type":151,"tag":202,"props":2934,"children":2935},{"style":232},[2936],{"type":156,"value":743},{"type":151,"tag":202,"props":2938,"children":2939},{"style":293},[2940],{"type":156,"value":1988},{"type":151,"tag":202,"props":2942,"children":2943},{"style":232},[2944],{"type":156,"value":752},{"type":151,"tag":202,"props":2946,"children":2947},{"class":204,"line":275},[2948,2952,2956,2960,2964],{"type":151,"tag":202,"props":2949,"children":2950},{"style":730},[2951],{"type":156,"value":835},{"type":151,"tag":202,"props":2953,"children":2954},{"style":232},[2955],{"type":156,"value":738},{"type":151,"tag":202,"props":2957,"children":2958},{"style":232},[2959],{"type":156,"value":743},{"type":151,"tag":202,"props":2961,"children":2962},{"style":293},[2963],{"type":156,"value":499},{"type":151,"tag":202,"props":2965,"children":2966},{"style":232},[2967],{"type":156,"value":752},{"type":151,"tag":202,"props":2969,"children":2970},{"class":204,"line":304},[2971],{"type":151,"tag":202,"props":2972,"children":2973},{"style":232},[2974],{"type":156,"value":2975},"  />\n",{"type":151,"tag":202,"props":2977,"children":2978},{"class":204,"line":313},[2979],{"type":151,"tag":202,"props":2980,"children":2982},{"emptyLinePlaceholder":2981},true,[2983],{"type":156,"value":2984},"\n",{"type":151,"tag":202,"props":2986,"children":2987},{"class":204,"line":322},[2988,2992,2997],{"type":151,"tag":202,"props":2989,"children":2990},{"style":232},[2991],{"type":156,"value":719},{"type":151,"tag":202,"props":2993,"children":2994},{"style":242},[2995],{"type":156,"value":2996},"script",{"type":151,"tag":202,"props":2998,"children":2999},{"style":232},[3000],{"type":156,"value":3001},">\n",{"type":151,"tag":202,"props":3003,"children":3004},{"class":204,"line":1417},[3005,3010,3014],{"type":151,"tag":202,"props":3006,"children":3007},{"style":209},[3008],{"type":156,"value":3009},"  export",{"type":151,"tag":202,"props":3011,"children":3012},{"style":209},[3013],{"type":156,"value":217},{"type":151,"tag":202,"props":3015,"children":3016},{"style":232},[3017],{"type":156,"value":255},{"type":151,"tag":202,"props":3019,"children":3020},{"class":204,"line":1448},[3021,3026,3031],{"type":151,"tag":202,"props":3022,"children":3023},{"style":242},[3024],{"type":156,"value":3025},"    data",{"type":151,"tag":202,"props":3027,"children":3028},{"style":232},[3029],{"type":156,"value":3030},"()",{"type":151,"tag":202,"props":3032,"children":3033},{"style":232},[3034],{"type":156,"value":255},{"type":151,"tag":202,"props":3036,"children":3038},{"class":204,"line":3037},10,[3039,3044],{"type":151,"tag":202,"props":3040,"children":3041},{"style":209},[3042],{"type":156,"value":3043},"      return",{"type":151,"tag":202,"props":3045,"children":3046},{"style":232},[3047],{"type":156,"value":255},{"type":151,"tag":202,"props":3049,"children":3051},{"class":204,"line":3050},11,[3052,3057,3061],{"type":151,"tag":202,"props":3053,"children":3054},{"style":242},[3055],{"type":156,"value":3056},"        modifiers",{"type":151,"tag":202,"props":3058,"children":3059},{"style":232},[3060],{"type":156,"value":250},{"type":151,"tag":202,"props":3062,"children":3063},{"style":232},[3064],{"type":156,"value":255},{"type":151,"tag":202,"props":3066,"children":3068},{"class":204,"line":3067},12,[3069,3074,3078,3082,3087],{"type":151,"tag":202,"props":3070,"children":3071},{"style":242},[3072],{"type":156,"value":3073},"          raw",{"type":151,"tag":202,"props":3075,"children":3076},{"style":232},[3077],{"type":156,"value":250},{"type":151,"tag":202,"props":3079,"children":3080},{"style":232},[3081],{"type":156,"value":290},{"type":151,"tag":202,"props":3083,"children":3084},{"style":293},[3085],{"type":156,"value":3086},"l-image,i-default-image.jpg,w-300,h-200,b-5_FFFFFF,fo-top_left,l-end",{"type":151,"tag":202,"props":3088,"children":3089},{"style":232},[3090],{"type":156,"value":301},{"type":151,"tag":202,"props":3092,"children":3094},{"class":204,"line":3093},13,[3095],{"type":151,"tag":202,"props":3096,"children":3097},{"style":232},[3098],{"type":156,"value":3099},"        }\n",{"type":151,"tag":202,"props":3101,"children":3103},{"class":204,"line":3102},14,[3104],{"type":151,"tag":202,"props":3105,"children":3106},{"style":232},[3107],{"type":156,"value":3108},"      }\n",{"type":151,"tag":202,"props":3110,"children":3112},{"class":204,"line":3111},15,[3113],{"type":151,"tag":202,"props":3114,"children":3115},{"style":232},[3116],{"type":156,"value":310},{"type":151,"tag":202,"props":3118,"children":3120},{"class":204,"line":3119},16,[3121],{"type":151,"tag":202,"props":3122,"children":3123},{"style":232},[3124],{"type":156,"value":319},{"type":151,"tag":202,"props":3126,"children":3128},{"class":204,"line":3127},17,[3129,3134,3138],{"type":151,"tag":202,"props":3130,"children":3131},{"style":232},[3132],{"type":156,"value":3133},"\u003C/",{"type":151,"tag":202,"props":3135,"children":3136},{"style":242},[3137],{"type":156,"value":2996},{"type":151,"tag":202,"props":3139,"children":3140},{"style":232},[3141],{"type":156,"value":3001},{"type":151,"tag":1014,"props":3143,"children":3145},{"id":3144},"overlay-text",[3146],{"type":156,"value":3147},"Overlay Text",{"type":151,"tag":152,"props":3149,"children":3150},{},[3151],{"type":156,"value":3152},"You can overlay text on an image and apply various transformations to it as per your needs.",{"type":151,"tag":191,"props":3154,"children":3156},{"className":705,"code":3155,"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",[3157],{"type":151,"tag":174,"props":3158,"children":3159},{"__ignoreMap":139},[3160,3171,3194,3217,3240,3247,3254,3269,3284,3299,3310,3325,3349,3356,3363,3370,3377],{"type":151,"tag":202,"props":3161,"children":3162},{"class":204,"line":205},[3163,3167],{"type":151,"tag":202,"props":3164,"children":3165},{"style":232},[3166],{"type":156,"value":719},{"type":151,"tag":202,"props":3168,"children":3169},{"style":242},[3170],{"type":156,"value":724},{"type":151,"tag":202,"props":3172,"children":3173},{"class":204,"line":238},[3174,3178,3182,3186,3190],{"type":151,"tag":202,"props":3175,"children":3176},{"style":730},[3177],{"type":156,"value":733},{"type":151,"tag":202,"props":3179,"children":3180},{"style":232},[3181],{"type":156,"value":738},{"type":151,"tag":202,"props":3183,"children":3184},{"style":232},[3185],{"type":156,"value":743},{"type":151,"tag":202,"props":3187,"children":3188},{"style":293},[3189],{"type":156,"value":1964},{"type":151,"tag":202,"props":3191,"children":3192},{"style":232},[3193],{"type":156,"value":752},{"type":151,"tag":202,"props":3195,"children":3196},{"class":204,"line":258},[3197,3201,3205,3209,3213],{"type":151,"tag":202,"props":3198,"children":3199},{"style":730},[3200],{"type":156,"value":760},{"type":151,"tag":202,"props":3202,"children":3203},{"style":232},[3204],{"type":156,"value":738},{"type":151,"tag":202,"props":3206,"children":3207},{"style":232},[3208],{"type":156,"value":743},{"type":151,"tag":202,"props":3210,"children":3211},{"style":293},[3212],{"type":156,"value":1988},{"type":151,"tag":202,"props":3214,"children":3215},{"style":232},[3216],{"type":156,"value":752},{"type":151,"tag":202,"props":3218,"children":3219},{"class":204,"line":275},[3220,3224,3228,3232,3236],{"type":151,"tag":202,"props":3221,"children":3222},{"style":730},[3223],{"type":156,"value":835},{"type":151,"tag":202,"props":3225,"children":3226},{"style":232},[3227],{"type":156,"value":738},{"type":151,"tag":202,"props":3229,"children":3230},{"style":232},[3231],{"type":156,"value":743},{"type":151,"tag":202,"props":3233,"children":3234},{"style":293},[3235],{"type":156,"value":499},{"type":151,"tag":202,"props":3237,"children":3238},{"style":232},[3239],{"type":156,"value":752},{"type":151,"tag":202,"props":3241,"children":3242},{"class":204,"line":304},[3243],{"type":151,"tag":202,"props":3244,"children":3245},{"style":232},[3246],{"type":156,"value":860},{"type":151,"tag":202,"props":3248,"children":3249},{"class":204,"line":313},[3250],{"type":151,"tag":202,"props":3251,"children":3252},{"emptyLinePlaceholder":2981},[3253],{"type":156,"value":2984},{"type":151,"tag":202,"props":3255,"children":3256},{"class":204,"line":322},[3257,3261,3265],{"type":151,"tag":202,"props":3258,"children":3259},{"style":232},[3260],{"type":156,"value":719},{"type":151,"tag":202,"props":3262,"children":3263},{"style":242},[3264],{"type":156,"value":2996},{"type":151,"tag":202,"props":3266,"children":3267},{"style":232},[3268],{"type":156,"value":3001},{"type":151,"tag":202,"props":3270,"children":3271},{"class":204,"line":1417},[3272,3276,3280],{"type":151,"tag":202,"props":3273,"children":3274},{"style":209},[3275],{"type":156,"value":3009},{"type":151,"tag":202,"props":3277,"children":3278},{"style":209},[3279],{"type":156,"value":217},{"type":151,"tag":202,"props":3281,"children":3282},{"style":232},[3283],{"type":156,"value":255},{"type":151,"tag":202,"props":3285,"children":3286},{"class":204,"line":1448},[3287,3291,3295],{"type":151,"tag":202,"props":3288,"children":3289},{"style":242},[3290],{"type":156,"value":3025},{"type":151,"tag":202,"props":3292,"children":3293},{"style":232},[3294],{"type":156,"value":3030},{"type":151,"tag":202,"props":3296,"children":3297},{"style":232},[3298],{"type":156,"value":255},{"type":151,"tag":202,"props":3300,"children":3301},{"class":204,"line":3037},[3302,3306],{"type":151,"tag":202,"props":3303,"children":3304},{"style":209},[3305],{"type":156,"value":3043},{"type":151,"tag":202,"props":3307,"children":3308},{"style":232},[3309],{"type":156,"value":255},{"type":151,"tag":202,"props":3311,"children":3312},{"class":204,"line":3050},[3313,3317,3321],{"type":151,"tag":202,"props":3314,"children":3315},{"style":242},[3316],{"type":156,"value":3056},{"type":151,"tag":202,"props":3318,"children":3319},{"style":232},[3320],{"type":156,"value":250},{"type":151,"tag":202,"props":3322,"children":3323},{"style":232},[3324],{"type":156,"value":255},{"type":151,"tag":202,"props":3326,"children":3327},{"class":204,"line":3067},[3328,3332,3336,3340,3345],{"type":151,"tag":202,"props":3329,"children":3330},{"style":242},[3331],{"type":156,"value":3073},{"type":151,"tag":202,"props":3333,"children":3334},{"style":232},[3335],{"type":156,"value":250},{"type":151,"tag":202,"props":3337,"children":3338},{"style":232},[3339],{"type":156,"value":290},{"type":151,"tag":202,"props":3341,"children":3342},{"style":293},[3343],{"type":156,"value":3344},"l-text,i-overlay made easy,fs-45,co-000000,bg-FFFFFF80,r-30,pa-40,l-end",{"type":151,"tag":202,"props":3346,"children":3347},{"style":232},[3348],{"type":156,"value":301},{"type":151,"tag":202,"props":3350,"children":3351},{"class":204,"line":3093},[3352],{"type":151,"tag":202,"props":3353,"children":3354},{"style":232},[3355],{"type":156,"value":3099},{"type":151,"tag":202,"props":3357,"children":3358},{"class":204,"line":3102},[3359],{"type":151,"tag":202,"props":3360,"children":3361},{"style":232},[3362],{"type":156,"value":3108},{"type":151,"tag":202,"props":3364,"children":3365},{"class":204,"line":3111},[3366],{"type":151,"tag":202,"props":3367,"children":3368},{"style":232},[3369],{"type":156,"value":310},{"type":151,"tag":202,"props":3371,"children":3372},{"class":204,"line":3119},[3373],{"type":151,"tag":202,"props":3374,"children":3375},{"style":232},[3376],{"type":156,"value":319},{"type":151,"tag":202,"props":3378,"children":3379},{"class":204,"line":3127},[3380,3384,3388],{"type":151,"tag":202,"props":3381,"children":3382},{"style":232},[3383],{"type":156,"value":3133},{"type":151,"tag":202,"props":3385,"children":3386},{"style":242},[3387],{"type":156,"value":2996},{"type":151,"tag":202,"props":3389,"children":3390},{"style":232},[3391],{"type":156,"value":3001},{"type":151,"tag":152,"props":3393,"children":3394},{},[3395,3397,3403],{"type":156,"value":3396},"Read more about ImageKit's overlay using layers ",{"type":151,"tag":159,"props":3398,"children":3401},{"href":3399,"rel":3400},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers",[163],[3402],{"type":156,"value":2824},{"type":156,"value":467},{"type":151,"tag":335,"props":3405,"children":3407},{"id":3406},"image-enhancement-modifiers",[3408],{"type":156,"value":3409},"Image Enhancement Modifiers",{"type":151,"tag":1014,"props":3411,"children":3413},{"id":3412},"effectcontrast",[3414],{"type":151,"tag":174,"props":3415,"children":3417},{"className":3416},[],[3418],{"type":156,"value":3419},"effectContrast",{"type":151,"tag":152,"props":3421,"children":3422},{},[3423,3425,3430],{"type":156,"value":3424},"Enhance contrast of an image using the ",{"type":151,"tag":174,"props":3426,"children":3428},{"className":3427},[],[3429],{"type":156,"value":3419},{"type":156,"value":2045},{"type":151,"tag":191,"props":3432,"children":3434},{"className":705,"code":3433,"language":707,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectContrast: true}\"\n/>\n",[3435],{"type":151,"tag":174,"props":3436,"children":3437},{"__ignoreMap":139},[3438,3449,3472,3495,3518,3542],{"type":151,"tag":202,"props":3439,"children":3440},{"class":204,"line":205},[3441,3445],{"type":151,"tag":202,"props":3442,"children":3443},{"style":232},[3444],{"type":156,"value":719},{"type":151,"tag":202,"props":3446,"children":3447},{"style":242},[3448],{"type":156,"value":724},{"type":151,"tag":202,"props":3450,"children":3451},{"class":204,"line":238},[3452,3456,3460,3464,3468],{"type":151,"tag":202,"props":3453,"children":3454},{"style":730},[3455],{"type":156,"value":733},{"type":151,"tag":202,"props":3457,"children":3458},{"style":232},[3459],{"type":156,"value":738},{"type":151,"tag":202,"props":3461,"children":3462},{"style":232},[3463],{"type":156,"value":743},{"type":151,"tag":202,"props":3465,"children":3466},{"style":293},[3467],{"type":156,"value":1964},{"type":151,"tag":202,"props":3469,"children":3470},{"style":232},[3471],{"type":156,"value":752},{"type":151,"tag":202,"props":3473,"children":3474},{"class":204,"line":258},[3475,3479,3483,3487,3491],{"type":151,"tag":202,"props":3476,"children":3477},{"style":730},[3478],{"type":156,"value":760},{"type":151,"tag":202,"props":3480,"children":3481},{"style":232},[3482],{"type":156,"value":738},{"type":151,"tag":202,"props":3484,"children":3485},{"style":232},[3486],{"type":156,"value":743},{"type":151,"tag":202,"props":3488,"children":3489},{"style":293},[3490],{"type":156,"value":1988},{"type":151,"tag":202,"props":3492,"children":3493},{"style":232},[3494],{"type":156,"value":752},{"type":151,"tag":202,"props":3496,"children":3497},{"class":204,"line":275},[3498,3502,3506,3510,3514],{"type":151,"tag":202,"props":3499,"children":3500},{"style":730},[3501],{"type":156,"value":810},{"type":151,"tag":202,"props":3503,"children":3504},{"style":232},[3505],{"type":156,"value":738},{"type":151,"tag":202,"props":3507,"children":3508},{"style":232},[3509],{"type":156,"value":743},{"type":151,"tag":202,"props":3511,"children":3512},{"style":293},[3513],{"type":156,"value":2129},{"type":151,"tag":202,"props":3515,"children":3516},{"style":232},[3517],{"type":156,"value":752},{"type":151,"tag":202,"props":3519,"children":3520},{"class":204,"line":304},[3521,3525,3529,3533,3538],{"type":151,"tag":202,"props":3522,"children":3523},{"style":730},[3524],{"type":156,"value":835},{"type":151,"tag":202,"props":3526,"children":3527},{"style":232},[3528],{"type":156,"value":738},{"type":151,"tag":202,"props":3530,"children":3531},{"style":232},[3532],{"type":156,"value":743},{"type":151,"tag":202,"props":3534,"children":3535},{"style":293},[3536],{"type":156,"value":3537},"{effectContrast: true}",{"type":151,"tag":202,"props":3539,"children":3540},{"style":232},[3541],{"type":156,"value":752},{"type":151,"tag":202,"props":3543,"children":3544},{"class":204,"line":313},[3545],{"type":151,"tag":202,"props":3546,"children":3547},{"style":232},[3548],{"type":156,"value":860},{"type":151,"tag":1014,"props":3550,"children":3552},{"id":3551},"effectsharpen",[3553],{"type":151,"tag":174,"props":3554,"children":3556},{"className":3555},[],[3557],{"type":156,"value":3558},"effectSharpen",{"type":151,"tag":152,"props":3560,"children":3561},{},[3562,3564,3569],{"type":156,"value":3563},"Sharpen the input image using the ",{"type":151,"tag":174,"props":3565,"children":3567},{"className":3566},[],[3568],{"type":156,"value":3558},{"type":156,"value":2045},{"type":151,"tag":191,"props":3571,"children":3573},{"className":705,"code":3572,"language":707,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectSharpen: 10}\"\n/>\n",[3574],{"type":151,"tag":174,"props":3575,"children":3576},{"__ignoreMap":139},[3577,3588,3611,3634,3657,3681],{"type":151,"tag":202,"props":3578,"children":3579},{"class":204,"line":205},[3580,3584],{"type":151,"tag":202,"props":3581,"children":3582},{"style":232},[3583],{"type":156,"value":719},{"type":151,"tag":202,"props":3585,"children":3586},{"style":242},[3587],{"type":156,"value":724},{"type":151,"tag":202,"props":3589,"children":3590},{"class":204,"line":238},[3591,3595,3599,3603,3607],{"type":151,"tag":202,"props":3592,"children":3593},{"style":730},[3594],{"type":156,"value":733},{"type":151,"tag":202,"props":3596,"children":3597},{"style":232},[3598],{"type":156,"value":738},{"type":151,"tag":202,"props":3600,"children":3601},{"style":232},[3602],{"type":156,"value":743},{"type":151,"tag":202,"props":3604,"children":3605},{"style":293},[3606],{"type":156,"value":1964},{"type":151,"tag":202,"props":3608,"children":3609},{"style":232},[3610],{"type":156,"value":752},{"type":151,"tag":202,"props":3612,"children":3613},{"class":204,"line":258},[3614,3618,3622,3626,3630],{"type":151,"tag":202,"props":3615,"children":3616},{"style":730},[3617],{"type":156,"value":760},{"type":151,"tag":202,"props":3619,"children":3620},{"style":232},[3621],{"type":156,"value":738},{"type":151,"tag":202,"props":3623,"children":3624},{"style":232},[3625],{"type":156,"value":743},{"type":151,"tag":202,"props":3627,"children":3628},{"style":293},[3629],{"type":156,"value":1988},{"type":151,"tag":202,"props":3631,"children":3632},{"style":232},[3633],{"type":156,"value":752},{"type":151,"tag":202,"props":3635,"children":3636},{"class":204,"line":275},[3637,3641,3645,3649,3653],{"type":151,"tag":202,"props":3638,"children":3639},{"style":730},[3640],{"type":156,"value":810},{"type":151,"tag":202,"props":3642,"children":3643},{"style":232},[3644],{"type":156,"value":738},{"type":151,"tag":202,"props":3646,"children":3647},{"style":232},[3648],{"type":156,"value":743},{"type":151,"tag":202,"props":3650,"children":3651},{"style":293},[3652],{"type":156,"value":2129},{"type":151,"tag":202,"props":3654,"children":3655},{"style":232},[3656],{"type":156,"value":752},{"type":151,"tag":202,"props":3658,"children":3659},{"class":204,"line":304},[3660,3664,3668,3672,3677],{"type":151,"tag":202,"props":3661,"children":3662},{"style":730},[3663],{"type":156,"value":835},{"type":151,"tag":202,"props":3665,"children":3666},{"style":232},[3667],{"type":156,"value":738},{"type":151,"tag":202,"props":3669,"children":3670},{"style":232},[3671],{"type":156,"value":743},{"type":151,"tag":202,"props":3673,"children":3674},{"style":293},[3675],{"type":156,"value":3676},"{effectSharpen: 10}",{"type":151,"tag":202,"props":3678,"children":3679},{"style":232},[3680],{"type":156,"value":752},{"type":151,"tag":202,"props":3682,"children":3683},{"class":204,"line":313},[3684],{"type":151,"tag":202,"props":3685,"children":3686},{"style":232},[3687],{"type":156,"value":860},{"type":151,"tag":335,"props":3689,"children":3691},{"id":3690},"list-of-supported-transforms",[3692],{"type":156,"value":3693},"List of supported transforms",{"type":151,"tag":152,"props":3695,"children":3696},{},[3697],{"type":156,"value":3698},"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":3700},"\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":3702,"props":3703,"children":3704},"table",{},[3705,3724],{"type":151,"tag":3706,"props":3707,"children":3708},"thead",{},[3709],{"type":151,"tag":3710,"props":3711,"children":3712},"tr",{},[3713,3719],{"type":151,"tag":3714,"props":3715,"children":3716},"th",{},[3717],{"type":156,"value":3718},"Supported Parameter Name",{"type":151,"tag":3714,"props":3720,"children":3721},{},[3722],{"type":156,"value":3723},"Translates to Parameter",{"type":151,"tag":3725,"props":3726,"children":3727},"tbody",{},[3728,3740,3753,3765,3777,3789,3801,3813,3825,3837,3849,3861,3874,3886,3897,3909,3921,3933,3945,3958,3971,3984,3995,4008,4021,4033,4045,4058,4070,4082],{"type":151,"tag":3710,"props":3729,"children":3730},{},[3731,3736],{"type":151,"tag":3732,"props":3733,"children":3734},"td",{},[3735],{"type":156,"value":2627},{"type":151,"tag":3732,"props":3737,"children":3738},{},[3739],{"type":156,"value":2627},{"type":151,"tag":3710,"props":3741,"children":3742},{},[3743,3748],{"type":151,"tag":3732,"props":3744,"children":3745},{},[3746],{"type":156,"value":3747},"aspectRatio",{"type":151,"tag":3732,"props":3749,"children":3750},{},[3751],{"type":156,"value":3752},"ar",{"type":151,"tag":3710,"props":3754,"children":3755},{},[3756,3761],{"type":151,"tag":3732,"props":3757,"children":3758},{},[3759],{"type":156,"value":3760},"x",{"type":151,"tag":3732,"props":3762,"children":3763},{},[3764],{"type":156,"value":3760},{"type":151,"tag":3710,"props":3766,"children":3767},{},[3768,3773],{"type":151,"tag":3732,"props":3769,"children":3770},{},[3771],{"type":156,"value":3772},"y",{"type":151,"tag":3732,"props":3774,"children":3775},{},[3776],{"type":156,"value":3772},{"type":151,"tag":3710,"props":3778,"children":3779},{},[3780,3785],{"type":151,"tag":3732,"props":3781,"children":3782},{},[3783],{"type":156,"value":3784},"xc",{"type":151,"tag":3732,"props":3786,"children":3787},{},[3788],{"type":156,"value":3784},{"type":151,"tag":3710,"props":3790,"children":3791},{},[3792,3797],{"type":151,"tag":3732,"props":3793,"children":3794},{},[3795],{"type":156,"value":3796},"yc",{"type":151,"tag":3732,"props":3798,"children":3799},{},[3800],{"type":156,"value":3796},{"type":151,"tag":3710,"props":3802,"children":3803},{},[3804,3809],{"type":151,"tag":3732,"props":3805,"children":3806},{},[3807],{"type":156,"value":3808},"oix",{"type":151,"tag":3732,"props":3810,"children":3811},{},[3812],{"type":156,"value":3808},{"type":151,"tag":3710,"props":3814,"children":3815},{},[3816,3821],{"type":151,"tag":3732,"props":3817,"children":3818},{},[3819],{"type":156,"value":3820},"oiy",{"type":151,"tag":3732,"props":3822,"children":3823},{},[3824],{"type":156,"value":3820},{"type":151,"tag":3710,"props":3826,"children":3827},{},[3828,3833],{"type":151,"tag":3732,"props":3829,"children":3830},{},[3831],{"type":156,"value":3832},"oixc",{"type":151,"tag":3732,"props":3834,"children":3835},{},[3836],{"type":156,"value":3832},{"type":151,"tag":3710,"props":3838,"children":3839},{},[3840,3845],{"type":151,"tag":3732,"props":3841,"children":3842},{},[3843],{"type":156,"value":3844},"oiyc",{"type":151,"tag":3732,"props":3846,"children":3847},{},[3848],{"type":156,"value":3844},{"type":151,"tag":3710,"props":3850,"children":3851},{},[3852,3856],{"type":151,"tag":3732,"props":3853,"children":3854},{},[3855],{"type":156,"value":615},{"type":151,"tag":3732,"props":3857,"children":3858},{},[3859],{"type":156,"value":3860},"c",{"type":151,"tag":3710,"props":3862,"children":3863},{},[3864,3869],{"type":151,"tag":3732,"props":3865,"children":3866},{},[3867],{"type":156,"value":3868},"cropMode",{"type":151,"tag":3732,"props":3870,"children":3871},{},[3872],{"type":156,"value":3873},"cm",{"type":151,"tag":3710,"props":3875,"children":3876},{},[3877,3881],{"type":151,"tag":3732,"props":3878,"children":3879},{},[3880],{"type":156,"value":1736},{"type":151,"tag":3732,"props":3882,"children":3883},{},[3884],{"type":156,"value":3885},"fo",{"type":151,"tag":3710,"props":3887,"children":3888},{},[3889,3893],{"type":151,"tag":3732,"props":3890,"children":3891},{},[3892],{"type":156,"value":2505},{"type":151,"tag":3732,"props":3894,"children":3895},{},[3896],{"type":156,"value":588},{"type":151,"tag":3710,"props":3898,"children":3899},{},[3900,3904],{"type":151,"tag":3732,"props":3901,"children":3902},{},[3903],{"type":156,"value":2210},{"type":151,"tag":3732,"props":3905,"children":3906},{},[3907],{"type":156,"value":3908},"b",{"type":151,"tag":3710,"props":3910,"children":3911},{},[3912,3916],{"type":151,"tag":3732,"props":3913,"children":3914},{},[3915],{"type":156,"value":581},{"type":151,"tag":3732,"props":3917,"children":3918},{},[3919],{"type":156,"value":3920},"rt",{"type":151,"tag":3710,"props":3922,"children":3923},{},[3924,3928],{"type":151,"tag":3732,"props":3925,"children":3926},{},[3927],{"type":156,"value":1894},{"type":151,"tag":3732,"props":3929,"children":3930},{},[3931],{"type":156,"value":3932},"bl",{"type":151,"tag":3710,"props":3934,"children":3935},{},[3936,3940],{"type":151,"tag":3732,"props":3937,"children":3938},{},[3939],{"type":156,"value":2167},{"type":151,"tag":3732,"props":3941,"children":3942},{},[3943],{"type":156,"value":3944},"n",{"type":151,"tag":3710,"props":3946,"children":3947},{},[3948,3953],{"type":151,"tag":3732,"props":3949,"children":3950},{},[3951],{"type":156,"value":3952},"progressive",{"type":151,"tag":3732,"props":3954,"children":3955},{},[3956],{"type":156,"value":3957},"pr",{"type":151,"tag":3710,"props":3959,"children":3960},{},[3961,3966],{"type":151,"tag":3732,"props":3962,"children":3963},{},[3964],{"type":156,"value":3965},"lossless",{"type":151,"tag":3732,"props":3967,"children":3968},{},[3969],{"type":156,"value":3970},"lo",{"type":151,"tag":3710,"props":3972,"children":3973},{},[3974,3979],{"type":151,"tag":3732,"props":3975,"children":3976},{},[3977],{"type":156,"value":3978},"trim",{"type":151,"tag":3732,"props":3980,"children":3981},{},[3982],{"type":156,"value":3983},"t",{"type":151,"tag":3710,"props":3985,"children":3986},{},[3987,3991],{"type":151,"tag":3732,"props":3988,"children":3989},{},[3990],{"type":156,"value":649},{"type":151,"tag":3732,"props":3992,"children":3993},{},[3994],{"type":156,"value":1076},{"type":151,"tag":3710,"props":3996,"children":3997},{},[3998,4003],{"type":151,"tag":3732,"props":3999,"children":4000},{},[4001],{"type":156,"value":4002},"colorProfile",{"type":151,"tag":3732,"props":4004,"children":4005},{},[4006],{"type":156,"value":4007},"cp",{"type":151,"tag":3710,"props":4009,"children":4010},{},[4011,4016],{"type":151,"tag":3732,"props":4012,"children":4013},{},[4014],{"type":156,"value":4015},"defaultImage",{"type":151,"tag":3732,"props":4017,"children":4018},{},[4019],{"type":156,"value":4020},"di",{"type":151,"tag":3710,"props":4022,"children":4023},{},[4024,4029],{"type":151,"tag":3732,"props":4025,"children":4026},{},[4027],{"type":156,"value":4028},"dpr",{"type":151,"tag":3732,"props":4030,"children":4031},{},[4032],{"type":156,"value":4028},{"type":151,"tag":3710,"props":4034,"children":4035},{},[4036,4040],{"type":151,"tag":3732,"props":4037,"children":4038},{},[4039],{"type":156,"value":3558},{"type":151,"tag":3732,"props":4041,"children":4042},{},[4043],{"type":156,"value":4044},"e-sharpen",{"type":151,"tag":3710,"props":4046,"children":4047},{},[4048,4053],{"type":151,"tag":3732,"props":4049,"children":4050},{},[4051],{"type":156,"value":4052},"effectUSM",{"type":151,"tag":3732,"props":4054,"children":4055},{},[4056],{"type":156,"value":4057},"e-usm",{"type":151,"tag":3710,"props":4059,"children":4060},{},[4061,4065],{"type":151,"tag":3732,"props":4062,"children":4063},{},[4064],{"type":156,"value":3419},{"type":151,"tag":3732,"props":4066,"children":4067},{},[4068],{"type":156,"value":4069},"e-contrast",{"type":151,"tag":3710,"props":4071,"children":4072},{},[4073,4077],{"type":151,"tag":3732,"props":4074,"children":4075},{},[4076],{"type":156,"value":2033},{"type":151,"tag":3732,"props":4078,"children":4079},{},[4080],{"type":156,"value":4081},"e-grayscale",{"type":151,"tag":3710,"props":4083,"children":4084},{},[4085,4090],{"type":151,"tag":3732,"props":4086,"children":4087},{},[4088],{"type":156,"value":4089},"original",{"type":151,"tag":3732,"props":4091,"children":4092},{},[4093],{"type":156,"value":4094},"orig",{"type":151,"tag":659,"props":4096,"children":4097},{},[4098],{"type":151,"tag":152,"props":4099,"children":4100},{},[4101,4103,4110],{"type":156,"value":4102},"Learn more about ",{"type":151,"tag":159,"props":4104,"children":4107},{"href":4105,"rel":4106},"https://docs.imagekit.io/features/image-transformations",[163],[4108],{"type":156,"value":4109},"ImageKit's Image transformations",{"type":156,"value":4111}," from the official documentation.",{"type":151,"tag":1058,"props":4113,"children":4114},{},[4115],{"type":156,"value":1062},{"title":139,"searchDepth":238,"depth":238,"links":4117},[4118,4120,4130,4134,4138],{"id":1622,"depth":238,"text":4119},"ImageKit fit Parameters",{"id":1710,"depth":238,"text":1713,"children":4121},[4122,4123,4124,4125,4126,4127,4128,4129],{"id":1736,"depth":258,"text":1736},{"id":1894,"depth":258,"text":1894},{"id":2026,"depth":258,"text":2033},{"id":2167,"depth":258,"text":2167},{"id":2210,"depth":258,"text":2210},{"id":581,"depth":258,"text":581},{"id":2505,"depth":258,"text":2505},{"id":2627,"depth":258,"text":2627},{"id":2828,"depth":238,"text":2831,"children":4131},[4132,4133],{"id":2872,"depth":258,"text":2875},{"id":3144,"depth":258,"text":3147},{"id":3406,"depth":238,"text":3409,"children":4135},[4136,4137],{"id":3412,"depth":258,"text":3419},{"id":3551,"depth":258,"text":3558},{"id":3690,"depth":238,"text":3693},"content:3.providers:imagekit.md","3.providers/imagekit.md",1713782163500]