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