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