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