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