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