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