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