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