[{"data":1,"prerenderedAt":2380},["ShallowReactive",2],{"navigation_docs":3,"-providers-sirv":192,"-providers-sirv-surround":2375},[4,26,43,179],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Get Started","/get-started","1.get-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Providers","/get-started/providers","1.get-started/3.providers",{"title":22,"path":23,"stem":24},"Contributing","/get-started/contributing","1.get-started/4.contributing",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Usage","/usage","2.usage",[31,35,39],{"title":32,"path":33,"stem":34},"\u003CNuxtImg>","/usage/nuxt-img","2.usage/1.nuxt-img",{"title":36,"path":37,"stem":38},"\u003CNuxtPicture>","/usage/nuxt-picture","2.usage/2.nuxt-picture",{"title":40,"path":41,"stem":42},"useImage()","/usage/use-image","2.usage/3.use-image",{"title":18,"path":44,"stem":45,"children":46,"page":25},"/providers","3.providers",[47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175],{"title":48,"path":49,"stem":50},"Aliyun","/providers/aliyun","3.providers/aliyun",{"title":52,"path":53,"stem":54},"AWS Amplify","/providers/aws-amplify","3.providers/aws-amplify",{"title":56,"path":57,"stem":58},"Bunny","/providers/bunny","3.providers/bunny",{"title":60,"path":61,"stem":62},"Caisy","/providers/caisy","3.providers/caisy",{"title":64,"path":65,"stem":66},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":68,"path":69,"stem":70},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":72,"path":73,"stem":74},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":76,"path":77,"stem":78},"Contentful","/providers/contentful","3.providers/contentful",{"title":80,"path":81,"stem":82},"Directus","/providers/directus","3.providers/directus",{"title":84,"path":85,"stem":86},"Fastly","/providers/fastly","3.providers/fastly",{"title":88,"path":89,"stem":90},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":92,"path":93,"stem":94},"GitHub","/providers/github","3.providers/github",{"title":96,"path":97,"stem":98},"Glide","/providers/glide","3.providers/glide",{"title":100,"path":101,"stem":102},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":104,"path":105,"stem":106},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":108,"path":109,"stem":110},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":112,"path":113,"stem":114},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":116,"path":117,"stem":118},"Imgix","/providers/imgix","3.providers/imgix",{"title":120,"path":121,"stem":122},"IPX","/providers/ipx","3.providers/ipx",{"title":124,"path":125,"stem":126},"Netlify","/providers/netlify","3.providers/netlify",{"title":128,"path":129,"stem":130},"None","/providers/none","3.providers/none",{"title":132,"path":133,"stem":134},"Prepr","/providers/prepr","3.providers/prepr",{"title":136,"path":137,"stem":138},"Prismic","/providers/prismic","3.providers/prismic",{"title":140,"path":141,"stem":142},"Sanity","/providers/sanity","3.providers/sanity",{"title":144,"path":145,"stem":146},"Shopify","/providers/shopify","3.providers/shopify",{"title":148,"path":149,"stem":150},"Sirv","/providers/sirv","3.providers/sirv",{"title":152,"path":153,"stem":154},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":156,"path":157,"stem":158},"Strapi","/providers/strapi","3.providers/strapi",{"title":160,"path":161,"stem":162},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":164,"path":165,"stem":166},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":168,"path":169,"stem":170},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":172,"path":173,"stem":174},"Vercel","/providers/vercel","3.providers/vercel",{"title":176,"path":177,"stem":178},"Weserv","/providers/weserv","3.providers/weserv",{"title":180,"path":181,"stem":182,"children":183,"page":25},"Advanced","/advanced","4.advanced",[184,188],{"title":185,"path":186,"stem":187},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":189,"path":190,"stem":191},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":193,"title":148,"body":194,"description":2363,"extension":2364,"links":2365,"meta":2371,"navigation":2372,"path":149,"seo":2373,"stem":150,"__hash__":2374},"docs/3.providers/sirv.md",{"type":195,"value":196,"toc":2348},"minimark",[197,208,211,308,326,335,342,378,383,392,472,476,483,489,510,594,598,604,609,615,691,696,702,855,860,865,928,932,985,988,1064,1068,1071,1076,1082,1198,1206,1210,1213,1389,1396,1400,1403,2333,2344],[198,199,200,201,207],"p",{},"Integration between ",[202,203,148],"a",{"href":204,"rel":205},"https://sirv.com",[206],"nofollow"," and Nuxt image.",[198,209,210],{},"To use Sirv provider, you need to set up your Sirv URL as the baseURL in the Nuxt Image module configuration, like this:",[212,213,219],"pre",{"className":214,"code":215,"filename":216,"language":217,"meta":218,"style":218},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    sirv: {\n      baseURL: 'https://youralias.sirv.com'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[220,221,222,246,259,269,287,293,299],"code",{"__ignoreMap":218},[223,224,227,231,234,238,242],"span",{"class":225,"line":226},"line",1,[223,228,230],{"class":229},"s7zQu","export",[223,232,233],{"class":229}," default",[223,235,237],{"class":236},"s2Zo4"," defineNuxtConfig",[223,239,241],{"class":240},"sTEyZ","(",[223,243,245],{"class":244},"sMK4o","{\n",[223,247,249,253,256],{"class":225,"line":248},2,[223,250,252],{"class":251},"swJcz","  image",[223,254,255],{"class":244},":",[223,257,258],{"class":244}," {\n",[223,260,262,265,267],{"class":225,"line":261},3,[223,263,264],{"class":251},"    sirv",[223,266,255],{"class":244},[223,268,258],{"class":244},[223,270,272,275,277,280,284],{"class":225,"line":271},4,[223,273,274],{"class":251},"      baseURL",[223,276,255],{"class":244},[223,278,279],{"class":244}," '",[223,281,283],{"class":282},"sfazB","https://youralias.sirv.com",[223,285,286],{"class":244},"'\n",[223,288,290],{"class":225,"line":289},5,[223,291,292],{"class":244},"    }\n",[223,294,296],{"class":225,"line":295},6,[223,297,298],{"class":244},"  }\n",[223,300,302,305],{"class":225,"line":301},7,[223,303,304],{"class":244},"}",[223,306,307],{"class":240},")\n",[309,310,311],"blockquote",{},[198,312,313,314,319,320,325],{},"Get your alias from your ",[202,315,318],{"href":316,"rel":317},"https://my.sirv.com/#/account/settings",[206],"Sirv account details page"," or set up a custom domain (",[202,321,324],{"href":322,"rel":323},"https://sirv.com/help/articles/multiple-domains",[206],"instructions",").",[327,328,330,331,334],"h2",{"id":329},"sirv-fit-parameters","Sirv ",[220,332,333],{},"fit"," parameters",[198,336,337,338,341],{},"By default, Sirv will scale the image, preserving its aspect ratio, to fit within the smallest dimension.\nHere's the map of standard values for the ",[202,339,333],{"href":340},"/usage/nuxt-img#fit"," property and how they're going to be interpreted by Sirv:",[343,344,345,355,362,369],"ul",{},[346,347,348,351,352],"li",{},[220,349,350],{},"fill",": ",[220,353,354],{},"ignore",[346,356,357,351,360],{},[220,358,359],{},"inside",[220,361,350],{},[346,363,364,351,367],{},[220,365,366],{},"outside",[220,368,350],{},[346,370,371,351,374,377],{},[220,372,373],{},"noUpscaling",[220,375,376],{},"noup",", this is the default option for Sirv image provider, so you don't need to specify it explicitly.",[327,379,381],{"id":380},"format",[220,382,380],{},[198,384,385,386,391],{},"If no format is specified, Sirv will deliver your images in the ",[202,387,390],{"href":388,"rel":389},"https://sirv.com/help/articles/dynamic-imaging/#optimal",[206],"optimal"," format by default.\nAlternatively, you can specify a custom format for the image like this:",[212,393,397],{"className":394,"code":395,"language":396,"meta":218,"style":218},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  format=\"webp\"\n/>\n","vue",[220,398,399,407,425,439,453,467],{"__ignoreMap":218},[223,400,401,404],{"class":225,"line":226},[223,402,403],{"class":244},"\u003C",[223,405,406],{"class":251},"NuxtImg\n",[223,408,409,413,416,419,422],{"class":225,"line":248},[223,410,412],{"class":411},"spNyl","  provider",[223,414,415],{"class":244},"=",[223,417,418],{"class":244},"\"",[223,420,421],{"class":282},"sirv",[223,423,424],{"class":244},"\"\n",[223,426,427,430,432,434,437],{"class":225,"line":261},[223,428,429],{"class":411},"  src",[223,431,415],{"class":244},[223,433,418],{"class":244},[223,435,436],{"class":282},"/example-image.jpg",[223,438,424],{"class":244},[223,440,441,444,446,448,451],{"class":225,"line":271},[223,442,443],{"class":411},"  width",[223,445,415],{"class":244},[223,447,418],{"class":244},[223,449,450],{"class":282},"300",[223,452,424],{"class":244},[223,454,455,458,460,462,465],{"class":225,"line":289},[223,456,457],{"class":411},"  format",[223,459,415],{"class":244},[223,461,418],{"class":244},[223,463,464],{"class":282},"webp",[223,466,424],{"class":244},[223,468,469],{"class":225,"line":295},[223,470,471],{"class":240},"/>\n",[327,473,475],{"id":474},"sirv-modifiers","Sirv Modifiers",[198,477,478,479,482],{},"To use Sirv-specific transformations, add them in the ",[220,480,481],{},"modifier"," prop.",[484,485,487],"h3",{"id":486},"profile",[220,488,486],{},[198,490,491,492,497,498,501,502,505,506,509],{},"Use ",[202,493,496],{"href":494,"rel":495},"https://sirv.com/help/profiles",[206],"Sirv profiles"," to combine multiple transformation options into a single parameter.\nFor example, you can combine ",[220,499,500],{},"canvas",", ",[220,503,504],{},"crop"," and ",[220,507,508],{},"watermark"," parameters into a single profile and use it like this:",[212,511,513],{"className":394,"code":512,"language":396,"meta":218,"style":218},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{ profile: 'my-profile' }\"\n/>\n",[220,514,515,521,533,545,557,590],{"__ignoreMap":218},[223,516,517,519],{"class":225,"line":226},[223,518,403],{"class":244},[223,520,406],{"class":251},[223,522,523,525,527,529,531],{"class":225,"line":248},[223,524,412],{"class":411},[223,526,415],{"class":244},[223,528,418],{"class":244},[223,530,421],{"class":282},[223,532,424],{"class":244},[223,534,535,537,539,541,543],{"class":225,"line":261},[223,536,429],{"class":411},[223,538,415],{"class":244},[223,540,418],{"class":244},[223,542,436],{"class":282},[223,544,424],{"class":244},[223,546,547,549,551,553,555],{"class":225,"line":271},[223,548,443],{"class":411},[223,550,415],{"class":244},[223,552,418],{"class":244},[223,554,450],{"class":282},[223,556,424],{"class":244},[223,558,559,562,565,567,569,572,575,577,579,582,585,588],{"class":225,"line":289},[223,560,561],{"class":244},"  :",[223,563,564],{"class":411},"modifiers",[223,566,415],{"class":244},[223,568,418],{"class":244},[223,570,571],{"class":244},"{",[223,573,574],{"class":251}," profile",[223,576,255],{"class":244},[223,578,279],{"class":244},[223,580,581],{"class":282},"my-profile",[223,583,584],{"class":244},"'",[223,586,587],{"class":244}," }",[223,589,424],{"class":244},[223,591,592],{"class":225,"line":295},[223,593,471],{"class":240},[484,595,596],{"id":500},[220,597,500],{},[198,599,600,601,603],{},"Use the ",[220,602,500],{}," modifier to add a canvas around your image. You can also set its width, height, color, and position.",[484,605,607],{"id":606},"sharpen",[220,608,606],{},[198,610,611,612,614],{},"Sharpen the image using the ",[220,613,606],{}," modifier.",[212,616,618],{"className":394,"code":617,"language":396,"meta":218,"style":218},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{ sharpen: 50 }\"\n/>\n",[220,619,620,626,638,650,662,687],{"__ignoreMap":218},[223,621,622,624],{"class":225,"line":226},[223,623,403],{"class":244},[223,625,406],{"class":251},[223,627,628,630,632,634,636],{"class":225,"line":248},[223,629,412],{"class":411},[223,631,415],{"class":244},[223,633,418],{"class":244},[223,635,421],{"class":282},[223,637,424],{"class":244},[223,639,640,642,644,646,648],{"class":225,"line":261},[223,641,429],{"class":411},[223,643,415],{"class":244},[223,645,418],{"class":244},[223,647,436],{"class":282},[223,649,424],{"class":244},[223,651,652,654,656,658,660],{"class":225,"line":271},[223,653,443],{"class":411},[223,655,415],{"class":244},[223,657,418],{"class":244},[223,659,450],{"class":282},[223,661,424],{"class":244},[223,663,664,666,668,670,672,674,677,679,683,685],{"class":225,"line":289},[223,665,561],{"class":244},[223,667,564],{"class":411},[223,669,415],{"class":244},[223,671,418],{"class":244},[223,673,571],{"class":244},[223,675,676],{"class":251}," sharpen",[223,678,255],{"class":244},[223,680,682],{"class":681},"sbssI"," 50",[223,684,587],{"class":244},[223,686,424],{"class":244},[223,688,689],{"class":225,"line":295},[223,690,471],{"class":240},[484,692,694],{"id":693},"frame",[220,695,693],{},[198,697,698,699,701],{},"Add a frame/border to your images using the ",[220,700,693],{}," modifier. You can also set its width and color.",[212,703,705],{"className":394,"code":704,"language":396,"meta":218,"style":218},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{\n    frameStyle: 'solid',\n    frameColor: '00000',\n    frameWidth: '2',\n    frameRimColor: '97A6B1',\n    frameRimWidth: '2'\n  }\"\n/>\n",[220,706,707,713,725,737,749,761,778,794,811,828,842,850],{"__ignoreMap":218},[223,708,709,711],{"class":225,"line":226},[223,710,403],{"class":244},[223,712,406],{"class":251},[223,714,715,717,719,721,723],{"class":225,"line":248},[223,716,412],{"class":411},[223,718,415],{"class":244},[223,720,418],{"class":244},[223,722,421],{"class":282},[223,724,424],{"class":244},[223,726,727,729,731,733,735],{"class":225,"line":261},[223,728,429],{"class":411},[223,730,415],{"class":244},[223,732,418],{"class":244},[223,734,436],{"class":282},[223,736,424],{"class":244},[223,738,739,741,743,745,747],{"class":225,"line":271},[223,740,443],{"class":411},[223,742,415],{"class":244},[223,744,418],{"class":244},[223,746,450],{"class":282},[223,748,424],{"class":244},[223,750,751,753,755,757,759],{"class":225,"line":289},[223,752,561],{"class":244},[223,754,564],{"class":411},[223,756,415],{"class":244},[223,758,418],{"class":244},[223,760,245],{"class":244},[223,762,763,766,768,770,773,775],{"class":225,"line":295},[223,764,765],{"class":251},"    frameStyle",[223,767,255],{"class":244},[223,769,279],{"class":244},[223,771,772],{"class":282},"solid",[223,774,584],{"class":244},[223,776,777],{"class":244},",\n",[223,779,780,783,785,787,790,792],{"class":225,"line":301},[223,781,782],{"class":251},"    frameColor",[223,784,255],{"class":244},[223,786,279],{"class":244},[223,788,789],{"class":282},"00000",[223,791,584],{"class":244},[223,793,777],{"class":244},[223,795,797,800,802,804,807,809],{"class":225,"line":796},8,[223,798,799],{"class":251},"    frameWidth",[223,801,255],{"class":244},[223,803,279],{"class":244},[223,805,806],{"class":282},"2",[223,808,584],{"class":244},[223,810,777],{"class":244},[223,812,814,817,819,821,824,826],{"class":225,"line":813},9,[223,815,816],{"class":251},"    frameRimColor",[223,818,255],{"class":244},[223,820,279],{"class":244},[223,822,823],{"class":282},"97A6B1",[223,825,584],{"class":244},[223,827,777],{"class":244},[223,829,831,834,836,838,840],{"class":225,"line":830},10,[223,832,833],{"class":251},"    frameRimWidth",[223,835,255],{"class":244},[223,837,279],{"class":244},[223,839,806],{"class":282},[223,841,286],{"class":244},[223,843,845,848],{"class":225,"line":844},11,[223,846,847],{"class":244},"  }",[223,849,424],{"class":244},[223,851,853],{"class":225,"line":852},12,[223,854,471],{"class":240},[484,856,858],{"id":857},"rotate",[220,859,857],{},[198,861,600,862,864],{},[220,863,857],{}," modifier to rotate your image. You can specify the number of degrees to rotate the image by.",[212,866,868],{"className":394,"code":867,"language":396,"meta":218,"style":218},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  :modifiers=\"{ rotate: 90 }\"\n/>\n",[220,869,870,876,888,900,924],{"__ignoreMap":218},[223,871,872,874],{"class":225,"line":226},[223,873,403],{"class":244},[223,875,406],{"class":251},[223,877,878,880,882,884,886],{"class":225,"line":248},[223,879,412],{"class":411},[223,881,415],{"class":244},[223,883,418],{"class":244},[223,885,421],{"class":282},[223,887,424],{"class":244},[223,889,890,892,894,896,898],{"class":225,"line":261},[223,891,429],{"class":411},[223,893,415],{"class":244},[223,895,418],{"class":244},[223,897,436],{"class":282},[223,899,424],{"class":244},[223,901,902,904,906,908,910,912,915,917,920,922],{"class":225,"line":271},[223,903,561],{"class":244},[223,905,564],{"class":411},[223,907,415],{"class":244},[223,909,418],{"class":244},[223,911,571],{"class":244},[223,913,914],{"class":251}," rotate",[223,916,255],{"class":244},[223,918,919],{"class":681}," 90",[223,921,587],{"class":244},[223,923,424],{"class":244},[223,925,926],{"class":225,"line":289},[223,927,471],{"class":240},[484,929,931],{"id":930},"color-and-light-options","Color and light options",[198,933,934,935,940,941,501,944,947,948,947,951,954,955,940,960,777,963,501,966,501,969,501,972,501,975,501,978,501,981,984],{},"Sirv has various ",[202,936,939],{"href":937,"rel":938},"https://sirv.com/help/articles/dynamic-imaging/color",[206],"color manipulation options"," like ",[220,942,943],{},"grayscale",[220,945,946],{},"colorize",",",[220,949,950],{},"colortone",[220,952,953],{},"colorLevels",", as well as ",[202,956,959],{"href":957,"rel":958},"https://sirv.com/help/articles/dynamic-imaging/light",[206],"light manipulation options",[220,961,962],{},"lightness",[220,964,965],{},"hue",[220,967,968],{},"saturation",[220,970,971],{},"highlights",[220,973,974],{},"shadows",[220,976,977],{},"brightness",[220,979,980],{},"exposure",[220,982,983],{},"contrast",".",[198,986,987],{},"Here's how to convert an image to grayscale:",[212,989,991],{"className":394,"code":990,"language":396,"meta":218,"style":218},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{ grayscale: true }\"\n/>\n",[220,992,993,999,1011,1023,1035,1060],{"__ignoreMap":218},[223,994,995,997],{"class":225,"line":226},[223,996,403],{"class":244},[223,998,406],{"class":251},[223,1000,1001,1003,1005,1007,1009],{"class":225,"line":248},[223,1002,412],{"class":411},[223,1004,415],{"class":244},[223,1006,418],{"class":244},[223,1008,421],{"class":282},[223,1010,424],{"class":244},[223,1012,1013,1015,1017,1019,1021],{"class":225,"line":261},[223,1014,429],{"class":411},[223,1016,415],{"class":244},[223,1018,418],{"class":244},[223,1020,436],{"class":282},[223,1022,424],{"class":244},[223,1024,1025,1027,1029,1031,1033],{"class":225,"line":271},[223,1026,443],{"class":411},[223,1028,415],{"class":244},[223,1030,418],{"class":244},[223,1032,450],{"class":282},[223,1034,424],{"class":244},[223,1036,1037,1039,1041,1043,1045,1047,1050,1052,1056,1058],{"class":225,"line":289},[223,1038,561],{"class":244},[223,1040,564],{"class":411},[223,1042,415],{"class":244},[223,1044,418],{"class":244},[223,1046,571],{"class":244},[223,1048,1049],{"class":251}," grayscale",[223,1051,255],{"class":244},[223,1053,1055],{"class":1054},"sfNiH"," true",[223,1057,587],{"class":244},[223,1059,424],{"class":244},[223,1061,1062],{"class":225,"line":295},[223,1063,471],{"class":240},[484,1065,1067],{"id":1066},"watermarks-and-text-overlays","Watermarks and text overlays",[198,1069,1070],{},"Using Sirv's Nuxt Image integration, you can overlay images or text over other images for watermarking or creating a dynamic banner using custom text!",[1072,1073,1074],"h4",{"id":508},[220,1075,508],{},[198,1077,1078,1079,1081],{},"Add an image overlay over your existing image using the ",[220,1080,508],{}," modifier. Used mostly for watermarking, but can be useful for creating banners, OG images, and personalization. Here's an example of a single watermark:",[212,1083,1085],{"className":394,"code":1084,"language":396,"meta":218,"style":218},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{\n    watermark: '/watermark-v1.png',\n    watermarkPosition: 'center',\n    watermarkWidth: '30%'\n  }\"\n/>\n",[220,1086,1087,1093,1105,1118,1130,1142,1158,1174,1188,1194],{"__ignoreMap":218},[223,1088,1089,1091],{"class":225,"line":226},[223,1090,403],{"class":244},[223,1092,406],{"class":251},[223,1094,1095,1097,1099,1101,1103],{"class":225,"line":248},[223,1096,412],{"class":411},[223,1098,415],{"class":244},[223,1100,418],{"class":244},[223,1102,421],{"class":282},[223,1104,424],{"class":244},[223,1106,1107,1109,1111,1113,1116],{"class":225,"line":261},[223,1108,429],{"class":411},[223,1110,415],{"class":244},[223,1112,418],{"class":244},[223,1114,1115],{"class":282},"example-image.jpg",[223,1117,424],{"class":244},[223,1119,1120,1122,1124,1126,1128],{"class":225,"line":271},[223,1121,443],{"class":411},[223,1123,415],{"class":244},[223,1125,418],{"class":244},[223,1127,450],{"class":282},[223,1129,424],{"class":244},[223,1131,1132,1134,1136,1138,1140],{"class":225,"line":289},[223,1133,561],{"class":244},[223,1135,564],{"class":411},[223,1137,415],{"class":244},[223,1139,418],{"class":244},[223,1141,245],{"class":244},[223,1143,1144,1147,1149,1151,1154,1156],{"class":225,"line":295},[223,1145,1146],{"class":251},"    watermark",[223,1148,255],{"class":244},[223,1150,279],{"class":244},[223,1152,1153],{"class":282},"/watermark-v1.png",[223,1155,584],{"class":244},[223,1157,777],{"class":244},[223,1159,1160,1163,1165,1167,1170,1172],{"class":225,"line":301},[223,1161,1162],{"class":251},"    watermarkPosition",[223,1164,255],{"class":244},[223,1166,279],{"class":244},[223,1168,1169],{"class":282},"center",[223,1171,584],{"class":244},[223,1173,777],{"class":244},[223,1175,1176,1179,1181,1183,1186],{"class":225,"line":796},[223,1177,1178],{"class":251},"    watermarkWidth",[223,1180,255],{"class":244},[223,1182,279],{"class":244},[223,1184,1185],{"class":282},"30%",[223,1187,286],{"class":244},[223,1189,1190,1192],{"class":225,"line":813},[223,1191,847],{"class":244},[223,1193,424],{"class":244},[223,1195,1196],{"class":225,"line":830},[223,1197,471],{"class":240},[198,1199,1200,1201,984],{},"Find out more about Sirv watermarks ",[202,1202,1205],{"href":1203,"rel":1204},"https://sirv.com/help/articles/dynamic-imaging/watermark",[206],"here",[1072,1207,1209],{"id":1208},"overlay-text","Overlay Text",[198,1211,1212],{},"You can add text overlays to your images and have full freedom over their positioning and looks.",[212,1214,1216],{"className":394,"code":1215,"language":396,"meta":218,"style":218},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{\n    text: 'Hello there',\n    textAlign: 'center',\n    textPositionGravity: 'south',\n    textBackgroundColor: '#ffff',\n    textSize: 60,\n    textFontFamily: 'Arial',\n    textColor: 'white'\n  }\"\n/>\n",[220,1217,1218,1224,1236,1248,1260,1272,1288,1303,1319,1335,1347,1363,1377,1384],{"__ignoreMap":218},[223,1219,1220,1222],{"class":225,"line":226},[223,1221,403],{"class":244},[223,1223,406],{"class":251},[223,1225,1226,1228,1230,1232,1234],{"class":225,"line":248},[223,1227,412],{"class":411},[223,1229,415],{"class":244},[223,1231,418],{"class":244},[223,1233,421],{"class":282},[223,1235,424],{"class":244},[223,1237,1238,1240,1242,1244,1246],{"class":225,"line":261},[223,1239,429],{"class":411},[223,1241,415],{"class":244},[223,1243,418],{"class":244},[223,1245,1115],{"class":282},[223,1247,424],{"class":244},[223,1249,1250,1252,1254,1256,1258],{"class":225,"line":271},[223,1251,443],{"class":411},[223,1253,415],{"class":244},[223,1255,418],{"class":244},[223,1257,450],{"class":282},[223,1259,424],{"class":244},[223,1261,1262,1264,1266,1268,1270],{"class":225,"line":289},[223,1263,561],{"class":244},[223,1265,564],{"class":411},[223,1267,415],{"class":244},[223,1269,418],{"class":244},[223,1271,245],{"class":244},[223,1273,1274,1277,1279,1281,1284,1286],{"class":225,"line":295},[223,1275,1276],{"class":251},"    text",[223,1278,255],{"class":244},[223,1280,279],{"class":244},[223,1282,1283],{"class":282},"Hello there",[223,1285,584],{"class":244},[223,1287,777],{"class":244},[223,1289,1290,1293,1295,1297,1299,1301],{"class":225,"line":301},[223,1291,1292],{"class":251},"    textAlign",[223,1294,255],{"class":244},[223,1296,279],{"class":244},[223,1298,1169],{"class":282},[223,1300,584],{"class":244},[223,1302,777],{"class":244},[223,1304,1305,1308,1310,1312,1315,1317],{"class":225,"line":796},[223,1306,1307],{"class":251},"    textPositionGravity",[223,1309,255],{"class":244},[223,1311,279],{"class":244},[223,1313,1314],{"class":282},"south",[223,1316,584],{"class":244},[223,1318,777],{"class":244},[223,1320,1321,1324,1326,1328,1331,1333],{"class":225,"line":813},[223,1322,1323],{"class":251},"    textBackgroundColor",[223,1325,255],{"class":244},[223,1327,279],{"class":244},[223,1329,1330],{"class":282},"#ffff",[223,1332,584],{"class":244},[223,1334,777],{"class":244},[223,1336,1337,1340,1342,1345],{"class":225,"line":830},[223,1338,1339],{"class":251},"    textSize",[223,1341,255],{"class":244},[223,1343,1344],{"class":681}," 60",[223,1346,777],{"class":244},[223,1348,1349,1352,1354,1356,1359,1361],{"class":225,"line":844},[223,1350,1351],{"class":251},"    textFontFamily",[223,1353,255],{"class":244},[223,1355,279],{"class":244},[223,1357,1358],{"class":282},"Arial",[223,1360,584],{"class":244},[223,1362,777],{"class":244},[223,1364,1365,1368,1370,1372,1375],{"class":225,"line":852},[223,1366,1367],{"class":251},"    textColor",[223,1369,255],{"class":244},[223,1371,279],{"class":244},[223,1373,1374],{"class":282},"white",[223,1376,286],{"class":244},[223,1378,1380,1382],{"class":225,"line":1379},13,[223,1381,847],{"class":244},[223,1383,424],{"class":244},[223,1385,1387],{"class":225,"line":1386},14,[223,1388,471],{"class":240},[198,1390,1391,1392,984],{},"More examples of text overlays can be found ",[202,1393,1205],{"href":1394,"rel":1395},"https://sirv.com/help/articles/dynamic-imaging/text",[206],[327,1397,1399],{"id":1398},"list-of-supported-transformations","List of supported transformations",[198,1401,1402],{},"Sirv's Nuxt Image integration uses intuitive names for each transformation. If you use a property that does not match any of the following supported options, it will be added in the URL as it is.",[1404,1405,1406,1422],"table",{},[1407,1408,1409],"thead",{},[1410,1411,1412,1416,1419],"tr",{},[1413,1414,1415],"th",{},"Supported Parameter Name",[1413,1417,1418],{},"Translates to Parameter",[1413,1420,1421],{},"Description",[1423,1424,1425,1437,1448,1458,1469,1479,1492,1504,1515,1525,1536,1546,1557,1567,1577,1587,1597,1608,1619,1630,1641,1652,1663,1674,1685,1696,1707,1716,1727,1738,1749,1760,1771,1782,1792,1803,1814,1825,1836,1847,1858,1869,1880,1891,1902,1913,1924,1935,1946,1957,1968,1979,1990,2001,2010,2020,2029,2038,2049,2060,2069,2080,2091,2102,2113,2124,2133,2144,2155,2165,2174,2183,2192,2201,2210,2219,2228,2237,2247,2257,2267,2278,2289,2300,2311,2322],"tbody",{},[1410,1426,1427,1431,1434],{},[1428,1429,1430],"td",{},"width",[1428,1432,1433],{},"w",[1428,1435,1436],{},"Width of image.",[1410,1438,1439,1442,1445],{},[1428,1440,1441],{},"height",[1428,1443,1444],{},"h",[1428,1446,1447],{},"Height of image.",[1410,1449,1450,1453,1455],{},[1428,1451,1452],{},"s",[1428,1454,1452],{},[1428,1456,1457],{},"Resize the image by its biggest side",[1410,1459,1460,1463,1466],{},[1428,1461,1462],{},"quality",[1428,1464,1465],{},"q",[1428,1467,1468],{},"JPEG image quality (percentage).",[1410,1470,1471,1473,1476],{},[1428,1472,333],{},[1428,1474,1475],{},"scale.option",[1428,1477,1478],{},"Image scaling options.",[1410,1480,1481,1483,1485],{},[1428,1482,486],{},[1428,1484,486],{},[1428,1486,1487,1488],{},"Apply a Sirv ",[202,1489,486],{"href":1490,"rel":1491},"https://sirv.com/help/articles/dynamic-imaging/profiles",[206],[1410,1493,1494,1496,1498],{},[1428,1495,380],{},[1428,1497,380],{},[1428,1499,1500,1501,325],{},"Image format served (defaults to ",[202,1502,390],{"href":388,"rel":1503},[206],[1410,1505,1506,1509,1512],{},[1428,1507,1508],{},"webpFallback",[1428,1510,1511],{},"webp-fallback",[1428,1513,1514],{},"Image format for browsers without WebP support.",[1410,1516,1517,1520,1522],{},[1428,1518,1519],{},"subsampling",[1428,1521,1519],{},[1428,1523,1524],{},"Chroma subsampling to reduce JPEG file size.",[1410,1526,1527,1530,1533],{},[1428,1528,1529],{},"gifCompression",[1428,1531,1532],{},"gif.lossy",[1428,1534,1535],{},"Apply lossy compression, to reduce GIF file size.",[1410,1537,1538,1540,1543],{},[1428,1539,504],{},[1428,1541,1542],{},"crop.type",[1428,1544,1545],{},"Automatically crop to edge of image contents; point of interest; or face.",[1410,1547,1548,1551,1554],{},[1428,1549,1550],{},"cropAr",[1428,1552,1553],{},"crop.aspectratio",[1428,1555,1556],{},"Aspect ratio of the crop",[1410,1558,1559,1562,1564],{},[1428,1560,1561],{},"cw",[1428,1563,1561],{},[1428,1565,1566],{},"Crop the image to a specific width.",[1410,1568,1569,1572,1574],{},[1428,1570,1571],{},"ch",[1428,1573,1571],{},[1428,1575,1576],{},"Crop the image to a specific height.",[1410,1578,1579,1582,1584],{},[1428,1580,1581],{},"cx",[1428,1583,1581],{},[1428,1585,1586],{},"Position to start image crop (from top).",[1410,1588,1589,1592,1594],{},[1428,1590,1591],{},"cy",[1428,1593,1591],{},[1428,1595,1596],{},"Position to start image crop (from left).",[1410,1598,1599,1602,1605],{},[1428,1600,1601],{},"cropPaddingX",[1428,1603,1604],{},"crop.pad.x",[1428,1606,1607],{},"Add padding to left/right of crop area",[1410,1609,1610,1613,1616],{},[1428,1611,1612],{},"cropPaddingY",[1428,1614,1615],{},"crop.pad.y",[1428,1617,1618],{},"Add padding to top/bottom of crop area.",[1410,1620,1621,1624,1627],{},[1428,1622,1623],{},"canvasHeight",[1428,1625,1626],{},"canvas.height",[1428,1628,1629],{},"Create a canvas around the image (height).",[1410,1631,1632,1635,1638],{},[1428,1633,1634],{},"canvasWidth",[1428,1636,1637],{},"canvas.width",[1428,1639,1640],{},"Create a canvas around the image (width).",[1410,1642,1643,1646,1649],{},[1428,1644,1645],{},"canvasAr",[1428,1647,1648],{},"canvas.aspectratio",[1428,1650,1651],{},"Aspect ratio of the canvas from 1-99 e.g. 16:9",[1410,1653,1654,1657,1660],{},[1428,1655,1656],{},"canvasPosition",[1428,1658,1659],{},"canvas.position",[1428,1661,1662],{},"Position of the canvas behind the image.",[1410,1664,1665,1668,1671],{},[1428,1666,1667],{},"canvasBorderWidth",[1428,1669,1670],{},"canvas.border.width",[1428,1672,1673],{},"Adds additional width left and right of the canvas.",[1410,1675,1676,1679,1682],{},[1428,1677,1678],{},"canvasBorderHeight",[1428,1680,1681],{},"canvas.border.height",[1428,1683,1684],{},"Adds additional height above and below the canvas.",[1410,1686,1687,1690,1693],{},[1428,1688,1689],{},"canvasBorderColor",[1428,1691,1692],{},"canvas.border.color",[1428,1694,1695],{},"Color of the canvas border e.g. E0AA80 or red.",[1410,1697,1698,1701,1704],{},[1428,1699,1700],{},"canvasBorderOpacity",[1428,1702,1703],{},"canvas.border.opacity",[1428,1705,1706],{},"Opacity of the canvas border.",[1410,1708,1709,1711,1713],{},[1428,1710,508],{},[1428,1712,508],{},[1428,1714,1715],{},"Filepath of the image to be overlayed.",[1410,1717,1718,1721,1724],{},[1428,1719,1720],{},"watermarkPosition",[1428,1722,1723],{},"watermark.position",[1428,1725,1726],{},"Position of the watermark on the image.",[1410,1728,1729,1732,1735],{},[1428,1730,1731],{},"watermarkPositionGravity",[1428,1733,1734],{},"watermark.position.gravity",[1428,1736,1737],{},"sets the starting point for shifting the x & y values.",[1410,1739,1740,1743,1746],{},[1428,1741,1742],{},"watermarkPositionX",[1428,1744,1745],{},"watermark.position.x",[1428,1747,1748],{},"Position of the watermark (from left).",[1410,1750,1751,1754,1757],{},[1428,1752,1753],{},"watermarkPositionY",[1428,1755,1756],{},"watermark.position.y",[1428,1758,1759],{},"Position of the watermark (from top).",[1410,1761,1762,1765,1768],{},[1428,1763,1764],{},"watermarkWidth",[1428,1766,1767],{},"watermark.scale.width",[1428,1769,1770],{},"Width of watermark.",[1410,1772,1773,1776,1779],{},[1428,1774,1775],{},"watermarkHeight",[1428,1777,1778],{},"watermark.scale.height",[1428,1780,1781],{},"Height of watermark.",[1410,1783,1784,1787,1789],{},[1428,1785,1786],{},"text",[1428,1788,1786],{},[1428,1790,1791],{},"Display text on your image.",[1410,1793,1794,1797,1800],{},[1428,1795,1796],{},"textBase64",[1428,1798,1799],{},"text.text64",[1428,1801,1802],{},"Alternative to text parameter, with Base64 encoding",[1410,1804,1805,1808,1811],{},[1428,1806,1807],{},"textSize",[1428,1809,1810],{},"text.size",[1428,1812,1813],{},"Width of text area in relation to image.",[1410,1815,1816,1819,1822],{},[1428,1817,1818],{},"textAlign",[1428,1820,1821],{},"text.align",[1428,1823,1824],{},"Align the multiline text.",[1410,1826,1827,1830,1833],{},[1428,1828,1829],{},"textPosition",[1428,1831,1832],{},"text.position",[1428,1834,1835],{},"Location of the text on the image.",[1410,1837,1838,1841,1844],{},[1428,1839,1840],{},"textPositionX",[1428,1842,1843],{},"text.position.x",[1428,1845,1846],{},"Location of the text (from left).",[1410,1848,1849,1852,1855],{},[1428,1850,1851],{},"textPositionY",[1428,1853,1854],{},"text.position.y",[1428,1856,1857],{},"Location of the text (from top).",[1410,1859,1860,1863,1866],{},[1428,1861,1862],{},"textPositionGravity",[1428,1864,1865],{},"text.position.gravity",[1428,1867,1868],{},"Master location of the text on the image.",[1410,1870,1871,1874,1877],{},[1428,1872,1873],{},"textFontSize",[1428,1875,1876],{},"text.font.size",[1428,1878,1879],{},"Fix the size of the text in px.",[1410,1881,1882,1885,1888],{},[1428,1883,1884],{},"textFontStyle",[1428,1886,1887],{},"text.font.style",[1428,1889,1890],{},"Style of the text.",[1410,1892,1893,1896,1899],{},[1428,1894,1895],{},"textFontFamily",[1428,1897,1898],{},"text.font.family",[1428,1900,1901],{},"Choose a font e.g. 'Open Sans'.",[1410,1903,1904,1907,1910],{},[1428,1905,1906],{},"textFontWeight",[1428,1908,1909],{},"text.font.weight",[1428,1911,1912],{},"Choose font weight (light, normal, semi-bold, bold, extra-bold).",[1410,1914,1915,1918,1921],{},[1428,1916,1917],{},"textColor",[1428,1919,1920],{},"text.color",[1428,1922,1923],{},"Text color e.g. E0AA80 or E0AA8020.",[1410,1925,1926,1929,1932],{},[1428,1927,1928],{},"textOpacity",[1428,1930,1931],{},"text.opacity",[1428,1933,1934],{},"Text opacity.",[1410,1936,1937,1940,1943],{},[1428,1938,1939],{},"textOutlineWidth",[1428,1941,1942],{},"text.outline.width",[1428,1944,1945],{},"Add an outline around the text.",[1410,1947,1948,1951,1954],{},[1428,1949,1950],{},"textoutlineColor",[1428,1952,1953],{},"text.outline.color",[1428,1955,1956],{},"Color of the text outline.",[1410,1958,1959,1962,1965],{},[1428,1960,1961],{},"textOutlineOpacity",[1428,1963,1964],{},"text.outline.opacity",[1428,1966,1967],{},"Opacity of the text outline.",[1410,1969,1970,1973,1976],{},[1428,1971,1972],{},"textOutlineBlur",[1428,1974,1975],{},"text.outline.blur",[1428,1977,1978],{},"Blur the edge of the text outline.",[1410,1980,1981,1984,1987],{},[1428,1982,1983],{},"textBackgroundColor",[1428,1985,1986],{},"text.background.color",[1428,1988,1989],{},"Background color e.g. E0AA80 or E0AA8020.",[1410,1991,1992,1995,1998],{},[1428,1993,1994],{},"textBackgroundOpacity",[1428,1996,1997],{},"text.background.opacity",[1428,1999,2000],{},"Background opacity.",[1410,2002,2003,2005,2007],{},[1428,2004,606],{},[1428,2006,606],{},[1428,2008,2009],{},"Sharpen the image.",[1410,2011,2012,2015,2017],{},[1428,2013,2014],{},"blur",[1428,2016,2014],{},[1428,2018,2019],{},"Blur the image.",[1410,2021,2022,2024,2026],{},[1428,2023,943],{},[1428,2025,943],{},[1428,2027,2028],{},"Make the image black & white.",[1410,2030,2031,2033,2035],{},[1428,2032,946],{},[1428,2034,946],{},[1428,2036,2037],{},"Overlay a color on the image.",[1410,2039,2040,2043,2046],{},[1428,2041,2042],{},"colorizeColor",[1428,2044,2045],{},"colorize.color",[1428,2047,2048],{},"The color of the colorize option.",[1410,2050,2051,2054,2057],{},[1428,2052,2053],{},"colorizeOpacity",[1428,2055,2056],{},"colorize.opacity",[1428,2058,2059],{},"Opacity of the color overlay.",[1410,2061,2062,2064,2066],{},[1428,2063,950],{},[1428,2065,950],{},[1428,2067,2068],{},"Change the color tone of the image.",[1410,2070,2071,2074,2077],{},[1428,2072,2073],{},"colortoneColor",[1428,2075,2076],{},"colortone.color",[1428,2078,2079],{},"Apply a color tone to an image.",[1410,2081,2082,2085,2088],{},[1428,2083,2084],{},"colortoneLevel",[1428,2086,2087],{},"colortone.level",[1428,2089,2090],{},"Set the level of blending with the original image.",[1410,2092,2093,2096,2099],{},[1428,2094,2095],{},"colortoneMode",[1428,2097,2098],{},"colortone.mode",[1428,2100,2101],{},"Apply the color tone to the entire image or shadows/highlights only.",[1410,2103,2104,2107,2110],{},[1428,2105,2106],{},"vignette",[1428,2108,2109],{},"vigette.value",[1428,2111,2112],{},"Adjust the depth of the vignette.",[1410,2114,2115,2118,2121],{},[1428,2116,2117],{},"vignetteColor",[1428,2119,2120],{},"vigette.color",[1428,2122,2123],{},"Add a vignette (dark edges) around the image.",[1410,2125,2126,2128,2130],{},[1428,2127,962],{},[1428,2129,962],{},[1428,2131,2132],{},"Change the lightness of the image.",[1410,2134,2135,2138,2141],{},[1428,2136,2137],{},"colorlevelBlack",[1428,2139,2140],{},"colorlevel.black",[1428,2142,2143],{},"Adjust black level of image.",[1410,2145,2146,2149,2152],{},[1428,2147,2148],{},"colorlevelWhite",[1428,2150,2151],{},"colorlevel.white",[1428,2153,2154],{},"Adjust white level of image.",[1410,2156,2157,2160,2162],{},[1428,2158,2159],{},"histogram",[1428,2161,2159],{},[1428,2163,2164],{},"Display a histogram of RGB levels.",[1410,2166,2167,2169,2171],{},[1428,2168,965],{},[1428,2170,965],{},[1428,2172,2173],{},"Change the hue of the image.",[1410,2175,2176,2178,2180],{},[1428,2177,968],{},[1428,2179,968],{},[1428,2181,2182],{},"Change the saturation of the image.",[1410,2184,2185,2187,2189],{},[1428,2186,971],{},[1428,2188,971],{},[1428,2190,2191],{},"Change the highlights of the image.",[1410,2193,2194,2196,2198],{},[1428,2195,974],{},[1428,2197,974],{},[1428,2199,2200],{},"Change the shadows of the image.",[1410,2202,2203,2205,2207],{},[1428,2204,977],{},[1428,2206,977],{},[1428,2208,2209],{},"Change the brightness of the image.",[1410,2211,2212,2214,2216],{},[1428,2213,980],{},[1428,2215,980],{},[1428,2217,2218],{},"Change the exposure of the image.",[1410,2220,2221,2223,2225],{},[1428,2222,983],{},[1428,2224,983],{},[1428,2226,2227],{},"Change the contrast of the image.",[1410,2229,2230,2232,2234],{},[1428,2231,857],{},[1428,2233,857],{},[1428,2235,2236],{},"Number of degrees to rotate the image.",[1410,2238,2239,2242,2244],{},[1428,2240,2241],{},"flip",[1428,2243,2241],{},[1428,2245,2246],{},"Flip image vertically (mirror).",[1410,2248,2249,2252,2254],{},[1428,2250,2251],{},"flop",[1428,2253,2251],{},[1428,2255,2256],{},"Flip image horizontally (mirror).",[1410,2258,2259,2262,2264],{},[1428,2260,2261],{},"opacity",[1428,2263,2261],{},[1428,2265,2266],{},"Opacity of PNG images.",[1410,2268,2269,2272,2275],{},[1428,2270,2271],{},"frameStyle",[1428,2273,2274],{},"frame.style",[1428,2276,2277],{},"Add a frame around the image.",[1410,2279,2280,2283,2286],{},[1428,2281,2282],{},"frameColor",[1428,2284,2285],{},"frame.color",[1428,2287,2288],{},"Frame color e.g. E0AA80 or E0AA8020.",[1410,2290,2291,2294,2297],{},[1428,2292,2293],{},"frameWidth",[1428,2295,2296],{},"frame.width",[1428,2298,2299],{},"Frame width.",[1410,2301,2302,2305,2308],{},[1428,2303,2304],{},"frameRimColor",[1428,2306,2307],{},"frame.rim.color",[1428,2309,2310],{},"Frame rim color e.g. E0AA80 or E0AA8020.",[1410,2312,2313,2316,2319],{},[1428,2314,2315],{},"frameRimWidth",[1428,2317,2318],{},"frame.rim.width",[1428,2320,2321],{},"Frame rim width.",[1410,2323,2324,2327,2330],{},[1428,2325,2326],{},"pdfPage",[1428,2328,2329],{},"page",[1428,2331,2332],{},"Page number of PDF when converted to image.",[309,2334,2335],{},[198,2336,2337,2338,2343],{},"Learn more about ",[202,2339,2342],{"href":2340,"rel":2341},"https://sirv.com/help/article/dynamic-imaging",[206],"Sirv's Image transformations"," from the official documentation.",[2345,2346,2347],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":218,"searchDepth":248,"depth":248,"links":2349},[2350,2352,2353,2362],{"id":329,"depth":248,"text":2351},"Sirv fit parameters",{"id":380,"depth":248,"text":380},{"id":474,"depth":248,"text":475,"children":2354},[2355,2356,2357,2358,2359,2360,2361],{"id":486,"depth":261,"text":486},{"id":500,"depth":261,"text":500},{"id":606,"depth":261,"text":606},{"id":693,"depth":261,"text":693},{"id":857,"depth":261,"text":857},{"id":930,"depth":261,"text":931},{"id":1066,"depth":261,"text":1067},{"id":1398,"depth":248,"text":1399},"Nuxt Image integration with Sirv media management, transformation and delivery platform.","md",[2366],{"label":2367,"icon":2368,"to":2369,"size":2370},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/sirv.ts","xs",{},true,{"title":148,"description":2363},"hi8ZB5nif09pCreo7xS5tK5UyXiuoBb9H5gqvMe4ykc",[2376,2378],{"title":144,"path":145,"stem":146,"description":2377,"children":-1},"Nuxt Image integration with Shopify CDN.",{"title":152,"path":153,"stem":154,"description":2379,"children":-1},"Nuxt Image internally use Storyblok as static provider.",1762265123792]