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