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