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