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