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