[{"data":1,"prerenderedAt":1989},["ShallowReactive",2],{"navigation":3,"docs-/providers/hygraph":139,"docs-/providers/hygraph-surround":588},[4,20,33,129],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123,126],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Filerobot","/providers/filerobot",{"title":73,"_path":74},"Glide","/providers/glide",{"title":76,"_path":77},"Gumlet","/providers/gumlet",{"title":79,"_path":80},"Hygraph","/providers/hygraph",{"title":82,"_path":83},"ImageEngine","/providers/imageengine",{"title":85,"_path":86},"ImageKit","/providers/imagekit",{"title":88,"_path":89},"Imgix","/providers/imgix",{"title":91,"_path":92},"IPX","/providers/ipx",{"title":94,"_path":95},"Netlify","/providers/netlify",{"title":97,"_path":98},"Prepr","/providers/prepr",{"title":100,"_path":101},"Prismic","/providers/prismic",{"title":103,"_path":104},"Sanity","/providers/sanity",{"title":106,"_path":107},"Sirv","/providers/sirv",{"title":109,"_path":110},"Storyblok","/providers/storyblok",{"title":112,"_path":113},"Strapi","/providers/strapi",{"title":115,"_path":116},"Twicpics","/providers/twicpics",{"title":118,"_path":119},"Unsplash","/providers/unsplash",{"title":121,"_path":122},"Uploadcare","/providers/uploadcare",{"title":124,"_path":125},"Vercel","/providers/vercel",{"title":127,"_path":128},"Weserv","/providers/weserv",{"title":130,"_path":131,"children":132},"Advanced","/advanced",[133,136],{"title":134,"_path":135},"Custom Provider","/advanced/custom-provider",{"title":137,"_path":138},"Static Images","/advanced/static-images",{"_path":80,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":79,"description":143,"links":144,"body":150,"_type":582,"_id":583,"_source":584,"_file":585,"_stem":586,"_extension":587},"providers",false,"","Nuxt Image with Hygraph integration.",[145],{"label":146,"icon":147,"to":148,"size":149},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/hygraph.ts","xs",{"type":151,"children":152,"toc":579},"root",[153,171,176,321,328,358,573],{"type":154,"tag":155,"props":156,"children":157},"element","p",{},[158,161,169],{"type":159,"value":160},"text","Integration between ",{"type":154,"tag":162,"props":163,"children":167},"a",{"href":164,"rel":165},"https://hygraph.com",[166],"nofollow",[168],{"type":159,"value":79},{"type":159,"value":170}," and the image module.",{"type":154,"tag":155,"props":172,"children":173},{},[174],{"type":159,"value":175},"To use this provider you just need to specify the base URL of your project.",{"type":154,"tag":177,"props":178,"children":183},"pre",{"className":179,"code":180,"filename":181,"language":182,"meta":142,"style":142},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    hygraph: {\n      baseURL: 'https://\u003Csubdomain>.graphassets.com/\u003Cbaseid>'\n    }\n  }\n})\n","nuxt.config.ts","ts",[184],{"type":154,"tag":185,"props":186,"children":187},"code",{"__ignoreMap":142},[188,223,243,260,289,298,307],{"type":154,"tag":189,"props":190,"children":193},"span",{"class":191,"line":192},"line",1,[194,200,205,211,217],{"type":154,"tag":189,"props":195,"children":197},{"style":196},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[198],{"type":159,"value":199},"export",{"type":154,"tag":189,"props":201,"children":202},{"style":196},[203],{"type":159,"value":204}," default",{"type":154,"tag":189,"props":206,"children":208},{"style":207},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[209],{"type":159,"value":210}," defineNuxtConfig",{"type":154,"tag":189,"props":212,"children":214},{"style":213},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[215],{"type":159,"value":216},"(",{"type":154,"tag":189,"props":218,"children":220},{"style":219},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[221],{"type":159,"value":222},"{\n",{"type":154,"tag":189,"props":224,"children":226},{"class":191,"line":225},2,[227,233,238],{"type":154,"tag":189,"props":228,"children":230},{"style":229},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[231],{"type":159,"value":232},"  image",{"type":154,"tag":189,"props":234,"children":235},{"style":219},[236],{"type":159,"value":237},":",{"type":154,"tag":189,"props":239,"children":240},{"style":219},[241],{"type":159,"value":242}," {\n",{"type":154,"tag":189,"props":244,"children":246},{"class":191,"line":245},3,[247,252,256],{"type":154,"tag":189,"props":248,"children":249},{"style":229},[250],{"type":159,"value":251},"    hygraph",{"type":154,"tag":189,"props":253,"children":254},{"style":219},[255],{"type":159,"value":237},{"type":154,"tag":189,"props":257,"children":258},{"style":219},[259],{"type":159,"value":242},{"type":154,"tag":189,"props":261,"children":263},{"class":191,"line":262},4,[264,269,273,278,284],{"type":154,"tag":189,"props":265,"children":266},{"style":229},[267],{"type":159,"value":268},"      baseURL",{"type":154,"tag":189,"props":270,"children":271},{"style":219},[272],{"type":159,"value":237},{"type":154,"tag":189,"props":274,"children":275},{"style":219},[276],{"type":159,"value":277}," '",{"type":154,"tag":189,"props":279,"children":281},{"style":280},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[282],{"type":159,"value":283},"https://\u003Csubdomain>.graphassets.com/\u003Cbaseid>",{"type":154,"tag":189,"props":285,"children":286},{"style":219},[287],{"type":159,"value":288},"'\n",{"type":154,"tag":189,"props":290,"children":292},{"class":191,"line":291},5,[293],{"type":154,"tag":189,"props":294,"children":295},{"style":219},[296],{"type":159,"value":297},"    }\n",{"type":154,"tag":189,"props":299,"children":301},{"class":191,"line":300},6,[302],{"type":154,"tag":189,"props":303,"children":304},{"style":219},[305],{"type":159,"value":306},"  }\n",{"type":154,"tag":189,"props":308,"children":310},{"class":191,"line":309},7,[311,316],{"type":154,"tag":189,"props":312,"children":313},{"style":219},[314],{"type":159,"value":315},"}",{"type":154,"tag":189,"props":317,"children":318},{"style":213},[319],{"type":159,"value":320},")\n",{"type":154,"tag":322,"props":323,"children":325},"h2",{"id":324},"modifiers",[326],{"type":159,"value":327},"Modifiers",{"type":154,"tag":155,"props":329,"children":330},{},[331,333,340,342,348,350,356],{"type":159,"value":332},"All the default modifiers from ",{"type":154,"tag":162,"props":334,"children":337},{"href":335,"rel":336},"https://hygraph.com/docs/api-reference/content-api/assets",[166],[338],{"type":159,"value":339},"Hygraph's documentation",{"type":159,"value":341}," are available, plus additionally ",{"type":154,"tag":185,"props":343,"children":345},{"className":344},[],[346],{"type":159,"value":347},"auto_image",{"type":159,"value":349}," which lets Hygraph decide what image format is best for the user's browser and ",{"type":154,"tag":185,"props":351,"children":353},{"className":352},[],[354],{"type":159,"value":355},"quality",{"type":159,"value":357}," 0-100.",{"type":154,"tag":177,"props":359,"children":363},{"className":360,"code":361,"language":362,"meta":142,"style":142},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"hygraph\"\n  src=\"/cltsrex89477t08unlckqx9ue\"\n  height=\"512\"\n  width=\"512\"\n  fit=\"max\"\n  format=\"jpg\"\n  :quality=\"90\"\n/>\n","vue",[364],{"type":154,"tag":185,"props":365,"children":366},{"__ignoreMap":142},[367,380,409,434,459,483,508,533,564],{"type":154,"tag":189,"props":368,"children":369},{"class":191,"line":192},[370,375],{"type":154,"tag":189,"props":371,"children":372},{"style":219},[373],{"type":159,"value":374},"\u003C",{"type":154,"tag":189,"props":376,"children":377},{"style":229},[378],{"type":159,"value":379},"NuxtImg\n",{"type":154,"tag":189,"props":381,"children":382},{"class":191,"line":225},[383,389,394,399,404],{"type":154,"tag":189,"props":384,"children":386},{"style":385},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[387],{"type":159,"value":388},"  provider",{"type":154,"tag":189,"props":390,"children":391},{"style":219},[392],{"type":159,"value":393},"=",{"type":154,"tag":189,"props":395,"children":396},{"style":219},[397],{"type":159,"value":398},"\"",{"type":154,"tag":189,"props":400,"children":401},{"style":280},[402],{"type":159,"value":403},"hygraph",{"type":154,"tag":189,"props":405,"children":406},{"style":219},[407],{"type":159,"value":408},"\"\n",{"type":154,"tag":189,"props":410,"children":411},{"class":191,"line":245},[412,417,421,425,430],{"type":154,"tag":189,"props":413,"children":414},{"style":385},[415],{"type":159,"value":416},"  src",{"type":154,"tag":189,"props":418,"children":419},{"style":219},[420],{"type":159,"value":393},{"type":154,"tag":189,"props":422,"children":423},{"style":219},[424],{"type":159,"value":398},{"type":154,"tag":189,"props":426,"children":427},{"style":280},[428],{"type":159,"value":429},"/cltsrex89477t08unlckqx9ue",{"type":154,"tag":189,"props":431,"children":432},{"style":219},[433],{"type":159,"value":408},{"type":154,"tag":189,"props":435,"children":436},{"class":191,"line":262},[437,442,446,450,455],{"type":154,"tag":189,"props":438,"children":439},{"style":385},[440],{"type":159,"value":441},"  height",{"type":154,"tag":189,"props":443,"children":444},{"style":219},[445],{"type":159,"value":393},{"type":154,"tag":189,"props":447,"children":448},{"style":219},[449],{"type":159,"value":398},{"type":154,"tag":189,"props":451,"children":452},{"style":280},[453],{"type":159,"value":454},"512",{"type":154,"tag":189,"props":456,"children":457},{"style":219},[458],{"type":159,"value":408},{"type":154,"tag":189,"props":460,"children":461},{"class":191,"line":291},[462,467,471,475,479],{"type":154,"tag":189,"props":463,"children":464},{"style":385},[465],{"type":159,"value":466},"  width",{"type":154,"tag":189,"props":468,"children":469},{"style":219},[470],{"type":159,"value":393},{"type":154,"tag":189,"props":472,"children":473},{"style":219},[474],{"type":159,"value":398},{"type":154,"tag":189,"props":476,"children":477},{"style":280},[478],{"type":159,"value":454},{"type":154,"tag":189,"props":480,"children":481},{"style":219},[482],{"type":159,"value":408},{"type":154,"tag":189,"props":484,"children":485},{"class":191,"line":300},[486,491,495,499,504],{"type":154,"tag":189,"props":487,"children":488},{"style":385},[489],{"type":159,"value":490},"  fit",{"type":154,"tag":189,"props":492,"children":493},{"style":219},[494],{"type":159,"value":393},{"type":154,"tag":189,"props":496,"children":497},{"style":219},[498],{"type":159,"value":398},{"type":154,"tag":189,"props":500,"children":501},{"style":280},[502],{"type":159,"value":503},"max",{"type":154,"tag":189,"props":505,"children":506},{"style":219},[507],{"type":159,"value":408},{"type":154,"tag":189,"props":509,"children":510},{"class":191,"line":309},[511,516,520,524,529],{"type":154,"tag":189,"props":512,"children":513},{"style":385},[514],{"type":159,"value":515},"  format",{"type":154,"tag":189,"props":517,"children":518},{"style":219},[519],{"type":159,"value":393},{"type":154,"tag":189,"props":521,"children":522},{"style":219},[523],{"type":159,"value":398},{"type":154,"tag":189,"props":525,"children":526},{"style":280},[527],{"type":159,"value":528},"jpg",{"type":154,"tag":189,"props":530,"children":531},{"style":219},[532],{"type":159,"value":408},{"type":154,"tag":189,"props":534,"children":536},{"class":191,"line":535},8,[537,542,546,550,554,560],{"type":154,"tag":189,"props":538,"children":539},{"style":219},[540],{"type":159,"value":541},"  :",{"type":154,"tag":189,"props":543,"children":544},{"style":385},[545],{"type":159,"value":355},{"type":154,"tag":189,"props":547,"children":548},{"style":219},[549],{"type":159,"value":393},{"type":154,"tag":189,"props":551,"children":552},{"style":219},[553],{"type":159,"value":398},{"type":154,"tag":189,"props":555,"children":557},{"style":556},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[558],{"type":159,"value":559},"90",{"type":154,"tag":189,"props":561,"children":562},{"style":219},[563],{"type":159,"value":408},{"type":154,"tag":189,"props":565,"children":567},{"class":191,"line":566},9,[568],{"type":154,"tag":189,"props":569,"children":570},{"style":213},[571],{"type":159,"value":572},"/>\n",{"type":154,"tag":574,"props":575,"children":576},"style",{},[577],{"type":159,"value":578},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":142,"searchDepth":225,"depth":225,"links":580},[581],{"id":324,"depth":225,"text":327},"markdown","content:3.providers:hygraph.md","content","3.providers/hygraph.md","3.providers/hygraph","md",[589,1070],{"_path":77,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":76,"description":590,"links":591,"body":594,"_type":582,"_id":1067,"_source":584,"_file":1068,"_stem":1069,"_extension":587},"Nuxt Image has first class integration with Gumlet.",[592],{"label":146,"icon":147,"to":593,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/gumlet.ts",{"type":151,"children":595,"toc":1061},[596,607,612,722,736,757,763,783,797,803,816,1044,1057],{"type":154,"tag":155,"props":597,"children":598},{},[599,600,606],{"type":159,"value":160},{"type":154,"tag":162,"props":601,"children":604},{"href":602,"rel":603},"https://docs.gumlet.com",[166],[605],{"type":159,"value":76},{"type":159,"value":170},{"type":154,"tag":155,"props":608,"children":609},{},[610],{"type":159,"value":611},"To use this provider you just need to specify the base URL of your service in Gumlet.",{"type":154,"tag":177,"props":613,"children":615},{"className":179,"code":614,"filename":181,"language":182,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    gumlet: {\n      baseURL: 'https://demo.gumlet.io'\n    }\n  }\n})\n",[616],{"type":154,"tag":185,"props":617,"children":618},{"__ignoreMap":142},[619,642,657,673,697,704,711],{"type":154,"tag":189,"props":620,"children":621},{"class":191,"line":192},[622,626,630,634,638],{"type":154,"tag":189,"props":623,"children":624},{"style":196},[625],{"type":159,"value":199},{"type":154,"tag":189,"props":627,"children":628},{"style":196},[629],{"type":159,"value":204},{"type":154,"tag":189,"props":631,"children":632},{"style":207},[633],{"type":159,"value":210},{"type":154,"tag":189,"props":635,"children":636},{"style":213},[637],{"type":159,"value":216},{"type":154,"tag":189,"props":639,"children":640},{"style":219},[641],{"type":159,"value":222},{"type":154,"tag":189,"props":643,"children":644},{"class":191,"line":225},[645,649,653],{"type":154,"tag":189,"props":646,"children":647},{"style":229},[648],{"type":159,"value":232},{"type":154,"tag":189,"props":650,"children":651},{"style":219},[652],{"type":159,"value":237},{"type":154,"tag":189,"props":654,"children":655},{"style":219},[656],{"type":159,"value":242},{"type":154,"tag":189,"props":658,"children":659},{"class":191,"line":245},[660,665,669],{"type":154,"tag":189,"props":661,"children":662},{"style":229},[663],{"type":159,"value":664},"    gumlet",{"type":154,"tag":189,"props":666,"children":667},{"style":219},[668],{"type":159,"value":237},{"type":154,"tag":189,"props":670,"children":671},{"style":219},[672],{"type":159,"value":242},{"type":154,"tag":189,"props":674,"children":675},{"class":191,"line":262},[676,680,684,688,693],{"type":154,"tag":189,"props":677,"children":678},{"style":229},[679],{"type":159,"value":268},{"type":154,"tag":189,"props":681,"children":682},{"style":219},[683],{"type":159,"value":237},{"type":154,"tag":189,"props":685,"children":686},{"style":219},[687],{"type":159,"value":277},{"type":154,"tag":189,"props":689,"children":690},{"style":280},[691],{"type":159,"value":692},"https://demo.gumlet.io",{"type":154,"tag":189,"props":694,"children":695},{"style":219},[696],{"type":159,"value":288},{"type":154,"tag":189,"props":698,"children":699},{"class":191,"line":291},[700],{"type":154,"tag":189,"props":701,"children":702},{"style":219},[703],{"type":159,"value":297},{"type":154,"tag":189,"props":705,"children":706},{"class":191,"line":300},[707],{"type":154,"tag":189,"props":708,"children":709},{"style":219},[710],{"type":159,"value":306},{"type":154,"tag":189,"props":712,"children":713},{"class":191,"line":309},[714,718],{"type":154,"tag":189,"props":715,"children":716},{"style":219},[717],{"type":159,"value":315},{"type":154,"tag":189,"props":719,"children":720},{"style":213},[721],{"type":159,"value":320},{"type":154,"tag":322,"props":723,"children":725},{"id":724},"gumlet-mode-values",[726,728,734],{"type":159,"value":727},"Gumlet ",{"type":154,"tag":185,"props":729,"children":731},{"className":730},[],[732],{"type":159,"value":733},"mode",{"type":159,"value":735}," Values",{"type":154,"tag":155,"props":737,"children":738},{},[739,741,755],{"type":159,"value":740},"Gumlet supports all the ",{"type":154,"tag":162,"props":742,"children":744},{"href":743},"/usage/nuxt-img#fit",[745,747,753],{"type":159,"value":746},"standard values for ",{"type":154,"tag":185,"props":748,"children":750},{"className":749},[],[751],{"type":159,"value":752},"fit",{"type":159,"value":754}," property",{"type":159,"value":756}," of Nuxt image and Nuxt picture.",{"type":154,"tag":322,"props":758,"children":760},{"id":759},"gumlet-modifiers",[761],{"type":159,"value":762},"Gumlet Modifiers",{"type":154,"tag":155,"props":764,"children":765},{},[766,768,774,776,781],{"type":159,"value":767},"Beside the ",{"type":154,"tag":162,"props":769,"children":771},{"href":770},"/usage/nuxt-img#modifiers",[772],{"type":159,"value":773},"standard modifiers",{"type":159,"value":775},", you can also pass all gumlet-specific render API parameters to the ",{"type":154,"tag":185,"props":777,"children":779},{"className":778},[],[780],{"type":159,"value":324},{"type":159,"value":782}," prop.",{"type":154,"tag":155,"props":784,"children":785},{},[786,788,795],{"type":159,"value":787},"For a full list of these modifiers and their uses, check out ",{"type":154,"tag":162,"props":789,"children":792},{"href":790,"rel":791},"https://docs.gumlet.com/reference/image-transform-size#mode",[166],[793],{"type":159,"value":794},"Gumlet's image transform API documentation",{"type":159,"value":796},".",{"type":154,"tag":322,"props":798,"children":800},{"id":799},"gumlet-best-practices",[801],{"type":159,"value":802},"Gumlet Best Practices",{"type":154,"tag":155,"props":804,"children":805},{},[806,808,814],{"type":159,"value":807},"Some common best practices when using Gumlet, would be to include our ",{"type":154,"tag":185,"props":809,"children":811},{"className":810},[],[812],{"type":159,"value":813},"format=auto",{"type":159,"value":815}," 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":154,"tag":177,"props":817,"children":819},{"className":360,"code":818,"language":362,"meta":142,"style":142},"\u003CNuxtImg\n  provider=\"gumlet\"\n  src=\"/sea.jpeg\"\n  width=\"300\"\n  height=\"500\"\n  fit=\"cover\"\n  :modifiers=\"{ format: 'auto', compress: 'true' }\"\n/>\n",[820],{"type":154,"tag":185,"props":821,"children":822},{"__ignoreMap":142},[823,834,858,882,906,930,954,1037],{"type":154,"tag":189,"props":824,"children":825},{"class":191,"line":192},[826,830],{"type":154,"tag":189,"props":827,"children":828},{"style":219},[829],{"type":159,"value":374},{"type":154,"tag":189,"props":831,"children":832},{"style":229},[833],{"type":159,"value":379},{"type":154,"tag":189,"props":835,"children":836},{"class":191,"line":225},[837,841,845,849,854],{"type":154,"tag":189,"props":838,"children":839},{"style":385},[840],{"type":159,"value":388},{"type":154,"tag":189,"props":842,"children":843},{"style":219},[844],{"type":159,"value":393},{"type":154,"tag":189,"props":846,"children":847},{"style":219},[848],{"type":159,"value":398},{"type":154,"tag":189,"props":850,"children":851},{"style":280},[852],{"type":159,"value":853},"gumlet",{"type":154,"tag":189,"props":855,"children":856},{"style":219},[857],{"type":159,"value":408},{"type":154,"tag":189,"props":859,"children":860},{"class":191,"line":245},[861,865,869,873,878],{"type":154,"tag":189,"props":862,"children":863},{"style":385},[864],{"type":159,"value":416},{"type":154,"tag":189,"props":866,"children":867},{"style":219},[868],{"type":159,"value":393},{"type":154,"tag":189,"props":870,"children":871},{"style":219},[872],{"type":159,"value":398},{"type":154,"tag":189,"props":874,"children":875},{"style":280},[876],{"type":159,"value":877},"/sea.jpeg",{"type":154,"tag":189,"props":879,"children":880},{"style":219},[881],{"type":159,"value":408},{"type":154,"tag":189,"props":883,"children":884},{"class":191,"line":262},[885,889,893,897,902],{"type":154,"tag":189,"props":886,"children":887},{"style":385},[888],{"type":159,"value":466},{"type":154,"tag":189,"props":890,"children":891},{"style":219},[892],{"type":159,"value":393},{"type":154,"tag":189,"props":894,"children":895},{"style":219},[896],{"type":159,"value":398},{"type":154,"tag":189,"props":898,"children":899},{"style":280},[900],{"type":159,"value":901},"300",{"type":154,"tag":189,"props":903,"children":904},{"style":219},[905],{"type":159,"value":408},{"type":154,"tag":189,"props":907,"children":908},{"class":191,"line":291},[909,913,917,921,926],{"type":154,"tag":189,"props":910,"children":911},{"style":385},[912],{"type":159,"value":441},{"type":154,"tag":189,"props":914,"children":915},{"style":219},[916],{"type":159,"value":393},{"type":154,"tag":189,"props":918,"children":919},{"style":219},[920],{"type":159,"value":398},{"type":154,"tag":189,"props":922,"children":923},{"style":280},[924],{"type":159,"value":925},"500",{"type":154,"tag":189,"props":927,"children":928},{"style":219},[929],{"type":159,"value":408},{"type":154,"tag":189,"props":931,"children":932},{"class":191,"line":300},[933,937,941,945,950],{"type":154,"tag":189,"props":934,"children":935},{"style":385},[936],{"type":159,"value":490},{"type":154,"tag":189,"props":938,"children":939},{"style":219},[940],{"type":159,"value":393},{"type":154,"tag":189,"props":942,"children":943},{"style":219},[944],{"type":159,"value":398},{"type":154,"tag":189,"props":946,"children":947},{"style":280},[948],{"type":159,"value":949},"cover",{"type":154,"tag":189,"props":951,"children":952},{"style":219},[953],{"type":159,"value":408},{"type":154,"tag":189,"props":955,"children":956},{"class":191,"line":309},[957,961,965,969,973,978,983,987,991,996,1001,1006,1011,1015,1019,1024,1028,1033],{"type":154,"tag":189,"props":958,"children":959},{"style":219},[960],{"type":159,"value":541},{"type":154,"tag":189,"props":962,"children":963},{"style":385},[964],{"type":159,"value":324},{"type":154,"tag":189,"props":966,"children":967},{"style":219},[968],{"type":159,"value":393},{"type":154,"tag":189,"props":970,"children":971},{"style":219},[972],{"type":159,"value":398},{"type":154,"tag":189,"props":974,"children":975},{"style":219},[976],{"type":159,"value":977},"{",{"type":154,"tag":189,"props":979,"children":980},{"style":229},[981],{"type":159,"value":982}," format",{"type":154,"tag":189,"props":984,"children":985},{"style":219},[986],{"type":159,"value":237},{"type":154,"tag":189,"props":988,"children":989},{"style":219},[990],{"type":159,"value":277},{"type":154,"tag":189,"props":992,"children":993},{"style":280},[994],{"type":159,"value":995},"auto",{"type":154,"tag":189,"props":997,"children":998},{"style":219},[999],{"type":159,"value":1000},"'",{"type":154,"tag":189,"props":1002,"children":1003},{"style":219},[1004],{"type":159,"value":1005},",",{"type":154,"tag":189,"props":1007,"children":1008},{"style":229},[1009],{"type":159,"value":1010}," compress",{"type":154,"tag":189,"props":1012,"children":1013},{"style":219},[1014],{"type":159,"value":237},{"type":154,"tag":189,"props":1016,"children":1017},{"style":219},[1018],{"type":159,"value":277},{"type":154,"tag":189,"props":1020,"children":1021},{"style":280},[1022],{"type":159,"value":1023},"true",{"type":154,"tag":189,"props":1025,"children":1026},{"style":219},[1027],{"type":159,"value":1000},{"type":154,"tag":189,"props":1029,"children":1030},{"style":219},[1031],{"type":159,"value":1032}," }",{"type":154,"tag":189,"props":1034,"children":1035},{"style":219},[1036],{"type":159,"value":408},{"type":154,"tag":189,"props":1038,"children":1039},{"class":191,"line":535},[1040],{"type":154,"tag":189,"props":1041,"children":1042},{"style":213},[1043],{"type":159,"value":572},{"type":154,"tag":155,"props":1045,"children":1046},{},[1047,1049,1056],{"type":159,"value":1048},"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":154,"tag":162,"props":1050,"children":1053},{"href":1051,"rel":1052},"https://demo.gumlet.io/sea.jpeg?format=auto&w=300&h=500&compress=true",[166],[1054],{"type":159,"value":1055},"woman in the hat",{"type":159,"value":796},{"type":154,"tag":574,"props":1058,"children":1059},{},[1060],{"type":159,"value":578},{"title":142,"searchDepth":225,"depth":225,"links":1062},[1063,1065,1066],{"id":724,"depth":225,"text":1064},"Gumlet mode Values",{"id":759,"depth":225,"text":762},{"id":799,"depth":225,"text":802},"content:3.providers:gumlet.md","3.providers/gumlet.md","3.providers/gumlet",{"_path":83,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":82,"description":1071,"links":1072,"body":1075,"_type":582,"_id":1986,"_source":584,"_file":1987,"_stem":1988,"_extension":587},"Nuxt Image has first class integration with ImageEngine.",[1073],{"label":146,"icon":147,"to":1074,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imageengine.ts",{"type":151,"children":1076,"toc":1977},[1077,1088,1109,1219,1231,1257,1345,1351,1376,1532,1571,1576,1749,1754,1923,1929,1936,1941,1962,1968,1973],{"type":154,"tag":155,"props":1078,"children":1079},{},[1080,1081,1087],{"type":159,"value":160},{"type":154,"tag":162,"props":1082,"children":1085},{"href":1083,"rel":1084},"https://imageengine.io",[166],[1086],{"type":159,"value":82},{"type":159,"value":170},{"type":154,"tag":155,"props":1089,"children":1090},{},[1091,1093,1099,1101,1107],{"type":159,"value":1092},"At a minimum, you must configure the ",{"type":154,"tag":185,"props":1094,"children":1096},{"className":1095},[],[1097],{"type":159,"value":1098},"imageengine",{"type":159,"value":1100}," provider with the ",{"type":154,"tag":185,"props":1102,"children":1104},{"className":1103},[],[1105],{"type":159,"value":1106},"baseURL",{"type":159,"value":1108}," set to your ImageEngine Delivery Address:",{"type":154,"tag":177,"props":1110,"children":1112},{"className":179,"code":1111,"filename":181,"language":182,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    imageengine: {\n      baseURL: 'https://xxxxx.imgeng.in'\n    }\n  }\n})\n",[1113],{"type":154,"tag":185,"props":1114,"children":1115},{"__ignoreMap":142},[1116,1139,1154,1170,1194,1201,1208],{"type":154,"tag":189,"props":1117,"children":1118},{"class":191,"line":192},[1119,1123,1127,1131,1135],{"type":154,"tag":189,"props":1120,"children":1121},{"style":196},[1122],{"type":159,"value":199},{"type":154,"tag":189,"props":1124,"children":1125},{"style":196},[1126],{"type":159,"value":204},{"type":154,"tag":189,"props":1128,"children":1129},{"style":207},[1130],{"type":159,"value":210},{"type":154,"tag":189,"props":1132,"children":1133},{"style":213},[1134],{"type":159,"value":216},{"type":154,"tag":189,"props":1136,"children":1137},{"style":219},[1138],{"type":159,"value":222},{"type":154,"tag":189,"props":1140,"children":1141},{"class":191,"line":225},[1142,1146,1150],{"type":154,"tag":189,"props":1143,"children":1144},{"style":229},[1145],{"type":159,"value":232},{"type":154,"tag":189,"props":1147,"children":1148},{"style":219},[1149],{"type":159,"value":237},{"type":154,"tag":189,"props":1151,"children":1152},{"style":219},[1153],{"type":159,"value":242},{"type":154,"tag":189,"props":1155,"children":1156},{"class":191,"line":245},[1157,1162,1166],{"type":154,"tag":189,"props":1158,"children":1159},{"style":229},[1160],{"type":159,"value":1161},"    imageengine",{"type":154,"tag":189,"props":1163,"children":1164},{"style":219},[1165],{"type":159,"value":237},{"type":154,"tag":189,"props":1167,"children":1168},{"style":219},[1169],{"type":159,"value":242},{"type":154,"tag":189,"props":1171,"children":1172},{"class":191,"line":262},[1173,1177,1181,1185,1190],{"type":154,"tag":189,"props":1174,"children":1175},{"style":229},[1176],{"type":159,"value":268},{"type":154,"tag":189,"props":1178,"children":1179},{"style":219},[1180],{"type":159,"value":237},{"type":154,"tag":189,"props":1182,"children":1183},{"style":219},[1184],{"type":159,"value":277},{"type":154,"tag":189,"props":1186,"children":1187},{"style":280},[1188],{"type":159,"value":1189},"https://xxxxx.imgeng.in",{"type":154,"tag":189,"props":1191,"children":1192},{"style":219},[1193],{"type":159,"value":288},{"type":154,"tag":189,"props":1195,"children":1196},{"class":191,"line":291},[1197],{"type":154,"tag":189,"props":1198,"children":1199},{"style":219},[1200],{"type":159,"value":297},{"type":154,"tag":189,"props":1202,"children":1203},{"class":191,"line":300},[1204],{"type":154,"tag":189,"props":1205,"children":1206},{"style":219},[1207],{"type":159,"value":306},{"type":154,"tag":189,"props":1209,"children":1210},{"class":191,"line":309},[1211,1215],{"type":154,"tag":189,"props":1212,"children":1213},{"style":219},[1214],{"type":159,"value":315},{"type":154,"tag":189,"props":1216,"children":1217},{"style":213},[1218],{"type":159,"value":320},{"type":154,"tag":322,"props":1220,"children":1222},{"id":1221},"imageengine-fit-values",[1223,1225,1230],{"type":159,"value":1224},"ImageEngine ",{"type":154,"tag":185,"props":1226,"children":1228},{"className":1227},[],[1229],{"type":159,"value":752},{"type":159,"value":735},{"type":154,"tag":155,"props":1232,"children":1233},{},[1234,1236,1246,1248,1255],{"type":159,"value":1235},"The ",{"type":154,"tag":162,"props":1237,"children":1238},{"href":743},[1239,1240,1245],{"type":159,"value":746},{"type":154,"tag":185,"props":1241,"children":1243},{"className":1242},[],[1244],{"type":159,"value":752},{"type":159,"value":754},{"type":159,"value":1247}," map onto ",{"type":154,"tag":162,"props":1249,"children":1252},{"href":1250,"rel":1251},"https://imageengine.io/docs/directives",[166],[1253],{"type":159,"value":1254},"ImageEngine Directives",{"type":159,"value":1256}," as follows:",{"type":154,"tag":1258,"props":1259,"children":1260},"ul",{},[1261,1278,1294,1310,1328],{"type":154,"tag":1262,"props":1263,"children":1264},"li",{},[1265,1270,1272],{"type":154,"tag":185,"props":1266,"children":1268},{"className":1267},[],[1269],{"type":159,"value":949},{"type":159,"value":1271},": ",{"type":154,"tag":185,"props":1273,"children":1275},{"className":1274},[],[1276],{"type":159,"value":1277},"m_cropbox",{"type":154,"tag":1262,"props":1279,"children":1280},{},[1281,1287,1288],{"type":154,"tag":185,"props":1282,"children":1284},{"className":1283},[],[1285],{"type":159,"value":1286},"contain",{"type":159,"value":1271},{"type":154,"tag":185,"props":1289,"children":1291},{"className":1290},[],[1292],{"type":159,"value":1293},"m_letterbox",{"type":154,"tag":1262,"props":1295,"children":1296},{},[1297,1303,1304],{"type":154,"tag":185,"props":1298,"children":1300},{"className":1299},[],[1301],{"type":159,"value":1302},"fill",{"type":159,"value":1271},{"type":154,"tag":185,"props":1305,"children":1307},{"className":1306},[],[1308],{"type":159,"value":1309},"m_stretch",{"type":154,"tag":1262,"props":1311,"children":1312},{},[1313,1319,1320,1326],{"type":154,"tag":185,"props":1314,"children":1316},{"className":1315},[],[1317],{"type":159,"value":1318},"inside",{"type":159,"value":1271},{"type":154,"tag":185,"props":1321,"children":1323},{"className":1322},[],[1324],{"type":159,"value":1325},"m_box",{"type":159,"value":1327},", this is the default fit method for the ImageEngine provider.",{"type":154,"tag":1262,"props":1329,"children":1330},{},[1331,1337,1339,1344],{"type":154,"tag":185,"props":1332,"children":1334},{"className":1333},[],[1335],{"type":159,"value":1336},"outside",{"type":159,"value":1338},": This fit method is not supported and functions the same as ",{"type":154,"tag":185,"props":1340,"children":1342},{"className":1341},[],[1343],{"type":159,"value":1318},{"type":159,"value":796},{"type":154,"tag":322,"props":1346,"children":1348},{"id":1347},"imageengine-modifiers",[1349],{"type":159,"value":1350},"ImageEngine Modifiers",{"type":154,"tag":155,"props":1352,"children":1353},{},[1354,1356,1360,1362,1367,1369,1374],{"type":159,"value":1355},"In addition to the ",{"type":154,"tag":162,"props":1357,"children":1358},{"href":770},[1359],{"type":159,"value":773},{"type":159,"value":1361},", you can also use all ",{"type":154,"tag":162,"props":1363,"children":1365},{"href":1250,"rel":1364},[166],[1366],{"type":159,"value":1254},{"type":159,"value":1368}," by adding them to the ",{"type":154,"tag":185,"props":1370,"children":1372},{"className":1371},[],[1373],{"type":159,"value":324},{"type":159,"value":1375}," property with the following attribute names:",{"type":154,"tag":1258,"props":1377,"children":1378},{},[1379,1397,1413,1430,1447,1464,1481,1498,1515],{"type":154,"tag":1262,"props":1380,"children":1381},{},[1382,1388,1389,1395],{"type":154,"tag":185,"props":1383,"children":1385},{"className":1384},[],[1386],{"type":159,"value":1387},"format",{"type":159,"value":1271},{"type":154,"tag":185,"props":1390,"children":1392},{"className":1391},[],[1393],{"type":159,"value":1394},"f",{"type":159,"value":1396}," directive",{"type":154,"tag":1262,"props":1398,"children":1399},{},[1400,1405,1406,1412],{"type":154,"tag":185,"props":1401,"children":1403},{"className":1402},[],[1404],{"type":159,"value":752},{"type":159,"value":1271},{"type":154,"tag":185,"props":1407,"children":1409},{"className":1408},[],[1410],{"type":159,"value":1411},"m",{"type":159,"value":1396},{"type":154,"tag":1262,"props":1414,"children":1415},{},[1416,1422,1423,1429],{"type":154,"tag":185,"props":1417,"children":1419},{"className":1418},[],[1420],{"type":159,"value":1421},"passThrough",{"type":159,"value":1271},{"type":154,"tag":185,"props":1424,"children":1426},{"className":1425},[],[1427],{"type":159,"value":1428},"pass",{"type":159,"value":1396},{"type":154,"tag":1262,"props":1431,"children":1432},{},[1433,1439,1440,1446],{"type":154,"tag":185,"props":1434,"children":1436},{"className":1435},[],[1437],{"type":159,"value":1438},"sharpen",{"type":159,"value":1271},{"type":154,"tag":185,"props":1441,"children":1443},{"className":1442},[],[1444],{"type":159,"value":1445},"s",{"type":159,"value":1396},{"type":154,"tag":1262,"props":1448,"children":1449},{},[1450,1456,1457,1463],{"type":154,"tag":185,"props":1451,"children":1453},{"className":1452},[],[1454],{"type":159,"value":1455},"rotate",{"type":159,"value":1271},{"type":154,"tag":185,"props":1458,"children":1460},{"className":1459},[],[1461],{"type":159,"value":1462},"r",{"type":159,"value":1396},{"type":154,"tag":1262,"props":1465,"children":1466},{},[1467,1473,1474,1480],{"type":154,"tag":185,"props":1468,"children":1470},{"className":1469},[],[1471],{"type":159,"value":1472},"screenPercent",{"type":159,"value":1271},{"type":154,"tag":185,"props":1475,"children":1477},{"className":1476},[],[1478],{"type":159,"value":1479},"pc",{"type":159,"value":1396},{"type":154,"tag":1262,"props":1482,"children":1483},{},[1484,1490,1491,1497],{"type":154,"tag":185,"props":1485,"children":1487},{"className":1486},[],[1488],{"type":159,"value":1489},"crop",{"type":159,"value":1271},{"type":154,"tag":185,"props":1492,"children":1494},{"className":1493},[],[1495],{"type":159,"value":1496},"cr",{"type":159,"value":1396},{"type":154,"tag":1262,"props":1499,"children":1500},{},[1501,1507,1508,1514],{"type":154,"tag":185,"props":1502,"children":1504},{"className":1503},[],[1505],{"type":159,"value":1506},"inline",{"type":159,"value":1271},{"type":154,"tag":185,"props":1509,"children":1511},{"className":1510},[],[1512],{"type":159,"value":1513},"in",{"type":159,"value":1396},{"type":154,"tag":1262,"props":1516,"children":1517},{},[1518,1524,1525,1531],{"type":154,"tag":185,"props":1519,"children":1521},{"className":1520},[],[1522],{"type":159,"value":1523},"metadata",{"type":159,"value":1271},{"type":154,"tag":185,"props":1526,"children":1528},{"className":1527},[],[1529],{"type":159,"value":1530},"meta",{"type":159,"value":1396},{"type":154,"tag":1533,"props":1534,"children":1535},"blockquote",{},[1536],{"type":154,"tag":155,"props":1537,"children":1538},{},[1539,1541,1546,1548,1554,1556,1561,1563,1569],{"type":159,"value":1540},"Note that the standard ",{"type":154,"tag":185,"props":1542,"children":1544},{"className":1543},[],[1545],{"type":159,"value":355},{"type":159,"value":1547}," attribute is converted to the ImageEngine ",{"type":154,"tag":185,"props":1549,"children":1551},{"className":1550},[],[1552],{"type":159,"value":1553},"cmpr",{"type":159,"value":1555}," compression directive. ",{"type":154,"tag":185,"props":1557,"children":1559},{"className":1558},[],[1560],{"type":159,"value":355},{"type":159,"value":1562}," 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":154,"tag":185,"props":1564,"children":1566},{"className":1565},[],[1567],{"type":159,"value":1568},":modifiers=\"{ passThrough: 'true' }\"",{"type":159,"value":1570},", which will serve the unaltered image.",{"type":154,"tag":155,"props":1572,"children":1573},{},[1574],{"type":159,"value":1575},"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":154,"tag":177,"props":1577,"children":1579},{"className":360,"code":1578,"language":362,"meta":142,"style":142},"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ cr: '100,80,10,20' }\"\n/>\n",[1580],{"type":154,"tag":185,"props":1581,"children":1582},{"__ignoreMap":142},[1583,1594,1617,1641,1665,1689,1742],{"type":154,"tag":189,"props":1584,"children":1585},{"class":191,"line":192},[1586,1590],{"type":154,"tag":189,"props":1587,"children":1588},{"style":219},[1589],{"type":159,"value":374},{"type":154,"tag":189,"props":1591,"children":1592},{"style":229},[1593],{"type":159,"value":379},{"type":154,"tag":189,"props":1595,"children":1596},{"class":191,"line":225},[1597,1601,1605,1609,1613],{"type":154,"tag":189,"props":1598,"children":1599},{"style":385},[1600],{"type":159,"value":388},{"type":154,"tag":189,"props":1602,"children":1603},{"style":219},[1604],{"type":159,"value":393},{"type":154,"tag":189,"props":1606,"children":1607},{"style":219},[1608],{"type":159,"value":398},{"type":154,"tag":189,"props":1610,"children":1611},{"style":280},[1612],{"type":159,"value":1098},{"type":154,"tag":189,"props":1614,"children":1615},{"style":219},[1616],{"type":159,"value":408},{"type":154,"tag":189,"props":1618,"children":1619},{"class":191,"line":245},[1620,1624,1628,1632,1637],{"type":154,"tag":189,"props":1621,"children":1622},{"style":385},[1623],{"type":159,"value":416},{"type":154,"tag":189,"props":1625,"children":1626},{"style":219},[1627],{"type":159,"value":393},{"type":154,"tag":189,"props":1629,"children":1630},{"style":219},[1631],{"type":159,"value":398},{"type":154,"tag":189,"props":1633,"children":1634},{"style":280},[1635],{"type":159,"value":1636},"/some-image.jpg",{"type":154,"tag":189,"props":1638,"children":1639},{"style":219},[1640],{"type":159,"value":408},{"type":154,"tag":189,"props":1642,"children":1643},{"class":191,"line":262},[1644,1648,1652,1656,1661],{"type":154,"tag":189,"props":1645,"children":1646},{"style":385},[1647],{"type":159,"value":466},{"type":154,"tag":189,"props":1649,"children":1650},{"style":219},[1651],{"type":159,"value":393},{"type":154,"tag":189,"props":1653,"children":1654},{"style":219},[1655],{"type":159,"value":398},{"type":154,"tag":189,"props":1657,"children":1658},{"style":280},[1659],{"type":159,"value":1660},"100",{"type":154,"tag":189,"props":1662,"children":1663},{"style":219},[1664],{"type":159,"value":408},{"type":154,"tag":189,"props":1666,"children":1667},{"class":191,"line":291},[1668,1672,1676,1680,1685],{"type":154,"tag":189,"props":1669,"children":1670},{"style":385},[1671],{"type":159,"value":441},{"type":154,"tag":189,"props":1673,"children":1674},{"style":219},[1675],{"type":159,"value":393},{"type":154,"tag":189,"props":1677,"children":1678},{"style":219},[1679],{"type":159,"value":398},{"type":154,"tag":189,"props":1681,"children":1682},{"style":280},[1683],{"type":159,"value":1684},"80",{"type":154,"tag":189,"props":1686,"children":1687},{"style":219},[1688],{"type":159,"value":408},{"type":154,"tag":189,"props":1690,"children":1691},{"class":191,"line":300},[1692,1696,1700,1704,1708,1712,1717,1721,1725,1730,1734,1738],{"type":154,"tag":189,"props":1693,"children":1694},{"style":219},[1695],{"type":159,"value":541},{"type":154,"tag":189,"props":1697,"children":1698},{"style":385},[1699],{"type":159,"value":324},{"type":154,"tag":189,"props":1701,"children":1702},{"style":219},[1703],{"type":159,"value":393},{"type":154,"tag":189,"props":1705,"children":1706},{"style":219},[1707],{"type":159,"value":398},{"type":154,"tag":189,"props":1709,"children":1710},{"style":219},[1711],{"type":159,"value":977},{"type":154,"tag":189,"props":1713,"children":1714},{"style":229},[1715],{"type":159,"value":1716}," cr",{"type":154,"tag":189,"props":1718,"children":1719},{"style":219},[1720],{"type":159,"value":237},{"type":154,"tag":189,"props":1722,"children":1723},{"style":219},[1724],{"type":159,"value":277},{"type":154,"tag":189,"props":1726,"children":1727},{"style":280},[1728],{"type":159,"value":1729},"100,80,10,20",{"type":154,"tag":189,"props":1731,"children":1732},{"style":219},[1733],{"type":159,"value":1000},{"type":154,"tag":189,"props":1735,"children":1736},{"style":219},[1737],{"type":159,"value":1032},{"type":154,"tag":189,"props":1739,"children":1740},{"style":219},[1741],{"type":159,"value":408},{"type":154,"tag":189,"props":1743,"children":1744},{"class":191,"line":309},[1745],{"type":154,"tag":189,"props":1746,"children":1747},{"style":213},[1748],{"type":159,"value":572},{"type":154,"tag":155,"props":1750,"children":1751},{},[1752],{"type":159,"value":1753},"Example 2: Instruct ImageEngine to keep the image's EXIF metadata (which is normally removed to reduce the image byte size):",{"type":154,"tag":177,"props":1755,"children":1757},{"className":360,"code":1756,"language":362,"meta":142,"style":142},"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ meta: 'true' }\"\n/>\n",[1758],{"type":154,"tag":185,"props":1759,"children":1760},{"__ignoreMap":142},[1761,1772,1795,1818,1841,1864,1916],{"type":154,"tag":189,"props":1762,"children":1763},{"class":191,"line":192},[1764,1768],{"type":154,"tag":189,"props":1765,"children":1766},{"style":219},[1767],{"type":159,"value":374},{"type":154,"tag":189,"props":1769,"children":1770},{"style":229},[1771],{"type":159,"value":379},{"type":154,"tag":189,"props":1773,"children":1774},{"class":191,"line":225},[1775,1779,1783,1787,1791],{"type":154,"tag":189,"props":1776,"children":1777},{"style":385},[1778],{"type":159,"value":388},{"type":154,"tag":189,"props":1780,"children":1781},{"style":219},[1782],{"type":159,"value":393},{"type":154,"tag":189,"props":1784,"children":1785},{"style":219},[1786],{"type":159,"value":398},{"type":154,"tag":189,"props":1788,"children":1789},{"style":280},[1790],{"type":159,"value":1098},{"type":154,"tag":189,"props":1792,"children":1793},{"style":219},[1794],{"type":159,"value":408},{"type":154,"tag":189,"props":1796,"children":1797},{"class":191,"line":245},[1798,1802,1806,1810,1814],{"type":154,"tag":189,"props":1799,"children":1800},{"style":385},[1801],{"type":159,"value":416},{"type":154,"tag":189,"props":1803,"children":1804},{"style":219},[1805],{"type":159,"value":393},{"type":154,"tag":189,"props":1807,"children":1808},{"style":219},[1809],{"type":159,"value":398},{"type":154,"tag":189,"props":1811,"children":1812},{"style":280},[1813],{"type":159,"value":1636},{"type":154,"tag":189,"props":1815,"children":1816},{"style":219},[1817],{"type":159,"value":408},{"type":154,"tag":189,"props":1819,"children":1820},{"class":191,"line":262},[1821,1825,1829,1833,1837],{"type":154,"tag":189,"props":1822,"children":1823},{"style":385},[1824],{"type":159,"value":466},{"type":154,"tag":189,"props":1826,"children":1827},{"style":219},[1828],{"type":159,"value":393},{"type":154,"tag":189,"props":1830,"children":1831},{"style":219},[1832],{"type":159,"value":398},{"type":154,"tag":189,"props":1834,"children":1835},{"style":280},[1836],{"type":159,"value":1660},{"type":154,"tag":189,"props":1838,"children":1839},{"style":219},[1840],{"type":159,"value":408},{"type":154,"tag":189,"props":1842,"children":1843},{"class":191,"line":291},[1844,1848,1852,1856,1860],{"type":154,"tag":189,"props":1845,"children":1846},{"style":385},[1847],{"type":159,"value":441},{"type":154,"tag":189,"props":1849,"children":1850},{"style":219},[1851],{"type":159,"value":393},{"type":154,"tag":189,"props":1853,"children":1854},{"style":219},[1855],{"type":159,"value":398},{"type":154,"tag":189,"props":1857,"children":1858},{"style":280},[1859],{"type":159,"value":1684},{"type":154,"tag":189,"props":1861,"children":1862},{"style":219},[1863],{"type":159,"value":408},{"type":154,"tag":189,"props":1865,"children":1866},{"class":191,"line":300},[1867,1871,1875,1879,1883,1887,1892,1896,1900,1904,1908,1912],{"type":154,"tag":189,"props":1868,"children":1869},{"style":219},[1870],{"type":159,"value":541},{"type":154,"tag":189,"props":1872,"children":1873},{"style":385},[1874],{"type":159,"value":324},{"type":154,"tag":189,"props":1876,"children":1877},{"style":219},[1878],{"type":159,"value":393},{"type":154,"tag":189,"props":1880,"children":1881},{"style":219},[1882],{"type":159,"value":398},{"type":154,"tag":189,"props":1884,"children":1885},{"style":219},[1886],{"type":159,"value":977},{"type":154,"tag":189,"props":1888,"children":1889},{"style":229},[1890],{"type":159,"value":1891}," meta",{"type":154,"tag":189,"props":1893,"children":1894},{"style":219},[1895],{"type":159,"value":237},{"type":154,"tag":189,"props":1897,"children":1898},{"style":219},[1899],{"type":159,"value":277},{"type":154,"tag":189,"props":1901,"children":1902},{"style":280},[1903],{"type":159,"value":1023},{"type":154,"tag":189,"props":1905,"children":1906},{"style":219},[1907],{"type":159,"value":1000},{"type":154,"tag":189,"props":1909,"children":1910},{"style":219},[1911],{"type":159,"value":1032},{"type":154,"tag":189,"props":1913,"children":1914},{"style":219},[1915],{"type":159,"value":408},{"type":154,"tag":189,"props":1917,"children":1918},{"class":191,"line":309},[1919],{"type":154,"tag":189,"props":1920,"children":1921},{"style":213},[1922],{"type":159,"value":572},{"type":154,"tag":322,"props":1924,"children":1926},{"id":1925},"imageengine-best-practices",[1927],{"type":159,"value":1928},"ImageEngine Best Practices",{"type":154,"tag":1930,"props":1931,"children":1933},"h3",{"id":1932},"automatic-format-and-quality-detection",[1934],{"type":159,"value":1935},"Automatic format and quality detection",{"type":154,"tag":155,"props":1937,"children":1938},{},[1939],{"type":159,"value":1940},"ImageEngine automatically detects the best format and quality for your image based on the characteristics of the specific device that requested it.",{"type":154,"tag":155,"props":1942,"children":1943},{},[1944,1946,1952,1954,1960],{"type":159,"value":1945},"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":154,"tag":185,"props":1947,"children":1949},{"className":1948},[],[1950],{"type":159,"value":1951},"format='webp'",{"type":159,"value":1953},") and quality (",{"type":154,"tag":185,"props":1955,"children":1957},{"className":1956},[],[1958],{"type":159,"value":1959},"quality='80'",{"type":159,"value":1961},").",{"type":154,"tag":1930,"props":1963,"children":1965},{"id":1964},"imageengine-settings",[1966],{"type":159,"value":1967},"ImageEngine Settings",{"type":154,"tag":155,"props":1969,"children":1970},{},[1971],{"type":159,"value":1972},"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":154,"tag":574,"props":1974,"children":1975},{},[1976],{"type":159,"value":578},{"title":142,"searchDepth":225,"depth":225,"links":1978},[1979,1981,1982],{"id":1221,"depth":225,"text":1980},"ImageEngine fit Values",{"id":1347,"depth":225,"text":1350},{"id":1925,"depth":225,"text":1928,"children":1983},[1984,1985],{"id":1932,"depth":245,"text":1935},{"id":1964,"depth":245,"text":1967},"content:3.providers:imageengine.md","3.providers/imageengine.md","3.providers/imageengine",1742393726065]