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