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