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