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