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