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