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