[{"data":1,"prerenderedAt":815},["Reactive",2],{"navigation":3,"docs-/providers/fastly":115,"docs-/providers/fastly-surround":346},[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":56,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":55,"description":119,"body":120,"_type":341,"_id":342,"_source":343,"_file":344,"_extension":345},"providers",false,"","Nuxt Image has first class integration with Fastly.",{"type":121,"children":122,"toc":339},"root",[123,141,146,333],{"type":124,"tag":125,"props":126,"children":127},"element","p",{},[128,131,139],{"type":129,"value":130},"text","Integration between ",{"type":124,"tag":132,"props":133,"children":137},"a",{"href":134,"rel":135},"https://docs.fastly.com/en/guides/image-optimization-api",[136],"nofollow",[138],{"type":129,"value":55},{"type":129,"value":140}," and the image module.",{"type":124,"tag":125,"props":142,"children":143},{},[144],{"type":129,"value":145},"To use this provider you just need to specify the base url of your service in Fastly.",{"type":124,"tag":147,"props":148,"children":153},"pre",{"className":149,"code":150,"filename":151,"language":152,"meta":118},"language-ts material-theme_material-theme-palenight_material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    fastly: {\n      baseURL: 'https://www.fastly.io'\n    }\n  }\n})\n","nuxt.config.ts","ts",[154],{"type":124,"tag":155,"props":156,"children":157},"code",{"__ignoreMap":118},[158,202,230,256,294,307,319],{"type":124,"tag":159,"props":160,"children":163},"span",{"class":161,"line":162},"line",1,[164,170,176,181,185,191,196],{"type":124,"tag":159,"props":165,"children":167},{"class":166},"ct-398028",[168],{"type":129,"value":169},"export",{"type":124,"tag":159,"props":171,"children":173},{"class":172},"ct-521921",[174],{"type":129,"value":175}," ",{"type":124,"tag":159,"props":177,"children":178},{"class":166},[179],{"type":129,"value":180},"default",{"type":124,"tag":159,"props":182,"children":183},{"class":172},[184],{"type":129,"value":175},{"type":124,"tag":159,"props":186,"children":188},{"class":187},"ct-021512",[189],{"type":129,"value":190},"defineNuxtConfig",{"type":124,"tag":159,"props":192,"children":193},{"class":172},[194],{"type":129,"value":195},"(",{"type":124,"tag":159,"props":197,"children":199},{"class":198},"ct-542793",[200],{"type":129,"value":201},"{\n",{"type":124,"tag":159,"props":203,"children":205},{"class":161,"line":204},2,[206,211,217,222,226],{"type":124,"tag":159,"props":207,"children":208},{"class":172},[209],{"type":129,"value":210},"  ",{"type":124,"tag":159,"props":212,"children":214},{"class":213},"ct-821147",[215],{"type":129,"value":216},"image",{"type":124,"tag":159,"props":218,"children":219},{"class":198},[220],{"type":129,"value":221},":",{"type":124,"tag":159,"props":223,"children":224},{"class":172},[225],{"type":129,"value":175},{"type":124,"tag":159,"props":227,"children":228},{"class":198},[229],{"type":129,"value":201},{"type":124,"tag":159,"props":231,"children":233},{"class":161,"line":232},3,[234,239,244,248,252],{"type":124,"tag":159,"props":235,"children":236},{"class":172},[237],{"type":129,"value":238},"    ",{"type":124,"tag":159,"props":240,"children":241},{"class":213},[242],{"type":129,"value":243},"fastly",{"type":124,"tag":159,"props":245,"children":246},{"class":198},[247],{"type":129,"value":221},{"type":124,"tag":159,"props":249,"children":250},{"class":172},[251],{"type":129,"value":175},{"type":124,"tag":159,"props":253,"children":254},{"class":198},[255],{"type":129,"value":201},{"type":124,"tag":159,"props":257,"children":259},{"class":161,"line":258},4,[260,265,270,274,278,283,289],{"type":124,"tag":159,"props":261,"children":262},{"class":172},[263],{"type":129,"value":264},"      ",{"type":124,"tag":159,"props":266,"children":267},{"class":213},[268],{"type":129,"value":269},"baseURL",{"type":124,"tag":159,"props":271,"children":272},{"class":198},[273],{"type":129,"value":221},{"type":124,"tag":159,"props":275,"children":276},{"class":172},[277],{"type":129,"value":175},{"type":124,"tag":159,"props":279,"children":280},{"class":198},[281],{"type":129,"value":282},"'",{"type":124,"tag":159,"props":284,"children":286},{"class":285},"ct-083593",[287],{"type":129,"value":288},"https://www.fastly.io",{"type":124,"tag":159,"props":290,"children":291},{"class":198},[292],{"type":129,"value":293},"'\n",{"type":124,"tag":159,"props":295,"children":297},{"class":161,"line":296},5,[298,302],{"type":124,"tag":159,"props":299,"children":300},{"class":172},[301],{"type":129,"value":238},{"type":124,"tag":159,"props":303,"children":304},{"class":198},[305],{"type":129,"value":306},"}\n",{"type":124,"tag":159,"props":308,"children":310},{"class":161,"line":309},6,[311,315],{"type":124,"tag":159,"props":312,"children":313},{"class":172},[314],{"type":129,"value":210},{"type":124,"tag":159,"props":316,"children":317},{"class":198},[318],{"type":129,"value":306},{"type":124,"tag":159,"props":320,"children":322},{"class":161,"line":321},7,[323,328],{"type":124,"tag":159,"props":324,"children":325},{"class":198},[326],{"type":129,"value":327},"}",{"type":124,"tag":159,"props":329,"children":330},{"class":172},[331],{"type":129,"value":332},")",{"type":124,"tag":334,"props":335,"children":336},"style",{},[337],{"type":129,"value":338},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":118,"searchDepth":204,"depth":204,"links":340},[],"markdown","content:3.providers:fastly.md","content","3.providers/fastly.md","md",[347,622],{"_path":53,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":52,"description":348,"body":349,"_type":341,"_id":620,"_source":343,"_file":621,"_extension":345},"Optimize images with Edgio (formerly Layer0)'s optimization service.",{"type":121,"children":350,"toc":614},[351,356,365,379,388,551,558,579,585,594,609],{"type":124,"tag":125,"props":352,"children":353},{},[354],{"type":129,"value":355},"Edgio provides a simple HTTP service for optimizing images.",{"type":124,"tag":357,"props":358,"children":359},"callout",{},[360],{"type":124,"tag":125,"props":361,"children":362},{},[363],{"type":129,"value":364},"The image optimizer will only return an optimized image for mobile browsers. Desktop browsers are served the original image.",{"type":124,"tag":125,"props":366,"children":367},{},[368,370,377],{"type":129,"value":369},"This integration works out of the box without need to configure!  See the ",{"type":124,"tag":132,"props":371,"children":374},{"href":372,"rel":373},"https://docs.edg.io/guides/image_optimization",[136],[375],{"type":129,"value":376},"Documentation",{"type":129,"value":378}," for more information.",{"type":124,"tag":125,"props":380,"children":381},{},[382],{"type":124,"tag":383,"props":384,"children":385},"strong",{},[386],{"type":129,"value":387},"Example:",{"type":124,"tag":147,"props":389,"children":393},{"className":390,"code":391,"language":392,"meta":118},"language-vue material-theme_material-theme-palenight_material-theme-lighter","\u003CNuxtImg provider=\"edgio\" src=\"https://i.imgur.com/LFtQeX2.jpeg\" width=\"200\" height=\"200\" quality=\"80\" />\n","vue",[394],{"type":124,"tag":155,"props":395,"children":396},{"__ignoreMap":118},[397],{"type":124,"tag":159,"props":398,"children":399},{"class":161,"line":162},[400,405,410,414,420,425,430,435,439,443,448,452,456,461,465,469,474,478,482,487,491,495,500,504,508,512,516,520,525,529,533,538,542,546],{"type":124,"tag":159,"props":401,"children":402},{"class":198},[403],{"type":129,"value":404},"\u003C",{"type":124,"tag":159,"props":406,"children":407},{"class":213},[408],{"type":129,"value":409},"NuxtImg",{"type":124,"tag":159,"props":411,"children":412},{"class":172},[413],{"type":129,"value":175},{"type":124,"tag":159,"props":415,"children":417},{"class":416},"ct-366012",[418],{"type":129,"value":419},"provider",{"type":124,"tag":159,"props":421,"children":422},{"class":198},[423],{"type":129,"value":424},"=",{"type":124,"tag":159,"props":426,"children":427},{"class":198},[428],{"type":129,"value":429},"\"",{"type":124,"tag":159,"props":431,"children":432},{"class":285},[433],{"type":129,"value":434},"edgio",{"type":124,"tag":159,"props":436,"children":437},{"class":198},[438],{"type":129,"value":429},{"type":124,"tag":159,"props":440,"children":441},{"class":172},[442],{"type":129,"value":175},{"type":124,"tag":159,"props":444,"children":445},{"class":416},[446],{"type":129,"value":447},"src",{"type":124,"tag":159,"props":449,"children":450},{"class":198},[451],{"type":129,"value":424},{"type":124,"tag":159,"props":453,"children":454},{"class":198},[455],{"type":129,"value":429},{"type":124,"tag":159,"props":457,"children":458},{"class":285},[459],{"type":129,"value":460},"https://i.imgur.com/LFtQeX2.jpeg",{"type":124,"tag":159,"props":462,"children":463},{"class":198},[464],{"type":129,"value":429},{"type":124,"tag":159,"props":466,"children":467},{"class":172},[468],{"type":129,"value":175},{"type":124,"tag":159,"props":470,"children":471},{"class":416},[472],{"type":129,"value":473},"width",{"type":124,"tag":159,"props":475,"children":476},{"class":198},[477],{"type":129,"value":424},{"type":124,"tag":159,"props":479,"children":480},{"class":198},[481],{"type":129,"value":429},{"type":124,"tag":159,"props":483,"children":484},{"class":285},[485],{"type":129,"value":486},"200",{"type":124,"tag":159,"props":488,"children":489},{"class":198},[490],{"type":129,"value":429},{"type":124,"tag":159,"props":492,"children":493},{"class":172},[494],{"type":129,"value":175},{"type":124,"tag":159,"props":496,"children":497},{"class":416},[498],{"type":129,"value":499},"height",{"type":124,"tag":159,"props":501,"children":502},{"class":198},[503],{"type":129,"value":424},{"type":124,"tag":159,"props":505,"children":506},{"class":198},[507],{"type":129,"value":429},{"type":124,"tag":159,"props":509,"children":510},{"class":285},[511],{"type":129,"value":486},{"type":124,"tag":159,"props":513,"children":514},{"class":198},[515],{"type":129,"value":429},{"type":124,"tag":159,"props":517,"children":518},{"class":172},[519],{"type":129,"value":175},{"type":124,"tag":159,"props":521,"children":522},{"class":416},[523],{"type":129,"value":524},"quality",{"type":124,"tag":159,"props":526,"children":527},{"class":198},[528],{"type":129,"value":424},{"type":124,"tag":159,"props":530,"children":531},{"class":198},[532],{"type":129,"value":429},{"type":124,"tag":159,"props":534,"children":535},{"class":285},[536],{"type":129,"value":537},"80",{"type":124,"tag":159,"props":539,"children":540},{"class":198},[541],{"type":129,"value":429},{"type":124,"tag":159,"props":543,"children":544},{"class":172},[545],{"type":129,"value":175},{"type":124,"tag":159,"props":547,"children":548},{"class":198},[549],{"type":129,"value":550},"/>",{"type":124,"tag":552,"props":553,"children":555},"h2",{"id":554},"modifiers",[556],{"type":129,"value":557},"Modifiers",{"type":124,"tag":125,"props":559,"children":560},{},[561,563,567,569,573,575],{"type":129,"value":562},"Edgio supports the following modifiers: ",{"type":124,"tag":155,"props":564,"children":565},{},[566],{"type":129,"value":499},{"type":129,"value":568},", ",{"type":124,"tag":155,"props":570,"children":571},{},[572],{"type":129,"value":473},{"type":129,"value":574}," and ",{"type":124,"tag":155,"props":576,"children":577},{},[578],{"type":129,"value":524},{"type":124,"tag":552,"props":580,"children":582},{"id":581},"options",[583],{"type":129,"value":584},"Options",{"type":124,"tag":586,"props":587,"children":589},"h3",{"id":588},"baseurl",[590],{"type":124,"tag":155,"props":591,"children":592},{},[593],{"type":129,"value":269},{"type":124,"tag":595,"props":596,"children":597},"ul",{},[598],{"type":124,"tag":599,"props":600,"children":601},"li",{},[602,604],{"type":129,"value":603},"Default: ",{"type":124,"tag":155,"props":605,"children":606},{},[607],{"type":129,"value":608},"https://opt.moovweb.net",{"type":124,"tag":334,"props":610,"children":611},{},[612],{"type":129,"value":613},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":118,"searchDepth":204,"depth":204,"links":615},[616,617],{"id":554,"depth":204,"text":557},{"id":581,"depth":204,"text":584,"children":618},[619],{"id":588,"depth":232,"text":269},"content:3.providers:edgio.md","3.providers/edgio.md",{"_path":59,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":58,"description":623,"body":624,"_type":341,"_id":813,"_source":343,"_file":814,"_extension":345},"Nuxt Image has first class integration with Glide.",{"type":121,"children":625,"toc":811},[626,637,642,806],{"type":124,"tag":125,"props":627,"children":628},{},[629,630,636],{"type":129,"value":130},{"type":124,"tag":132,"props":631,"children":634},{"href":632,"rel":633},"https://glide.thephpleague.com/",[136],[635],{"type":129,"value":58},{"type":129,"value":140},{"type":124,"tag":125,"props":638,"children":639},{},[640],{"type":129,"value":641},"To use this provider you just need to specify the base url of your service in glide.",{"type":124,"tag":147,"props":643,"children":645},{"className":149,"code":644,"filename":151,"language":152,"meta":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",[646],{"type":124,"tag":155,"props":647,"children":648},{"__ignoreMap":118},[649,680,703,727,740,772,783,794],{"type":124,"tag":159,"props":650,"children":651},{"class":161,"line":162},[652,656,660,664,668,672,676],{"type":124,"tag":159,"props":653,"children":654},{"class":166},[655],{"type":129,"value":169},{"type":124,"tag":159,"props":657,"children":658},{"class":172},[659],{"type":129,"value":175},{"type":124,"tag":159,"props":661,"children":662},{"class":166},[663],{"type":129,"value":180},{"type":124,"tag":159,"props":665,"children":666},{"class":172},[667],{"type":129,"value":175},{"type":124,"tag":159,"props":669,"children":670},{"class":187},[671],{"type":129,"value":190},{"type":124,"tag":159,"props":673,"children":674},{"class":172},[675],{"type":129,"value":195},{"type":124,"tag":159,"props":677,"children":678},{"class":198},[679],{"type":129,"value":201},{"type":124,"tag":159,"props":681,"children":682},{"class":161,"line":204},[683,687,691,695,699],{"type":124,"tag":159,"props":684,"children":685},{"class":172},[686],{"type":129,"value":210},{"type":124,"tag":159,"props":688,"children":689},{"class":213},[690],{"type":129,"value":216},{"type":124,"tag":159,"props":692,"children":693},{"class":198},[694],{"type":129,"value":221},{"type":124,"tag":159,"props":696,"children":697},{"class":172},[698],{"type":129,"value":175},{"type":124,"tag":159,"props":700,"children":701},{"class":198},[702],{"type":129,"value":201},{"type":124,"tag":159,"props":704,"children":705},{"class":161,"line":232},[706,710,715,719,723],{"type":124,"tag":159,"props":707,"children":708},{"class":172},[709],{"type":129,"value":238},{"type":124,"tag":159,"props":711,"children":712},{"class":213},[713],{"type":129,"value":714},"glide",{"type":124,"tag":159,"props":716,"children":717},{"class":198},[718],{"type":129,"value":221},{"type":124,"tag":159,"props":720,"children":721},{"class":172},[722],{"type":129,"value":175},{"type":124,"tag":159,"props":724,"children":725},{"class":198},[726],{"type":129,"value":201},{"type":124,"tag":159,"props":728,"children":729},{"class":161,"line":258},[730,734],{"type":124,"tag":159,"props":731,"children":732},{"class":198},[733],{"type":129,"value":264},{"type":124,"tag":159,"props":735,"children":737},{"class":736},"ct-767688",[738],{"type":129,"value":739},"// baseURL of your laravel application\n",{"type":124,"tag":159,"props":741,"children":742},{"class":161,"line":296},[743,747,751,755,759,763,768],{"type":124,"tag":159,"props":744,"children":745},{"class":172},[746],{"type":129,"value":264},{"type":124,"tag":159,"props":748,"children":749},{"class":213},[750],{"type":129,"value":269},{"type":124,"tag":159,"props":752,"children":753},{"class":198},[754],{"type":129,"value":221},{"type":124,"tag":159,"props":756,"children":757},{"class":172},[758],{"type":129,"value":175},{"type":124,"tag":159,"props":760,"children":761},{"class":198},[762],{"type":129,"value":282},{"type":124,"tag":159,"props":764,"children":765},{"class":285},[766],{"type":129,"value":767},"https://glide.herokuapp.com/1.0/",{"type":124,"tag":159,"props":769,"children":770},{"class":198},[771],{"type":129,"value":293},{"type":124,"tag":159,"props":773,"children":774},{"class":161,"line":309},[775,779],{"type":124,"tag":159,"props":776,"children":777},{"class":172},[778],{"type":129,"value":238},{"type":124,"tag":159,"props":780,"children":781},{"class":198},[782],{"type":129,"value":306},{"type":124,"tag":159,"props":784,"children":785},{"class":161,"line":321},[786,790],{"type":124,"tag":159,"props":787,"children":788},{"class":172},[789],{"type":129,"value":210},{"type":124,"tag":159,"props":791,"children":792},{"class":198},[793],{"type":129,"value":306},{"type":124,"tag":159,"props":795,"children":797},{"class":161,"line":796},8,[798,802],{"type":124,"tag":159,"props":799,"children":800},{"class":198},[801],{"type":129,"value":327},{"type":124,"tag":159,"props":803,"children":804},{"class":172},[805],{"type":129,"value":332},{"type":124,"tag":334,"props":807,"children":808},{},[809],{"type":129,"value":810},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}",{"title":118,"searchDepth":204,"depth":204,"links":812},[],"content:3.providers:glide.md","3.providers/glide.md",1695857011169]