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