[{"data":1,"prerenderedAt":1879},["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},"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,"_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,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","3.providers/hygraph","md",[586,1016],{"_path":74,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":73,"description":587,"links":588,"body":591,"_type":579,"_id":1013,"_source":581,"_file":1014,"_stem":1015,"_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":1007},[593,604,609,724,738,759,765,785,799,805,818,990,1003],{"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,696,704,712],{"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,686,691],{"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":685}," '",{"type":151,"tag":186,"props":687,"children":688},{"style":397},[689],{"type":156,"value":690},"https://demo.gumlet.io",{"type":151,"tag":186,"props":692,"children":693},{"style":216},[694],{"type":156,"value":695},"'\n",{"type":151,"tag":186,"props":697,"children":698},{"class":188,"line":282},[699],{"type":151,"tag":186,"props":700,"children":701},{"style":216},[702],{"type":156,"value":703},"    }\n",{"type":151,"tag":186,"props":705,"children":706},{"class":188,"line":291},[707],{"type":151,"tag":186,"props":708,"children":709},{"style":216},[710],{"type":156,"value":711},"  }\n",{"type":151,"tag":186,"props":713,"children":714},{"class":188,"line":300},[715,719],{"type":151,"tag":186,"props":716,"children":717},{"style":216},[718],{"type":156,"value":306},{"type":151,"tag":186,"props":720,"children":721},{"style":210},[722],{"type":156,"value":723},")\n",{"type":151,"tag":318,"props":725,"children":727},{"id":726},"gumlet-mode-values",[728,730,736],{"type":156,"value":729},"gumlet ",{"type":151,"tag":182,"props":731,"children":733},{"className":732},[],[734],{"type":156,"value":735},"mode",{"type":156,"value":737}," values",{"type":151,"tag":152,"props":739,"children":740},{},[741,743,757],{"type":156,"value":742},"Gumlet supports all the ",{"type":151,"tag":159,"props":744,"children":746},{"href":745},"/usage/nuxt-img#fit",[747,749,755],{"type":156,"value":748},"the standard values for ",{"type":151,"tag":182,"props":750,"children":752},{"className":751},[],[753],{"type":156,"value":754},"fit",{"type":156,"value":756}," property",{"type":156,"value":758}," of Nuxt image and Nuxt picture.",{"type":151,"tag":318,"props":760,"children":762},{"id":761},"gumlet-modifiers",[763],{"type":156,"value":764},"gumlet modifiers",{"type":151,"tag":152,"props":766,"children":767},{},[768,770,776,778,783],{"type":156,"value":769},"Beside the ",{"type":151,"tag":159,"props":771,"children":773},{"href":772},"/usage/nuxt-img#modifiers",[774],{"type":156,"value":775},"standard modifiers",{"type":156,"value":777},", you can also pass all gumlet-specific render API parameters to the ",{"type":151,"tag":182,"props":779,"children":781},{"className":780},[],[782],{"type":156,"value":320},{"type":156,"value":784}," prop.",{"type":151,"tag":152,"props":786,"children":787},{},[788,790,797],{"type":156,"value":789},"For a full list of these modifiers and their uses, check out ",{"type":151,"tag":159,"props":791,"children":794},{"href":792,"rel":793},"https://docs.gumlet.com/reference/image-transform-size#mode",[163],[795],{"type":156,"value":796},"Gumlet's image Rendering API documentation",{"type":156,"value":798},".",{"type":151,"tag":318,"props":800,"children":802},{"id":801},"gumlet-best-practices",[803],{"type":156,"value":804},"gumlet best practices",{"type":151,"tag":152,"props":806,"children":807},{},[808,810,816],{"type":156,"value":809},"Some common best practices when using Gumlet, would be to include our ",{"type":151,"tag":182,"props":811,"children":813},{"className":812},[],[814],{"type":156,"value":815},"format=auto",{"type":156,"value":817}," 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":819,"children":823},{"className":820,"code":821,"language":822,"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",[824],{"type":151,"tag":182,"props":825,"children":826},{"__ignoreMap":139},[827,838,862,886,910,934,958,983],{"type":151,"tag":186,"props":828,"children":829},{"class":188,"line":189},[830,834],{"type":151,"tag":186,"props":831,"children":832},{"style":216},[833],{"type":156,"value":370},{"type":151,"tag":186,"props":835,"children":836},{"style":226},[837],{"type":156,"value":375},{"type":151,"tag":186,"props":839,"children":840},{"class":188,"line":222},[841,845,849,853,858],{"type":151,"tag":186,"props":842,"children":843},{"style":381},[844],{"type":156,"value":384},{"type":151,"tag":186,"props":846,"children":847},{"style":216},[848],{"type":156,"value":389},{"type":151,"tag":186,"props":850,"children":851},{"style":216},[852],{"type":156,"value":394},{"type":151,"tag":186,"props":854,"children":855},{"style":397},[856],{"type":156,"value":857},"gumlet",{"type":151,"tag":186,"props":859,"children":860},{"style":216},[861],{"type":156,"value":405},{"type":151,"tag":186,"props":863,"children":864},{"class":188,"line":242},[865,869,873,877,882],{"type":151,"tag":186,"props":866,"children":867},{"style":381},[868],{"type":156,"value":413},{"type":151,"tag":186,"props":870,"children":871},{"style":216},[872],{"type":156,"value":389},{"type":151,"tag":186,"props":874,"children":875},{"style":216},[876],{"type":156,"value":394},{"type":151,"tag":186,"props":878,"children":879},{"style":397},[880],{"type":156,"value":881},"/sea.jpeg",{"type":151,"tag":186,"props":883,"children":884},{"style":216},[885],{"type":156,"value":405},{"type":151,"tag":186,"props":887,"children":888},{"class":188,"line":259},[889,893,897,901,906],{"type":151,"tag":186,"props":890,"children":891},{"style":381},[892],{"type":156,"value":463},{"type":151,"tag":186,"props":894,"children":895},{"style":216},[896],{"type":156,"value":389},{"type":151,"tag":186,"props":898,"children":899},{"style":216},[900],{"type":156,"value":394},{"type":151,"tag":186,"props":902,"children":903},{"style":397},[904],{"type":156,"value":905},"300",{"type":151,"tag":186,"props":907,"children":908},{"style":216},[909],{"type":156,"value":405},{"type":151,"tag":186,"props":911,"children":912},{"class":188,"line":282},[913,917,921,925,930],{"type":151,"tag":186,"props":914,"children":915},{"style":381},[916],{"type":156,"value":438},{"type":151,"tag":186,"props":918,"children":919},{"style":216},[920],{"type":156,"value":389},{"type":151,"tag":186,"props":922,"children":923},{"style":216},[924],{"type":156,"value":394},{"type":151,"tag":186,"props":926,"children":927},{"style":397},[928],{"type":156,"value":929},"500",{"type":151,"tag":186,"props":931,"children":932},{"style":216},[933],{"type":156,"value":405},{"type":151,"tag":186,"props":935,"children":936},{"class":188,"line":291},[937,941,945,949,954],{"type":151,"tag":186,"props":938,"children":939},{"style":381},[940],{"type":156,"value":487},{"type":151,"tag":186,"props":942,"children":943},{"style":216},[944],{"type":156,"value":389},{"type":151,"tag":186,"props":946,"children":947},{"style":216},[948],{"type":156,"value":394},{"type":151,"tag":186,"props":950,"children":951},{"style":397},[952],{"type":156,"value":953},"cover",{"type":151,"tag":186,"props":955,"children":956},{"style":216},[957],{"type":156,"value":405},{"type":151,"tag":186,"props":959,"children":960},{"class":188,"line":300},[961,966,970,974,979],{"type":151,"tag":186,"props":962,"children":963},{"style":381},[964],{"type":156,"value":965},"  :modifiers",{"type":151,"tag":186,"props":967,"children":968},{"style":216},[969],{"type":156,"value":389},{"type":151,"tag":186,"props":971,"children":972},{"style":216},[973],{"type":156,"value":394},{"type":151,"tag":186,"props":975,"children":976},{"style":397},[977],{"type":156,"value":978},"{ format: 'auto', compress: 'true' }",{"type":151,"tag":186,"props":980,"children":981},{"style":216},[982],{"type":156,"value":405},{"type":151,"tag":186,"props":984,"children":985},{"class":188,"line":532},[986],{"type":151,"tag":186,"props":987,"children":988},{"style":216},[989],{"type":156,"value":569},{"type":151,"tag":152,"props":991,"children":992},{},[993,995,1002],{"type":156,"value":994},"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":996,"children":999},{"href":997,"rel":998},"https://demo.gumlet.io/sea.jpeg?format=auto&w=300&h=500&compress=true",[163],[1000],{"type":156,"value":1001},"woman in the hat",{"type":156,"value":798},{"type":151,"tag":571,"props":1004,"children":1005},{},[1006],{"type":156,"value":575},{"title":139,"searchDepth":222,"depth":222,"links":1008},[1009,1011,1012],{"id":726,"depth":222,"text":1010},"gumlet mode values",{"id":761,"depth":222,"text":764},{"id":801,"depth":222,"text":804},"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":1017,"links":1018,"body":1021,"_type":579,"_id":1876,"_source":581,"_file":1877,"_stem":1878,"_extension":584},"Nuxt Image has first class integration with ImageEngine.",[1019],{"label":143,"icon":144,"to":1020,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imageengine.ts",{"type":148,"children":1022,"toc":1867},[1023,1034,1055,1165,1177,1204,1292,1298,1323,1479,1518,1523,1667,1672,1813,1819,1826,1831,1852,1858,1863],{"type":151,"tag":152,"props":1024,"children":1025},{},[1026,1027,1033],{"type":156,"value":157},{"type":151,"tag":159,"props":1028,"children":1031},{"href":1029,"rel":1030},"https://imageengine.io/",[163],[1032],{"type":156,"value":79},{"type":156,"value":167},{"type":151,"tag":152,"props":1035,"children":1036},{},[1037,1039,1045,1047,1053],{"type":156,"value":1038},"At a minimum, you must configure the ",{"type":151,"tag":182,"props":1040,"children":1042},{"className":1041},[],[1043],{"type":156,"value":1044},"imageengine",{"type":156,"value":1046}," provider with the ",{"type":151,"tag":182,"props":1048,"children":1050},{"className":1049},[],[1051],{"type":156,"value":1052},"baseURL",{"type":156,"value":1054}," set to your ImageEngine Delivery Address:",{"type":151,"tag":174,"props":1056,"children":1058},{"className":176,"code":1057,"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",[1059],{"type":151,"tag":182,"props":1060,"children":1061},{"__ignoreMap":139},[1062,1085,1100,1116,1140,1147,1154],{"type":151,"tag":186,"props":1063,"children":1064},{"class":188,"line":189},[1065,1069,1073,1077,1081],{"type":151,"tag":186,"props":1066,"children":1067},{"style":193},[1068],{"type":156,"value":196},{"type":151,"tag":186,"props":1070,"children":1071},{"style":193},[1072],{"type":156,"value":201},{"type":151,"tag":186,"props":1074,"children":1075},{"style":204},[1076],{"type":156,"value":207},{"type":151,"tag":186,"props":1078,"children":1079},{"style":210},[1080],{"type":156,"value":213},{"type":151,"tag":186,"props":1082,"children":1083},{"style":216},[1084],{"type":156,"value":219},{"type":151,"tag":186,"props":1086,"children":1087},{"class":188,"line":222},[1088,1092,1096],{"type":151,"tag":186,"props":1089,"children":1090},{"style":226},[1091],{"type":156,"value":229},{"type":151,"tag":186,"props":1093,"children":1094},{"style":216},[1095],{"type":156,"value":234},{"type":151,"tag":186,"props":1097,"children":1098},{"style":216},[1099],{"type":156,"value":239},{"type":151,"tag":186,"props":1101,"children":1102},{"class":188,"line":242},[1103,1108,1112],{"type":151,"tag":186,"props":1104,"children":1105},{"style":226},[1106],{"type":156,"value":1107},"    imageengine",{"type":151,"tag":186,"props":1109,"children":1110},{"style":216},[1111],{"type":156,"value":234},{"type":151,"tag":186,"props":1113,"children":1114},{"style":216},[1115],{"type":156,"value":239},{"type":151,"tag":186,"props":1117,"children":1118},{"class":188,"line":259},[1119,1123,1127,1131,1136],{"type":151,"tag":186,"props":1120,"children":1121},{"style":226},[1122],{"type":156,"value":265},{"type":151,"tag":186,"props":1124,"children":1125},{"style":216},[1126],{"type":156,"value":234},{"type":151,"tag":186,"props":1128,"children":1129},{"style":216},[1130],{"type":156,"value":685},{"type":151,"tag":186,"props":1132,"children":1133},{"style":397},[1134],{"type":156,"value":1135},"https://xxxxx.imgeng.in",{"type":151,"tag":186,"props":1137,"children":1138},{"style":216},[1139],{"type":156,"value":695},{"type":151,"tag":186,"props":1141,"children":1142},{"class":188,"line":282},[1143],{"type":151,"tag":186,"props":1144,"children":1145},{"style":216},[1146],{"type":156,"value":703},{"type":151,"tag":186,"props":1148,"children":1149},{"class":188,"line":291},[1150],{"type":151,"tag":186,"props":1151,"children":1152},{"style":216},[1153],{"type":156,"value":711},{"type":151,"tag":186,"props":1155,"children":1156},{"class":188,"line":300},[1157,1161],{"type":151,"tag":186,"props":1158,"children":1159},{"style":216},[1160],{"type":156,"value":306},{"type":151,"tag":186,"props":1162,"children":1163},{"style":210},[1164],{"type":156,"value":723},{"type":151,"tag":318,"props":1166,"children":1168},{"id":1167},"imageengine-fit-values",[1169,1171,1176],{"type":156,"value":1170},"ImageEngine ",{"type":151,"tag":182,"props":1172,"children":1174},{"className":1173},[],[1175],{"type":156,"value":754},{"type":156,"value":737},{"type":151,"tag":152,"props":1178,"children":1179},{},[1180,1182,1193,1195,1202],{"type":156,"value":1181},"The ",{"type":151,"tag":159,"props":1183,"children":1184},{"href":745},[1185,1187,1192],{"type":156,"value":1186},"standard values for ",{"type":151,"tag":182,"props":1188,"children":1190},{"className":1189},[],[1191],{"type":156,"value":754},{"type":156,"value":756},{"type":156,"value":1194}," map onto ",{"type":151,"tag":159,"props":1196,"children":1199},{"href":1197,"rel":1198},"https://imageengine.io/docs/directives",[163],[1200],{"type":156,"value":1201},"ImageEngine Directives",{"type":156,"value":1203}," as follows:",{"type":151,"tag":1205,"props":1206,"children":1207},"ul",{},[1208,1225,1241,1257,1275],{"type":151,"tag":1209,"props":1210,"children":1211},"li",{},[1212,1217,1219],{"type":151,"tag":182,"props":1213,"children":1215},{"className":1214},[],[1216],{"type":156,"value":953},{"type":156,"value":1218},": ",{"type":151,"tag":182,"props":1220,"children":1222},{"className":1221},[],[1223],{"type":156,"value":1224},"m_cropbox",{"type":151,"tag":1209,"props":1226,"children":1227},{},[1228,1234,1235],{"type":151,"tag":182,"props":1229,"children":1231},{"className":1230},[],[1232],{"type":156,"value":1233},"contain",{"type":156,"value":1218},{"type":151,"tag":182,"props":1236,"children":1238},{"className":1237},[],[1239],{"type":156,"value":1240},"m_letterbox",{"type":151,"tag":1209,"props":1242,"children":1243},{},[1244,1250,1251],{"type":151,"tag":182,"props":1245,"children":1247},{"className":1246},[],[1248],{"type":156,"value":1249},"fill",{"type":156,"value":1218},{"type":151,"tag":182,"props":1252,"children":1254},{"className":1253},[],[1255],{"type":156,"value":1256},"m_stretch",{"type":151,"tag":1209,"props":1258,"children":1259},{},[1260,1266,1267,1273],{"type":151,"tag":182,"props":1261,"children":1263},{"className":1262},[],[1264],{"type":156,"value":1265},"inside",{"type":156,"value":1218},{"type":151,"tag":182,"props":1268,"children":1270},{"className":1269},[],[1271],{"type":156,"value":1272},"m_box",{"type":156,"value":1274},", this is the default fit method for the ImageEngine provider.",{"type":151,"tag":1209,"props":1276,"children":1277},{},[1278,1284,1286,1291],{"type":151,"tag":182,"props":1279,"children":1281},{"className":1280},[],[1282],{"type":156,"value":1283},"outside",{"type":156,"value":1285},": This fit method is not supported and functions the same as ",{"type":151,"tag":182,"props":1287,"children":1289},{"className":1288},[],[1290],{"type":156,"value":1265},{"type":156,"value":798},{"type":151,"tag":318,"props":1293,"children":1295},{"id":1294},"imageengine-modifiers",[1296],{"type":156,"value":1297},"ImageEngine modifiers",{"type":151,"tag":152,"props":1299,"children":1300},{},[1301,1303,1307,1309,1314,1316,1321],{"type":156,"value":1302},"In addition to the ",{"type":151,"tag":159,"props":1304,"children":1305},{"href":772},[1306],{"type":156,"value":775},{"type":156,"value":1308},", you can also use all ",{"type":151,"tag":159,"props":1310,"children":1312},{"href":1197,"rel":1311},[163],[1313],{"type":156,"value":1201},{"type":156,"value":1315}," by adding them to the ",{"type":151,"tag":182,"props":1317,"children":1319},{"className":1318},[],[1320],{"type":156,"value":320},{"type":156,"value":1322}," property with the following attribute names:",{"type":151,"tag":1205,"props":1324,"children":1325},{},[1326,1344,1360,1377,1394,1411,1428,1445,1462],{"type":151,"tag":1209,"props":1327,"children":1328},{},[1329,1335,1336,1342],{"type":151,"tag":182,"props":1330,"children":1332},{"className":1331},[],[1333],{"type":156,"value":1334},"format",{"type":156,"value":1218},{"type":151,"tag":182,"props":1337,"children":1339},{"className":1338},[],[1340],{"type":156,"value":1341},"f",{"type":156,"value":1343}," directive",{"type":151,"tag":1209,"props":1345,"children":1346},{},[1347,1352,1353,1359],{"type":151,"tag":182,"props":1348,"children":1350},{"className":1349},[],[1351],{"type":156,"value":754},{"type":156,"value":1218},{"type":151,"tag":182,"props":1354,"children":1356},{"className":1355},[],[1357],{"type":156,"value":1358},"m",{"type":156,"value":1343},{"type":151,"tag":1209,"props":1361,"children":1362},{},[1363,1369,1370,1376],{"type":151,"tag":182,"props":1364,"children":1366},{"className":1365},[],[1367],{"type":156,"value":1368},"passThrough",{"type":156,"value":1218},{"type":151,"tag":182,"props":1371,"children":1373},{"className":1372},[],[1374],{"type":156,"value":1375},"pass",{"type":156,"value":1343},{"type":151,"tag":1209,"props":1378,"children":1379},{},[1380,1386,1387,1393],{"type":151,"tag":182,"props":1381,"children":1383},{"className":1382},[],[1384],{"type":156,"value":1385},"sharpen",{"type":156,"value":1218},{"type":151,"tag":182,"props":1388,"children":1390},{"className":1389},[],[1391],{"type":156,"value":1392},"s",{"type":156,"value":1343},{"type":151,"tag":1209,"props":1395,"children":1396},{},[1397,1403,1404,1410],{"type":151,"tag":182,"props":1398,"children":1400},{"className":1399},[],[1401],{"type":156,"value":1402},"rotate",{"type":156,"value":1218},{"type":151,"tag":182,"props":1405,"children":1407},{"className":1406},[],[1408],{"type":156,"value":1409},"r",{"type":156,"value":1343},{"type":151,"tag":1209,"props":1412,"children":1413},{},[1414,1420,1421,1427],{"type":151,"tag":182,"props":1415,"children":1417},{"className":1416},[],[1418],{"type":156,"value":1419},"screenPercent",{"type":156,"value":1218},{"type":151,"tag":182,"props":1422,"children":1424},{"className":1423},[],[1425],{"type":156,"value":1426},"pc",{"type":156,"value":1343},{"type":151,"tag":1209,"props":1429,"children":1430},{},[1431,1437,1438,1444],{"type":151,"tag":182,"props":1432,"children":1434},{"className":1433},[],[1435],{"type":156,"value":1436},"crop",{"type":156,"value":1218},{"type":151,"tag":182,"props":1439,"children":1441},{"className":1440},[],[1442],{"type":156,"value":1443},"cr",{"type":156,"value":1343},{"type":151,"tag":1209,"props":1446,"children":1447},{},[1448,1454,1455,1461],{"type":151,"tag":182,"props":1449,"children":1451},{"className":1450},[],[1452],{"type":156,"value":1453},"inline",{"type":156,"value":1218},{"type":151,"tag":182,"props":1456,"children":1458},{"className":1457},[],[1459],{"type":156,"value":1460},"in",{"type":156,"value":1343},{"type":151,"tag":1209,"props":1463,"children":1464},{},[1465,1471,1472,1478],{"type":151,"tag":182,"props":1466,"children":1468},{"className":1467},[],[1469],{"type":156,"value":1470},"metadata",{"type":156,"value":1218},{"type":151,"tag":182,"props":1473,"children":1475},{"className":1474},[],[1476],{"type":156,"value":1477},"meta",{"type":156,"value":1343},{"type":151,"tag":1480,"props":1481,"children":1482},"blockquote",{},[1483],{"type":151,"tag":152,"props":1484,"children":1485},{},[1486,1488,1493,1495,1501,1503,1508,1510,1516],{"type":156,"value":1487},"Note that the standard ",{"type":151,"tag":182,"props":1489,"children":1491},{"className":1490},[],[1492],{"type":156,"value":351},{"type":156,"value":1494}," attribute is converted to the ImageEngine ",{"type":151,"tag":182,"props":1496,"children":1498},{"className":1497},[],[1499],{"type":156,"value":1500},"cmpr",{"type":156,"value":1502}," compression directive.  ",{"type":151,"tag":182,"props":1504,"children":1506},{"className":1505},[],[1507],{"type":156,"value":351},{"type":156,"value":1509}," 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":1511,"children":1513},{"className":1512},[],[1514],{"type":156,"value":1515},":modifiers=\"{ passThrough: 'true' }\"",{"type":156,"value":1517},", which will serve the unaltered image.",{"type":151,"tag":152,"props":1519,"children":1520},{},[1521],{"type":156,"value":1522},"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":1524,"children":1526},{"className":820,"code":1525,"language":822,"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",[1527],{"type":151,"tag":182,"props":1528,"children":1529},{"__ignoreMap":139},[1530,1541,1564,1588,1612,1636,1660],{"type":151,"tag":186,"props":1531,"children":1532},{"class":188,"line":189},[1533,1537],{"type":151,"tag":186,"props":1534,"children":1535},{"style":216},[1536],{"type":156,"value":370},{"type":151,"tag":186,"props":1538,"children":1539},{"style":226},[1540],{"type":156,"value":375},{"type":151,"tag":186,"props":1542,"children":1543},{"class":188,"line":222},[1544,1548,1552,1556,1560],{"type":151,"tag":186,"props":1545,"children":1546},{"style":381},[1547],{"type":156,"value":384},{"type":151,"tag":186,"props":1549,"children":1550},{"style":216},[1551],{"type":156,"value":389},{"type":151,"tag":186,"props":1553,"children":1554},{"style":216},[1555],{"type":156,"value":394},{"type":151,"tag":186,"props":1557,"children":1558},{"style":397},[1559],{"type":156,"value":1044},{"type":151,"tag":186,"props":1561,"children":1562},{"style":216},[1563],{"type":156,"value":405},{"type":151,"tag":186,"props":1565,"children":1566},{"class":188,"line":242},[1567,1571,1575,1579,1584],{"type":151,"tag":186,"props":1568,"children":1569},{"style":381},[1570],{"type":156,"value":413},{"type":151,"tag":186,"props":1572,"children":1573},{"style":216},[1574],{"type":156,"value":389},{"type":151,"tag":186,"props":1576,"children":1577},{"style":216},[1578],{"type":156,"value":394},{"type":151,"tag":186,"props":1580,"children":1581},{"style":397},[1582],{"type":156,"value":1583},"/some-image.jpg",{"type":151,"tag":186,"props":1585,"children":1586},{"style":216},[1587],{"type":156,"value":405},{"type":151,"tag":186,"props":1589,"children":1590},{"class":188,"line":259},[1591,1595,1599,1603,1608],{"type":151,"tag":186,"props":1592,"children":1593},{"style":381},[1594],{"type":156,"value":463},{"type":151,"tag":186,"props":1596,"children":1597},{"style":216},[1598],{"type":156,"value":389},{"type":151,"tag":186,"props":1600,"children":1601},{"style":216},[1602],{"type":156,"value":394},{"type":151,"tag":186,"props":1604,"children":1605},{"style":397},[1606],{"type":156,"value":1607},"100",{"type":151,"tag":186,"props":1609,"children":1610},{"style":216},[1611],{"type":156,"value":405},{"type":151,"tag":186,"props":1613,"children":1614},{"class":188,"line":282},[1615,1619,1623,1627,1632],{"type":151,"tag":186,"props":1616,"children":1617},{"style":381},[1618],{"type":156,"value":438},{"type":151,"tag":186,"props":1620,"children":1621},{"style":216},[1622],{"type":156,"value":389},{"type":151,"tag":186,"props":1624,"children":1625},{"style":216},[1626],{"type":156,"value":394},{"type":151,"tag":186,"props":1628,"children":1629},{"style":397},[1630],{"type":156,"value":1631},"80",{"type":151,"tag":186,"props":1633,"children":1634},{"style":216},[1635],{"type":156,"value":405},{"type":151,"tag":186,"props":1637,"children":1638},{"class":188,"line":291},[1639,1643,1647,1651,1656],{"type":151,"tag":186,"props":1640,"children":1641},{"style":381},[1642],{"type":156,"value":965},{"type":151,"tag":186,"props":1644,"children":1645},{"style":216},[1646],{"type":156,"value":389},{"type":151,"tag":186,"props":1648,"children":1649},{"style":216},[1650],{"type":156,"value":394},{"type":151,"tag":186,"props":1652,"children":1653},{"style":397},[1654],{"type":156,"value":1655},"{ cr: '100,80,10,20' }",{"type":151,"tag":186,"props":1657,"children":1658},{"style":216},[1659],{"type":156,"value":405},{"type":151,"tag":186,"props":1661,"children":1662},{"class":188,"line":300},[1663],{"type":151,"tag":186,"props":1664,"children":1665},{"style":216},[1666],{"type":156,"value":569},{"type":151,"tag":152,"props":1668,"children":1669},{},[1670],{"type":156,"value":1671},"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":1673,"children":1675},{"className":820,"code":1674,"language":822,"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",[1676],{"type":151,"tag":182,"props":1677,"children":1678},{"__ignoreMap":139},[1679,1690,1713,1736,1759,1782,1806],{"type":151,"tag":186,"props":1680,"children":1681},{"class":188,"line":189},[1682,1686],{"type":151,"tag":186,"props":1683,"children":1684},{"style":216},[1685],{"type":156,"value":370},{"type":151,"tag":186,"props":1687,"children":1688},{"style":226},[1689],{"type":156,"value":375},{"type":151,"tag":186,"props":1691,"children":1692},{"class":188,"line":222},[1693,1697,1701,1705,1709],{"type":151,"tag":186,"props":1694,"children":1695},{"style":381},[1696],{"type":156,"value":384},{"type":151,"tag":186,"props":1698,"children":1699},{"style":216},[1700],{"type":156,"value":389},{"type":151,"tag":186,"props":1702,"children":1703},{"style":216},[1704],{"type":156,"value":394},{"type":151,"tag":186,"props":1706,"children":1707},{"style":397},[1708],{"type":156,"value":1044},{"type":151,"tag":186,"props":1710,"children":1711},{"style":216},[1712],{"type":156,"value":405},{"type":151,"tag":186,"props":1714,"children":1715},{"class":188,"line":242},[1716,1720,1724,1728,1732],{"type":151,"tag":186,"props":1717,"children":1718},{"style":381},[1719],{"type":156,"value":413},{"type":151,"tag":186,"props":1721,"children":1722},{"style":216},[1723],{"type":156,"value":389},{"type":151,"tag":186,"props":1725,"children":1726},{"style":216},[1727],{"type":156,"value":394},{"type":151,"tag":186,"props":1729,"children":1730},{"style":397},[1731],{"type":156,"value":1583},{"type":151,"tag":186,"props":1733,"children":1734},{"style":216},[1735],{"type":156,"value":405},{"type":151,"tag":186,"props":1737,"children":1738},{"class":188,"line":259},[1739,1743,1747,1751,1755],{"type":151,"tag":186,"props":1740,"children":1741},{"style":381},[1742],{"type":156,"value":463},{"type":151,"tag":186,"props":1744,"children":1745},{"style":216},[1746],{"type":156,"value":389},{"type":151,"tag":186,"props":1748,"children":1749},{"style":216},[1750],{"type":156,"value":394},{"type":151,"tag":186,"props":1752,"children":1753},{"style":397},[1754],{"type":156,"value":1607},{"type":151,"tag":186,"props":1756,"children":1757},{"style":216},[1758],{"type":156,"value":405},{"type":151,"tag":186,"props":1760,"children":1761},{"class":188,"line":282},[1762,1766,1770,1774,1778],{"type":151,"tag":186,"props":1763,"children":1764},{"style":381},[1765],{"type":156,"value":438},{"type":151,"tag":186,"props":1767,"children":1768},{"style":216},[1769],{"type":156,"value":389},{"type":151,"tag":186,"props":1771,"children":1772},{"style":216},[1773],{"type":156,"value":394},{"type":151,"tag":186,"props":1775,"children":1776},{"style":397},[1777],{"type":156,"value":1631},{"type":151,"tag":186,"props":1779,"children":1780},{"style":216},[1781],{"type":156,"value":405},{"type":151,"tag":186,"props":1783,"children":1784},{"class":188,"line":291},[1785,1789,1793,1797,1802],{"type":151,"tag":186,"props":1786,"children":1787},{"style":381},[1788],{"type":156,"value":965},{"type":151,"tag":186,"props":1790,"children":1791},{"style":216},[1792],{"type":156,"value":389},{"type":151,"tag":186,"props":1794,"children":1795},{"style":216},[1796],{"type":156,"value":394},{"type":151,"tag":186,"props":1798,"children":1799},{"style":397},[1800],{"type":156,"value":1801},"{ meta: 'true' }",{"type":151,"tag":186,"props":1803,"children":1804},{"style":216},[1805],{"type":156,"value":405},{"type":151,"tag":186,"props":1807,"children":1808},{"class":188,"line":300},[1809],{"type":151,"tag":186,"props":1810,"children":1811},{"style":216},[1812],{"type":156,"value":569},{"type":151,"tag":318,"props":1814,"children":1816},{"id":1815},"imageengine-best-practices",[1817],{"type":156,"value":1818},"ImageEngine best practices",{"type":151,"tag":1820,"props":1821,"children":1823},"h3",{"id":1822},"automatic-format-and-quality-detection",[1824],{"type":156,"value":1825},"Automatic format and quality detection",{"type":151,"tag":152,"props":1827,"children":1828},{},[1829],{"type":156,"value":1830},"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":1832,"children":1833},{},[1834,1836,1842,1844,1850],{"type":156,"value":1835},"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":1837,"children":1839},{"className":1838},[],[1840],{"type":156,"value":1841},"format='webp'",{"type":156,"value":1843},") and quality (",{"type":151,"tag":182,"props":1845,"children":1847},{"className":1846},[],[1848],{"type":156,"value":1849},"quality='80'",{"type":156,"value":1851},").",{"type":151,"tag":1820,"props":1853,"children":1855},{"id":1854},"imageengine-settings",[1856],{"type":156,"value":1857},"ImageEngine settings",{"type":151,"tag":152,"props":1859,"children":1860},{},[1861],{"type":156,"value":1862},"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":1864,"children":1865},{},[1866],{"type":156,"value":575},{"title":139,"searchDepth":222,"depth":222,"links":1868},[1869,1871,1872],{"id":1167,"depth":222,"text":1870},"ImageEngine fit values",{"id":1294,"depth":222,"text":1297},{"id":1815,"depth":222,"text":1818,"children":1873},[1874,1875],{"id":1822,"depth":242,"text":1825},{"id":1854,"depth":242,"text":1857},"content:3.providers:imageengine.md","3.providers/imageengine.md","3.providers/imageengine",1724756975304]