[{"data":1,"prerenderedAt":2895},["ShallowReactive",2],{"navigation_docs":3,"-providers-twicpics":200,"-providers-twicpics-surround":2890},[4,30,47,187],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","/get-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Providers","/get-started/providers","1.get-started/3.providers",{"title":22,"path":23,"stem":24},"Contributing","/get-started/contributing","1.get-started/4.contributing",{"title":26,"path":27,"stem":28},"Migration","/get-started/migration","1.get-started/5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","/usage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","/usage/nuxt-img","2.usage/1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","/usage/nuxt-picture","2.usage/2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","/usage/use-image","2.usage/3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"/providers","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],{"title":52,"path":53,"stem":54},"Aliyun","/providers/aliyun","3.providers/aliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","/providers/aws-amplify","3.providers/aws-amplify",{"title":60,"path":61,"stem":62},"Bunny","/providers/bunny","3.providers/bunny",{"title":64,"path":65,"stem":66},"Caisy","/providers/caisy","3.providers/caisy",{"title":68,"path":69,"stem":70},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":72,"path":73,"stem":74},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":76,"path":77,"stem":78},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":80,"path":81,"stem":82},"Contentful","/providers/contentful","3.providers/contentful",{"title":84,"path":85,"stem":86},"Directus","/providers/directus","3.providers/directus",{"title":88,"path":89,"stem":90},"Fastly","/providers/fastly","3.providers/fastly",{"title":92,"path":93,"stem":94},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":96,"path":97,"stem":98},"GitHub","/providers/github","3.providers/github",{"title":100,"path":101,"stem":102},"Glide","/providers/glide","3.providers/glide",{"title":104,"path":105,"stem":106},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":108,"path":109,"stem":110},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":112,"path":113,"stem":114},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":116,"path":117,"stem":118},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":120,"path":121,"stem":122},"Imgix","/providers/imgix","3.providers/imgix",{"title":124,"path":125,"stem":126},"IPX","/providers/ipx","3.providers/ipx",{"title":128,"path":129,"stem":130},"Netlify","/providers/netlify","3.providers/netlify",{"title":132,"path":133,"stem":134},"None","/providers/none","3.providers/none",{"title":136,"path":137,"stem":138},"Prepr","/providers/prepr","3.providers/prepr",{"title":140,"path":141,"stem":142},"Prismic","/providers/prismic","3.providers/prismic",{"title":144,"path":145,"stem":146},"Sanity","/providers/sanity","3.providers/sanity",{"title":148,"path":149,"stem":150},"Shopify","/providers/shopify","3.providers/shopify",{"title":152,"path":153,"stem":154},"Sirv","/providers/sirv","3.providers/sirv",{"title":156,"path":157,"stem":158},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":160,"path":161,"stem":162},"Strapi","/providers/strapi","3.providers/strapi",{"title":164,"path":165,"stem":166},"Supabase","/providers/supabase","3.providers/supabase",{"title":168,"path":169,"stem":170},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":172,"path":173,"stem":174},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":176,"path":177,"stem":178},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":180,"path":181,"stem":182},"Vercel","/providers/vercel","3.providers/vercel",{"title":184,"path":185,"stem":186},"Weserv","/providers/weserv","3.providers/weserv",{"title":188,"path":189,"stem":190,"children":191,"page":29},"Advanced","/advanced","4.advanced",[192,196],{"title":193,"path":194,"stem":195},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":197,"path":198,"stem":199},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":201,"title":168,"body":202,"description":2879,"extension":2880,"links":2881,"meta":2887,"navigation":1463,"path":169,"seo":2888,"stem":170,"__hash__":2889},"docs/3.providers/twicpics.md",{"type":203,"value":204,"toc":2857},"minimark",[205,216,221,227,230,257,286,290,298,302,318,430,434,444,448,459,470,477,480,559,562,639,642,720,728,817,820,830,835,845,848,854,906,912,964,972,975,978,990,999,1006,1014,1017,1070,1077,1079,1084,1096,1098,1150,1236,1243,1247,1259,1346,1353,1355,1363,1385,1535,1545,1547,1552,1557,1691,1699,1702,1707,1714,1729,1876,1882,1890,1893,1898,1901,1907,1916,2034,2042,2044,2049,2062,2164,2172,2174,2177,2189,2356,2364,2368,2375,2378,2380,2383,2395,2398,2489,2492,2503,2506,2608,2612,2615,2705,2711,2812,2816,2825,2845,2853],[206,207,208,209,215],"p",{},"Integration between ",[210,211,168],"a",{"href":212,"rel":213},"https://www.twicpics.com/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[214],"nofollow"," and the image module.",[217,218,220],"h2",{"id":219},"what-is-twicpics","What is TwicPics?",[206,222,223,226],{},[210,224,168],{"href":212,"rel":225},[214]," is a Responsive Image Service Solution (SaaS) that enables on-demand responsive image generation.",[206,228,229],{},"Using the TwicPics Provider you can, out of the box, benefit from at least:",[231,232,233,237],"ul",{},[234,235,236],"li",{},"performance of our network: global CDN, optimized protocols and competitive caching",[234,238,239,240,248,249,256],{},"ideal compression: modern technology and Next-Gen formats (TwicPics delivers ",[210,241,244],{"href":242,"rel":243},"https://en.wikipedia.org/wiki/WebP",[214],[245,246,247],"code",{},"WebP"," natively for accounting browsers and can also delivers ",[210,250,253],{"href":251,"rel":252},"https://en.wikipedia.org/wiki/AVIF",[214],[245,254,255],{},"avif",")",[206,258,259,260,264,265,264,269,264,273,264,277,264,281,285],{},"And using the TwicPics API, you will be able to access all these features: ",[210,261,263],{"href":262},"#focus","smart cropping with TwicPics focus auto",", ",[210,266,268],{"href":267},"#truecolor","true color",[210,270,272],{"href":271},"#flip","flip",[210,274,276],{"href":275},"#turn","turn",[210,278,280],{"href":279},"#crop","crop",[210,282,284],{"href":283},"#zoom","zoom",".",[217,287,289],{"id":288},"requirement","Requirement",[206,291,292,293,285],{},"The only requirement is to have a TwicPics account.\nIf you don't already have one, you can easily ",[210,294,297],{"href":295,"rel":296},"https://account.twicpics.com/signup/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[214],"create your own TwicPics account for free",[217,299,301],{"id":300},"setup","Setup",[206,303,304,305,308,309,312,313,285],{},"You just need to configure the ",[245,306,307],{},"TwicPics"," provider with the ",[245,310,311],{},"baseURL"," set to your TwicPics ",[210,314,317],{"href":315,"rel":316},"https://www.twicpics.com/docs/getting-started/subdomain/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[214],"Domain",[319,320,326],"pre",{"className":321,"code":322,"filename":323,"language":324,"meta":325,"style":325},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    twicpics: {\n      baseURL: 'https://\u003Cyour-twicpics-domain>',\n      // Feel free to use our demo domain to try the following examples.\n      // baseUrl: 'https://demo.twic.pics'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[245,327,328,352,365,375,396,403,409,415,421],{"__ignoreMap":325},[329,330,333,337,340,344,348],"span",{"class":331,"line":332},"line",1,[329,334,336],{"class":335},"s7zQu","export",[329,338,339],{"class":335}," default",[329,341,343],{"class":342},"s2Zo4"," defineNuxtConfig",[329,345,347],{"class":346},"sTEyZ","(",[329,349,351],{"class":350},"sMK4o","{\n",[329,353,355,359,362],{"class":331,"line":354},2,[329,356,358],{"class":357},"swJcz","  image",[329,360,361],{"class":350},":",[329,363,364],{"class":350}," {\n",[329,366,368,371,373],{"class":331,"line":367},3,[329,369,370],{"class":357},"    twicpics",[329,372,361],{"class":350},[329,374,364],{"class":350},[329,376,378,381,383,386,390,393],{"class":331,"line":377},4,[329,379,380],{"class":357},"      baseURL",[329,382,361],{"class":350},[329,384,385],{"class":350}," '",[329,387,389],{"class":388},"sfazB","https://\u003Cyour-twicpics-domain>",[329,391,392],{"class":350},"'",[329,394,395],{"class":350},",\n",[329,397,399],{"class":331,"line":398},5,[329,400,402],{"class":401},"sHwdD","      // Feel free to use our demo domain to try the following examples.\n",[329,404,406],{"class":331,"line":405},6,[329,407,408],{"class":401},"      // baseUrl: 'https://demo.twic.pics'\n",[329,410,412],{"class":331,"line":411},7,[329,413,414],{"class":350},"    }\n",[329,416,418],{"class":331,"line":417},8,[329,419,420],{"class":350},"  }\n",[329,422,424,427],{"class":331,"line":423},9,[329,425,426],{"class":350},"}",[329,428,429],{"class":346},")\n",[217,431,433],{"id":432},"standard-properties","Standard properties",[206,435,436,437,440,441,285],{},"TwicPics Provider complies with the documentation of ",[210,438,439],{"href":37},"nuxt-img"," and ",[210,442,443],{"href":41},"nuxt-picture",[445,446,447],"h3",{"id":447},"fit",[206,449,450,452,453,440,456,285],{},[245,451,447],{}," determines how the image is resized in relation to the parameters ",[245,454,455],{},"height",[245,457,458],{},"width",[206,460,461,462,469],{},"TwicPics Provider supports all the the ",[210,463,465,466,468],{"href":464},"/usage/nuxt-img#fit","standard values for ",[245,467,447],{}," property"," of Nuxt image and Nuxt picture.",[206,471,472,473,476],{},"Syntax: ",[245,474,475],{},"fit='__cover__'"," (default value)",[206,478,479],{},"This will return a variant of your master image cropped to 300x300 while preserving aspect ratio.",[319,481,485],{"className":482,"code":483,"language":484,"meta":325,"style":325},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  height=\"300\"\n  width=\"300\"\n/>\n","vue",[245,486,487,495,513,527,541,554],{"__ignoreMap":325},[329,488,489,492],{"class":331,"line":332},[329,490,491],{"class":350},"\u003C",[329,493,494],{"class":357},"NuxtImg\n",[329,496,497,501,504,507,510],{"class":331,"line":354},[329,498,500],{"class":499},"spNyl","  provider",[329,502,503],{"class":350},"=",[329,505,506],{"class":350},"\"",[329,508,509],{"class":388},"twicpics",[329,511,512],{"class":350},"\"\n",[329,514,515,518,520,522,525],{"class":331,"line":367},[329,516,517],{"class":499},"  src",[329,519,503],{"class":350},[329,521,506],{"class":350},[329,523,524],{"class":388},"/football.jpg",[329,526,512],{"class":350},[329,528,529,532,534,536,539],{"class":331,"line":377},[329,530,531],{"class":499},"  height",[329,533,503],{"class":350},[329,535,506],{"class":350},[329,537,538],{"class":388},"300",[329,540,512],{"class":350},[329,542,543,546,548,550,552],{"class":331,"line":398},[329,544,545],{"class":499},"  width",[329,547,503],{"class":350},[329,549,506],{"class":350},[329,551,538],{"class":388},[329,553,512],{"class":350},[329,555,556],{"class":331,"line":405},[329,557,558],{"class":346},"/>\n",[206,560,561],{},"This will return a variant of your master image resized to 300x300 with distortion.",[319,563,565],{"className":482,"code":564,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  fit=\"resize\"\n  height=\"300\"\n  width=\"300\"\n/>\n",[245,566,567,573,585,597,611,623,635],{"__ignoreMap":325},[329,568,569,571],{"class":331,"line":332},[329,570,491],{"class":350},[329,572,494],{"class":357},[329,574,575,577,579,581,583],{"class":331,"line":354},[329,576,500],{"class":499},[329,578,503],{"class":350},[329,580,506],{"class":350},[329,582,509],{"class":388},[329,584,512],{"class":350},[329,586,587,589,591,593,595],{"class":331,"line":367},[329,588,517],{"class":499},[329,590,503],{"class":350},[329,592,506],{"class":350},[329,594,524],{"class":388},[329,596,512],{"class":350},[329,598,599,602,604,606,609],{"class":331,"line":377},[329,600,601],{"class":499},"  fit",[329,603,503],{"class":350},[329,605,506],{"class":350},[329,607,608],{"class":388},"resize",[329,610,512],{"class":350},[329,612,613,615,617,619,621],{"class":331,"line":398},[329,614,531],{"class":499},[329,616,503],{"class":350},[329,618,506],{"class":350},[329,620,538],{"class":388},[329,622,512],{"class":350},[329,624,625,627,629,631,633],{"class":331,"line":405},[329,626,545],{"class":499},[329,628,503],{"class":350},[329,630,506],{"class":350},[329,632,538],{"class":388},[329,634,512],{"class":350},[329,636,637],{"class":331,"line":411},[329,638,558],{"class":346},[206,640,641],{},"This will bring your image back to a 300x600 area with respect to the ratio (1:1) using letterboxing.",[319,643,645],{"className":482,"code":644,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  fit=\"contain\"\n  height=\"600\"\n  width=\"300\"\n/>\n",[245,646,647,653,665,678,691,704,716],{"__ignoreMap":325},[329,648,649,651],{"class":331,"line":332},[329,650,491],{"class":350},[329,652,494],{"class":357},[329,654,655,657,659,661,663],{"class":331,"line":354},[329,656,500],{"class":499},[329,658,503],{"class":350},[329,660,506],{"class":350},[329,662,509],{"class":388},[329,664,512],{"class":350},[329,666,667,669,671,673,676],{"class":331,"line":367},[329,668,517],{"class":499},[329,670,503],{"class":350},[329,672,506],{"class":350},[329,674,675],{"class":388},"/cat_1x1.jpg",[329,677,512],{"class":350},[329,679,680,682,684,686,689],{"class":331,"line":377},[329,681,601],{"class":499},[329,683,503],{"class":350},[329,685,506],{"class":350},[329,687,688],{"class":388},"contain",[329,690,512],{"class":350},[329,692,693,695,697,699,702],{"class":331,"line":398},[329,694,531],{"class":499},[329,696,503],{"class":350},[329,698,506],{"class":350},[329,700,701],{"class":388},"600",[329,703,512],{"class":350},[329,705,706,708,710,712,714],{"class":331,"line":405},[329,707,545],{"class":499},[329,709,503],{"class":350},[329,711,506],{"class":350},[329,713,538],{"class":388},[329,715,512],{"class":350},[329,717,718],{"class":331,"line":411},[329,719,558],{"class":346},[206,721,722,723,727],{},"The letterboxing strips are transparent areas. Feel free to select the color of your choice by using the ",[210,724,726],{"href":725},"#background","background"," property.",[319,729,731],{"className":482,"code":730,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  fit=\"contain\"\n  height=\"600\"\n  width=\"300\"\n  background=\"red\"\n/>\n",[245,732,733,739,751,763,775,787,799,813],{"__ignoreMap":325},[329,734,735,737],{"class":331,"line":332},[329,736,491],{"class":350},[329,738,494],{"class":357},[329,740,741,743,745,747,749],{"class":331,"line":354},[329,742,500],{"class":499},[329,744,503],{"class":350},[329,746,506],{"class":350},[329,748,509],{"class":388},[329,750,512],{"class":350},[329,752,753,755,757,759,761],{"class":331,"line":367},[329,754,517],{"class":499},[329,756,503],{"class":350},[329,758,506],{"class":350},[329,760,675],{"class":388},[329,762,512],{"class":350},[329,764,765,767,769,771,773],{"class":331,"line":377},[329,766,601],{"class":499},[329,768,503],{"class":350},[329,770,506],{"class":350},[329,772,688],{"class":388},[329,774,512],{"class":350},[329,776,777,779,781,783,785],{"class":331,"line":398},[329,778,531],{"class":499},[329,780,503],{"class":350},[329,782,506],{"class":350},[329,784,701],{"class":388},[329,786,512],{"class":350},[329,788,789,791,793,795,797],{"class":331,"line":405},[329,790,545],{"class":499},[329,792,503],{"class":350},[329,794,506],{"class":350},[329,796,538],{"class":388},[329,798,512],{"class":350},[329,800,801,804,806,808,811],{"class":331,"line":411},[329,802,803],{"class":499},"  background",[329,805,503],{"class":350},[329,807,506],{"class":350},[329,809,810],{"class":388},"red",[329,812,512],{"class":350},[329,814,815],{"class":331,"line":417},[329,816,558],{"class":346},[445,818,819],{"id":819},"format",[206,821,822,823,826,827,829],{},"Specifies the output format. It can be an image format or a preview format. By default, ",[210,824,307],{"href":212,"rel":825},[214]," will 'guess' the best output format for the requesting browser, but you can use ",[245,828,819],{}," to change this behavior.",[206,831,472,832],{},[245,833,834],{},"format='avif'|'heif'|'jpeg'|'png'|__'webp'__",[206,836,837,840,841,844],{},[210,838,247],{"href":242,"rel":839},[214]," is the default format provided by ",[210,842,307],{"href":212,"rel":843},[214]," (if the browser supports it).",[206,846,847],{},"Examples:",[206,849,850,851,853],{},"This will return a variant of your image in ",[245,852,255],{}," format.",[319,855,857],{"className":482,"code":856,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  format=\"avif\"\n/>\n",[245,858,859,865,877,889,902],{"__ignoreMap":325},[329,860,861,863],{"class":331,"line":332},[329,862,491],{"class":350},[329,864,494],{"class":357},[329,866,867,869,871,873,875],{"class":331,"line":354},[329,868,500],{"class":499},[329,870,503],{"class":350},[329,872,506],{"class":350},[329,874,509],{"class":388},[329,876,512],{"class":350},[329,878,879,881,883,885,887],{"class":331,"line":367},[329,880,517],{"class":499},[329,882,503],{"class":350},[329,884,506],{"class":350},[329,886,675],{"class":388},[329,888,512],{"class":350},[329,890,891,894,896,898,900],{"class":331,"line":377},[329,892,893],{"class":499},"  format",[329,895,503],{"class":350},[329,897,506],{"class":350},[329,899,255],{"class":388},[329,901,512],{"class":350},[329,903,904],{"class":331,"line":398},[329,905,558],{"class":346},[206,907,908,909,853],{},"This will return a blurry preview of your image in ",[245,910,911],{},"svg",[319,913,915],{"className":482,"code":914,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  format=\"preview\"\n/>\n",[245,916,917,923,935,947,960],{"__ignoreMap":325},[329,918,919,921],{"class":331,"line":332},[329,920,491],{"class":350},[329,922,494],{"class":357},[329,924,925,927,929,931,933],{"class":331,"line":354},[329,926,500],{"class":499},[329,928,503],{"class":350},[329,930,506],{"class":350},[329,932,509],{"class":388},[329,934,512],{"class":350},[329,936,937,939,941,943,945],{"class":331,"line":367},[329,938,517],{"class":499},[329,940,503],{"class":350},[329,942,506],{"class":350},[329,944,675],{"class":388},[329,946,512],{"class":350},[329,948,949,951,953,955,958],{"class":331,"line":377},[329,950,893],{"class":499},[329,952,503],{"class":350},[329,954,506],{"class":350},[329,956,957],{"class":388},"preview",[329,959,512],{"class":350},[329,961,962],{"class":331,"line":398},[329,963,558],{"class":346},[206,965,966,967,285],{},"More informations ",[210,968,971],{"href":969,"rel":970},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#output",[214],"about format here",[445,973,974],{"id":974},"quality",[206,976,977],{},"Specifies the output quality as a number between 1 (poor quality) and 100 (best quality).",[206,979,472,980,983],{},[245,981,982],{},"quality=",[210,984,987],{"href":985,"rel":986},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#number",[214],[245,988,989],{},"number",[206,991,992,995,996,998],{},[210,993,307],{"href":212,"rel":994},[214]," considers ",[245,997,974],{},"=70 as default value.",[206,1000,1001,1005],{},[1002,1003,1004],"strong",{},"NB",": TwicPics automatically manages the returned quality according to the network performance for an optimized display speed even in difficult conditions.",[206,1007,1008,1010,1011,1013],{},[1002,1009,1004],{}," : when Data Saver is activated (android mobile only), default ",[245,1012,974],{},"=10.",[206,1015,1016],{},"Example:",[319,1018,1020],{"className":482,"code":1019,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  quality=\"1\"\n/>\n",[245,1021,1022,1028,1040,1052,1066],{"__ignoreMap":325},[329,1023,1024,1026],{"class":331,"line":332},[329,1025,491],{"class":350},[329,1027,494],{"class":357},[329,1029,1030,1032,1034,1036,1038],{"class":331,"line":354},[329,1031,500],{"class":499},[329,1033,503],{"class":350},[329,1035,506],{"class":350},[329,1037,509],{"class":388},[329,1039,512],{"class":350},[329,1041,1042,1044,1046,1048,1050],{"class":331,"line":367},[329,1043,517],{"class":499},[329,1045,503],{"class":350},[329,1047,506],{"class":350},[329,1049,675],{"class":388},[329,1051,512],{"class":350},[329,1053,1054,1057,1059,1061,1064],{"class":331,"line":377},[329,1055,1056],{"class":499},"  quality",[329,1058,503],{"class":350},[329,1060,506],{"class":350},[329,1062,1063],{"class":388},"1",[329,1065,512],{"class":350},[329,1067,1068],{"class":331,"line":398},[329,1069,558],{"class":346},[206,1071,966,1072,285],{},[210,1073,1076],{"href":1074,"rel":1075},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=quality#truecolor",[214],"about quality here",[445,1078,726],{"id":726},[206,1080,1081,1083],{},[245,1082,726],{}," specifies a color that will show through transparent and translucent parts of the image. This will have no effect on images with no transparency nor translucency.",[206,1085,472,1086,1089],{},[245,1087,1088],{},"background=",[210,1090,1093],{"href":1091,"rel":1092},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#color",[214],[245,1094,1095],{},"color",[206,1097,1016],{},[319,1099,1101],{"className":482,"code":1100,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/icon-500.png\"\n  background=\"red\"\n/>\n",[245,1102,1103,1109,1121,1134,1146],{"__ignoreMap":325},[329,1104,1105,1107],{"class":331,"line":332},[329,1106,491],{"class":350},[329,1108,494],{"class":357},[329,1110,1111,1113,1115,1117,1119],{"class":331,"line":354},[329,1112,500],{"class":499},[329,1114,503],{"class":350},[329,1116,506],{"class":350},[329,1118,509],{"class":388},[329,1120,512],{"class":350},[329,1122,1123,1125,1127,1129,1132],{"class":331,"line":367},[329,1124,517],{"class":499},[329,1126,503],{"class":350},[329,1128,506],{"class":350},[329,1130,1131],{"class":388},"/icon-500.png",[329,1133,512],{"class":350},[329,1135,1136,1138,1140,1142,1144],{"class":331,"line":377},[329,1137,803],{"class":499},[329,1139,503],{"class":350},[329,1141,506],{"class":350},[329,1143,810],{"class":388},[329,1145,512],{"class":350},[329,1147,1148],{"class":331,"line":398},[329,1149,558],{"class":346},[319,1151,1152],{"className":482,"code":730,"language":484,"meta":325,"style":325},[245,1153,1154,1160,1172,1184,1196,1208,1220,1232],{"__ignoreMap":325},[329,1155,1156,1158],{"class":331,"line":332},[329,1157,491],{"class":350},[329,1159,494],{"class":357},[329,1161,1162,1164,1166,1168,1170],{"class":331,"line":354},[329,1163,500],{"class":499},[329,1165,503],{"class":350},[329,1167,506],{"class":350},[329,1169,509],{"class":388},[329,1171,512],{"class":350},[329,1173,1174,1176,1178,1180,1182],{"class":331,"line":367},[329,1175,517],{"class":499},[329,1177,503],{"class":350},[329,1179,506],{"class":350},[329,1181,675],{"class":388},[329,1183,512],{"class":350},[329,1185,1186,1188,1190,1192,1194],{"class":331,"line":377},[329,1187,601],{"class":499},[329,1189,503],{"class":350},[329,1191,506],{"class":350},[329,1193,688],{"class":388},[329,1195,512],{"class":350},[329,1197,1198,1200,1202,1204,1206],{"class":331,"line":398},[329,1199,531],{"class":499},[329,1201,503],{"class":350},[329,1203,506],{"class":350},[329,1205,701],{"class":388},[329,1207,512],{"class":350},[329,1209,1210,1212,1214,1216,1218],{"class":331,"line":405},[329,1211,545],{"class":499},[329,1213,503],{"class":350},[329,1215,506],{"class":350},[329,1217,538],{"class":388},[329,1219,512],{"class":350},[329,1221,1222,1224,1226,1228,1230],{"class":331,"line":411},[329,1223,803],{"class":499},[329,1225,503],{"class":350},[329,1227,506],{"class":350},[329,1229,810],{"class":388},[329,1231,512],{"class":350},[329,1233,1234],{"class":331,"line":417},[329,1235,558],{"class":346},[206,1237,966,1238,285],{},[210,1239,1242],{"href":1240,"rel":1241},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#background",[214],"about background here",[217,1244,1246],{"id":1245},"twicpics-modifiers","TwicPics modifiers",[206,1248,1249,1250,1253,1254,1256,1257,285],{},"In addition to the standard parameters, the specific features of the TwicPics API are accessible via the ",[245,1251,1252],{},"modifiers"," prop of ",[245,1255,439],{}," or ",[245,1258,443],{},[319,1260,1262],{"className":482,"code":1261,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/path-to-nuxt-demo.jpg\"\n  :modifiers=\"{\n    key_1: value_1,\n    ...,\n    key_n: value_n\n  }\"\n/>\n",[245,1263,1264,1270,1282,1295,1308,1320,1325,1335,1342],{"__ignoreMap":325},[329,1265,1266,1268],{"class":331,"line":332},[329,1267,491],{"class":350},[329,1269,494],{"class":357},[329,1271,1272,1274,1276,1278,1280],{"class":331,"line":354},[329,1273,500],{"class":499},[329,1275,503],{"class":350},[329,1277,506],{"class":350},[329,1279,509],{"class":388},[329,1281,512],{"class":350},[329,1283,1284,1286,1288,1290,1293],{"class":331,"line":367},[329,1285,517],{"class":499},[329,1287,503],{"class":350},[329,1289,506],{"class":350},[329,1291,1292],{"class":388},"/path-to-nuxt-demo.jpg",[329,1294,512],{"class":350},[329,1296,1297,1300,1302,1304,1306],{"class":331,"line":377},[329,1298,1299],{"class":350},"  :",[329,1301,1252],{"class":499},[329,1303,503],{"class":350},[329,1305,506],{"class":350},[329,1307,351],{"class":350},[329,1309,1310,1313,1315,1318],{"class":331,"line":398},[329,1311,1312],{"class":357},"    key_1",[329,1314,361],{"class":350},[329,1316,1317],{"class":346}," value_1",[329,1319,395],{"class":350},[329,1321,1322],{"class":331,"line":405},[329,1323,1324],{"class":350},"    ...,\n",[329,1326,1327,1330,1332],{"class":331,"line":411},[329,1328,1329],{"class":357},"    key_n",[329,1331,361],{"class":350},[329,1333,1334],{"class":346}," value_n\n",[329,1336,1337,1340],{"class":331,"line":417},[329,1338,1339],{"class":350},"  }",[329,1341,512],{"class":350},[329,1343,1344],{"class":331,"line":423},[329,1345,558],{"class":346},[206,1347,1348,285],{},[210,1349,1352],{"href":1350,"rel":1351},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[214],"A complete list of these features and their uses is accessible here",[445,1354,280],{"id":280},[206,1356,1357,1359,1360,1362],{},[245,1358,280],{}," will extract a zone from the image which size is the given ",[245,1361,280],{}," size. If no coordinates are given, the focus point will be used as a guide to determine where to start the extraction. If coordinates are given, they will be used to determine the top-left pixel from which to start the extraction and the focus point will be reset to the center of the resulting image.",[206,1364,472,1365,1368,1375,1382],{},[245,1366,1367],{},"{ crop: ",[210,1369,1372],{"href":1370,"rel":1371},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop-size",[214],[245,1373,1374],{},"size",[210,1376,1379],{"href":1377,"rel":1378},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#coordinates",[214],[245,1380,1381],{},"@coordinates",[245,1383,1384],{}," }",[319,1386,1388],{"className":482,"code":1387,"language":484,"meta":325,"style":325},"\u003C!-- no coordinates given -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat.jpg\"\n  :modifiers=\"{ crop: '500x100' }\"\n/>\n\n\u003C!-- passing coordinates -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat.jpg\"\n  :modifiers=\"{ crop: '500x100@700x400' }\"\n/>\n\n\u003C!-- using focus auto -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat.jpg\"\n  :modifiers=\"{ focus: 'auto', crop: '500x100' }\"\n/>\n",[245,1389,1390,1395,1401,1413,1426,1455,1459,1465,1470,1475,1481,1487,1493,1498,1503,1509,1514,1519,1524,1530],{"__ignoreMap":325},[329,1391,1392],{"class":331,"line":332},[329,1393,1394],{"class":401},"\u003C!-- no coordinates given -->\n",[329,1396,1397,1399],{"class":331,"line":354},[329,1398,491],{"class":350},[329,1400,494],{"class":357},[329,1402,1403,1405,1407,1409,1411],{"class":331,"line":367},[329,1404,500],{"class":499},[329,1406,503],{"class":350},[329,1408,506],{"class":350},[329,1410,509],{"class":388},[329,1412,512],{"class":350},[329,1414,1415,1417,1419,1421,1424],{"class":331,"line":377},[329,1416,517],{"class":499},[329,1418,503],{"class":350},[329,1420,506],{"class":350},[329,1422,1423],{"class":388},"/cat.jpg",[329,1425,512],{"class":350},[329,1427,1428,1430,1432,1434,1436,1439,1442,1444,1446,1449,1451,1453],{"class":331,"line":398},[329,1429,1299],{"class":350},[329,1431,1252],{"class":499},[329,1433,503],{"class":350},[329,1435,506],{"class":350},[329,1437,1438],{"class":350},"{",[329,1440,1441],{"class":357}," crop",[329,1443,361],{"class":350},[329,1445,385],{"class":350},[329,1447,1448],{"class":388},"500x100",[329,1450,392],{"class":350},[329,1452,1384],{"class":350},[329,1454,512],{"class":350},[329,1456,1457],{"class":331,"line":405},[329,1458,558],{"class":346},[329,1460,1461],{"class":331,"line":411},[329,1462,1464],{"emptyLinePlaceholder":1463},true,"\n",[329,1466,1467],{"class":331,"line":417},[329,1468,1469],{"class":346},"\u003C!-- passing coordinates -->\n",[329,1471,1472],{"class":331,"line":423},[329,1473,1474],{"class":346},"\u003CNuxtImg\n",[329,1476,1478],{"class":331,"line":1477},10,[329,1479,1480],{"class":346},"  provider=\"twicpics\"\n",[329,1482,1484],{"class":331,"line":1483},11,[329,1485,1486],{"class":346},"  src=\"/cat.jpg\"\n",[329,1488,1490],{"class":331,"line":1489},12,[329,1491,1492],{"class":346},"  :modifiers=\"{ crop: '500x100@700x400' }\"\n",[329,1494,1496],{"class":331,"line":1495},13,[329,1497,558],{"class":346},[329,1499,1501],{"class":331,"line":1500},14,[329,1502,1464],{"emptyLinePlaceholder":1463},[329,1504,1506],{"class":331,"line":1505},15,[329,1507,1508],{"class":346},"\u003C!-- using focus auto -->\n",[329,1510,1512],{"class":331,"line":1511},16,[329,1513,1474],{"class":346},[329,1515,1517],{"class":331,"line":1516},17,[329,1518,1480],{"class":346},[329,1520,1522],{"class":331,"line":1521},18,[329,1523,1486],{"class":346},[329,1525,1527],{"class":331,"line":1526},19,[329,1528,1529],{"class":346},"  :modifiers=\"{ focus: 'auto', crop: '500x100' }\"\n",[329,1531,1533],{"class":331,"line":1532},20,[329,1534,558],{"class":346},[206,1536,966,1537,285],{},[210,1538,1541,1542,1544],{"href":1539,"rel":1540},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop",[214],"about ",[245,1543,280],{}," here",[445,1546,272],{"id":272},[206,1548,1549,1551],{},[245,1550,272],{}," will invert the image horizontally, vertically or both depending on the expression provided.",[206,1553,472,1554],{},[245,1555,1556],{},"{ flip: 'both' | 'x' | 'y' }",[319,1558,1560],{"className":482,"code":1559,"language":484,"meta":325,"style":325},"\u003C!-- horizontal and vertical -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/puppy.jpg\"\n  :modifiers=\"{ flip: 'both' }\"\n/>\n\n\u003C!-- horizontal -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/puppy.jpg\"\n  :modifiers=\"{ flip: 'x' }\"\n/>\n\n\u003C!-- vertical -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/puppy.jpg\"\n  :modifiers=\"{ flip: 'y' }\"\n/>\n",[245,1561,1562,1567,1573,1585,1598,1626,1630,1634,1639,1643,1647,1652,1657,1661,1665,1670,1674,1678,1682,1687],{"__ignoreMap":325},[329,1563,1564],{"class":331,"line":332},[329,1565,1566],{"class":401},"\u003C!-- horizontal and vertical -->\n",[329,1568,1569,1571],{"class":331,"line":354},[329,1570,491],{"class":350},[329,1572,494],{"class":357},[329,1574,1575,1577,1579,1581,1583],{"class":331,"line":367},[329,1576,500],{"class":499},[329,1578,503],{"class":350},[329,1580,506],{"class":350},[329,1582,509],{"class":388},[329,1584,512],{"class":350},[329,1586,1587,1589,1591,1593,1596],{"class":331,"line":377},[329,1588,517],{"class":499},[329,1590,503],{"class":350},[329,1592,506],{"class":350},[329,1594,1595],{"class":388},"/puppy.jpg",[329,1597,512],{"class":350},[329,1599,1600,1602,1604,1606,1608,1610,1613,1615,1617,1620,1622,1624],{"class":331,"line":398},[329,1601,1299],{"class":350},[329,1603,1252],{"class":499},[329,1605,503],{"class":350},[329,1607,506],{"class":350},[329,1609,1438],{"class":350},[329,1611,1612],{"class":357}," flip",[329,1614,361],{"class":350},[329,1616,385],{"class":350},[329,1618,1619],{"class":388},"both",[329,1621,392],{"class":350},[329,1623,1384],{"class":350},[329,1625,512],{"class":350},[329,1627,1628],{"class":331,"line":405},[329,1629,558],{"class":346},[329,1631,1632],{"class":331,"line":411},[329,1633,1464],{"emptyLinePlaceholder":1463},[329,1635,1636],{"class":331,"line":417},[329,1637,1638],{"class":346},"\u003C!-- horizontal -->\n",[329,1640,1641],{"class":331,"line":423},[329,1642,1474],{"class":346},[329,1644,1645],{"class":331,"line":1477},[329,1646,1480],{"class":346},[329,1648,1649],{"class":331,"line":1483},[329,1650,1651],{"class":346},"  src=\"/puppy.jpg\"\n",[329,1653,1654],{"class":331,"line":1489},[329,1655,1656],{"class":346},"  :modifiers=\"{ flip: 'x' }\"\n",[329,1658,1659],{"class":331,"line":1495},[329,1660,558],{"class":346},[329,1662,1663],{"class":331,"line":1500},[329,1664,1464],{"emptyLinePlaceholder":1463},[329,1666,1667],{"class":331,"line":1505},[329,1668,1669],{"class":346},"\u003C!-- vertical -->\n",[329,1671,1672],{"class":331,"line":1511},[329,1673,1474],{"class":346},[329,1675,1676],{"class":331,"line":1516},[329,1677,1480],{"class":346},[329,1679,1680],{"class":331,"line":1521},[329,1681,1651],{"class":346},[329,1683,1684],{"class":331,"line":1526},[329,1685,1686],{"class":346},"  :modifiers=\"{ flip: 'y' }\"\n",[329,1688,1689],{"class":331,"line":1532},[329,1690,558],{"class":346},[206,1692,966,1693,285],{},[210,1694,1541,1697,1544],{"href":1695,"rel":1696},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#flip",[214],[245,1698,272],{},[445,1700,1701],{"id":1701},"focus",[206,1703,1704,1706],{},[245,1705,1701],{}," will set the focus point coordinates. It doesn't modify the output image in any way but will change the behavior of further transformations that take the focus point into account (namely cover, crop and resize).",[206,1708,1709,1710,1713],{},"If ",[245,1711,1712],{},"auto"," is used in place of actual coordinates, the focus point will be chosen automagically for you!",[206,1715,472,1716,1719,1726],{},[245,1717,1718],{},"{ focus: ",[210,1720,1723],{"href":1721,"rel":1722},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop-coordinates",[214],[245,1724,1725],{},"coordinates",[245,1727,1728],{},"|'auto' }",[319,1730,1732],{"className":482,"code":1731,"language":484,"meta":325,"style":325},"\u003C!-- using crop with focus auto -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  :modifiers=\"{ focus: 'auto', crop: '500x500' }\"\n/>\n\n\u003C!-- changing ratio with focus auto -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{ focus: 'auto', cover: '1:1' }\"\n/>\n\n\u003C!-- changing ratio with selected focus -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/path-to-nuxt-demo.jpg\"\n  :modifiers=\"{ focus: '200x200', cover: '1:1' }\"\n/>\n",[245,1733,1734,1739,1745,1757,1769,1810,1814,1818,1823,1827,1831,1836,1841,1845,1849,1854,1858,1862,1867,1872],{"__ignoreMap":325},[329,1735,1736],{"class":331,"line":332},[329,1737,1738],{"class":401},"\u003C!-- using crop with focus auto -->\n",[329,1740,1741,1743],{"class":331,"line":354},[329,1742,491],{"class":350},[329,1744,494],{"class":357},[329,1746,1747,1749,1751,1753,1755],{"class":331,"line":367},[329,1748,500],{"class":499},[329,1750,503],{"class":350},[329,1752,506],{"class":350},[329,1754,509],{"class":388},[329,1756,512],{"class":350},[329,1758,1759,1761,1763,1765,1767],{"class":331,"line":377},[329,1760,517],{"class":499},[329,1762,503],{"class":350},[329,1764,506],{"class":350},[329,1766,675],{"class":388},[329,1768,512],{"class":350},[329,1770,1771,1773,1775,1777,1779,1781,1784,1786,1788,1790,1792,1795,1797,1799,1801,1804,1806,1808],{"class":331,"line":398},[329,1772,1299],{"class":350},[329,1774,1252],{"class":499},[329,1776,503],{"class":350},[329,1778,506],{"class":350},[329,1780,1438],{"class":350},[329,1782,1783],{"class":357}," focus",[329,1785,361],{"class":350},[329,1787,385],{"class":350},[329,1789,1712],{"class":388},[329,1791,392],{"class":350},[329,1793,1794],{"class":350},",",[329,1796,1441],{"class":357},[329,1798,361],{"class":350},[329,1800,385],{"class":350},[329,1802,1803],{"class":388},"500x500",[329,1805,392],{"class":350},[329,1807,1384],{"class":350},[329,1809,512],{"class":350},[329,1811,1812],{"class":331,"line":405},[329,1813,558],{"class":346},[329,1815,1816],{"class":331,"line":411},[329,1817,1464],{"emptyLinePlaceholder":1463},[329,1819,1820],{"class":331,"line":417},[329,1821,1822],{"class":346},"\u003C!-- changing ratio with focus auto -->\n",[329,1824,1825],{"class":331,"line":423},[329,1826,1474],{"class":346},[329,1828,1829],{"class":331,"line":1477},[329,1830,1480],{"class":346},[329,1832,1833],{"class":331,"line":1483},[329,1834,1835],{"class":346},"  src=\"/football.jpg\"\n",[329,1837,1838],{"class":331,"line":1489},[329,1839,1840],{"class":346},"  :modifiers=\"{ focus: 'auto', cover: '1:1' }\"\n",[329,1842,1843],{"class":331,"line":1495},[329,1844,558],{"class":346},[329,1846,1847],{"class":331,"line":1500},[329,1848,1464],{"emptyLinePlaceholder":1463},[329,1850,1851],{"class":331,"line":1505},[329,1852,1853],{"class":346},"\u003C!-- changing ratio with selected focus -->\n",[329,1855,1856],{"class":331,"line":1511},[329,1857,1474],{"class":346},[329,1859,1860],{"class":331,"line":1516},[329,1861,1480],{"class":346},[329,1863,1864],{"class":331,"line":1521},[329,1865,1866],{"class":346},"  src=\"/path-to-nuxt-demo.jpg\"\n",[329,1868,1869],{"class":331,"line":1526},[329,1870,1871],{"class":346},"  :modifiers=\"{ focus: '200x200', cover: '1:1' }\"\n",[329,1873,1874],{"class":331,"line":1532},[329,1875,558],{"class":346},[206,1877,1878,1881],{},[1879,1880,1004],"em",{}," : focus must be placed before the transformations modifying the output image (namely cover, crop and resize).",[206,1883,966,1884,285],{},[210,1885,1541,1888,1544],{"href":1886,"rel":1887},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#focus",[214],[245,1889,1701],{},[445,1891,1892],{"id":1892},"truecolor",[206,1894,1895,1897],{},[245,1896,1892],{}," can be used to prevent color quantization. If no boolean is provided, true is assumed.",[206,1899,1900],{},"By default, quantization is allowed (truecolor=false).",[206,1902,1903,1904,285],{},"Quantization occurs whenever the output format is ",[245,1905,1906],{},"png",[206,1908,1909,1910,1912,1913,1915],{},"Use truecolor if you want to distribute substantially larger but more accurate images with translucency to users on browsers with no ",[245,1911,247],{}," support or when ",[245,1914,1906],{}," is required as output format.",[319,1917,1919],{"className":482,"code":1918,"language":484,"meta":325,"style":325},"\u003C!-- disallowes color quantization -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/peacock.jpg\"\n  format=\"png\"\n  :modifiers=\"{ truecolor: true }\"\n/>\n\n\u003C!-- allowes color quantization (default value) -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/peacock.jpg\"\n  format=\"png\"\n  :modifiers=\"{ truecolor: false }\"\n/>\n",[245,1920,1921,1926,1932,1944,1957,1969,1994,1998,2002,2007,2011,2015,2020,2025,2030],{"__ignoreMap":325},[329,1922,1923],{"class":331,"line":332},[329,1924,1925],{"class":401},"\u003C!-- disallowes color quantization -->\n",[329,1927,1928,1930],{"class":331,"line":354},[329,1929,491],{"class":350},[329,1931,494],{"class":357},[329,1933,1934,1936,1938,1940,1942],{"class":331,"line":367},[329,1935,500],{"class":499},[329,1937,503],{"class":350},[329,1939,506],{"class":350},[329,1941,509],{"class":388},[329,1943,512],{"class":350},[329,1945,1946,1948,1950,1952,1955],{"class":331,"line":377},[329,1947,517],{"class":499},[329,1949,503],{"class":350},[329,1951,506],{"class":350},[329,1953,1954],{"class":388},"/peacock.jpg",[329,1956,512],{"class":350},[329,1958,1959,1961,1963,1965,1967],{"class":331,"line":398},[329,1960,893],{"class":499},[329,1962,503],{"class":350},[329,1964,506],{"class":350},[329,1966,1906],{"class":388},[329,1968,512],{"class":350},[329,1970,1971,1973,1975,1977,1979,1981,1984,1986,1990,1992],{"class":331,"line":405},[329,1972,1299],{"class":350},[329,1974,1252],{"class":499},[329,1976,503],{"class":350},[329,1978,506],{"class":350},[329,1980,1438],{"class":350},[329,1982,1983],{"class":357}," truecolor",[329,1985,361],{"class":350},[329,1987,1989],{"class":1988},"sfNiH"," true",[329,1991,1384],{"class":350},[329,1993,512],{"class":350},[329,1995,1996],{"class":331,"line":411},[329,1997,558],{"class":346},[329,1999,2000],{"class":331,"line":417},[329,2001,1464],{"emptyLinePlaceholder":1463},[329,2003,2004],{"class":331,"line":423},[329,2005,2006],{"class":346},"\u003C!-- allowes color quantization (default value) -->\n",[329,2008,2009],{"class":331,"line":1477},[329,2010,1474],{"class":346},[329,2012,2013],{"class":331,"line":1483},[329,2014,1480],{"class":346},[329,2016,2017],{"class":331,"line":1489},[329,2018,2019],{"class":346},"  src=\"/peacock.jpg\"\n",[329,2021,2022],{"class":331,"line":1495},[329,2023,2024],{"class":346},"  format=\"png\"\n",[329,2026,2027],{"class":331,"line":1500},[329,2028,2029],{"class":346},"  :modifiers=\"{ truecolor: false }\"\n",[329,2031,2032],{"class":331,"line":1505},[329,2033,558],{"class":346},[206,2035,966,2036,285],{},[210,2037,1541,2040,1544],{"href":2038,"rel":2039},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#truecolor",[214],[245,2041,1892],{},[445,2043,276],{"id":276},[206,2045,2046,2048],{},[245,2047,276],{}," will change the orientation of the image. It accepts an angle in degrees or an expression. Angles will be rounded to the closest multiple of 90°.",[206,2050,472,2051,2054,2059],{},[245,2052,2053],{},"{ turn: ",[210,2055,2057],{"href":985,"rel":2056},[214],[245,2058,989],{},[245,2060,2061],{}," | 'flip' | 'left' | 'right' }",[319,2063,2065],{"className":482,"code":2064,"language":484,"meta":325,"style":325},"\u003C!-- turns image at -90° -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{ turn: 'left' }\"\n/>\n\n\u003C!-- turns image at 180° -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{ turn: 180 }\"\n/>\n",[245,2066,2067,2072,2078,2090,2102,2130,2134,2138,2143,2147,2151,2155,2160],{"__ignoreMap":325},[329,2068,2069],{"class":331,"line":332},[329,2070,2071],{"class":401},"\u003C!-- turns image at -90° -->\n",[329,2073,2074,2076],{"class":331,"line":354},[329,2075,491],{"class":350},[329,2077,494],{"class":357},[329,2079,2080,2082,2084,2086,2088],{"class":331,"line":367},[329,2081,500],{"class":499},[329,2083,503],{"class":350},[329,2085,506],{"class":350},[329,2087,509],{"class":388},[329,2089,512],{"class":350},[329,2091,2092,2094,2096,2098,2100],{"class":331,"line":377},[329,2093,517],{"class":499},[329,2095,503],{"class":350},[329,2097,506],{"class":350},[329,2099,524],{"class":388},[329,2101,512],{"class":350},[329,2103,2104,2106,2108,2110,2112,2114,2117,2119,2121,2124,2126,2128],{"class":331,"line":398},[329,2105,1299],{"class":350},[329,2107,1252],{"class":499},[329,2109,503],{"class":350},[329,2111,506],{"class":350},[329,2113,1438],{"class":350},[329,2115,2116],{"class":357}," turn",[329,2118,361],{"class":350},[329,2120,385],{"class":350},[329,2122,2123],{"class":388},"left",[329,2125,392],{"class":350},[329,2127,1384],{"class":350},[329,2129,512],{"class":350},[329,2131,2132],{"class":331,"line":405},[329,2133,558],{"class":346},[329,2135,2136],{"class":331,"line":411},[329,2137,1464],{"emptyLinePlaceholder":1463},[329,2139,2140],{"class":331,"line":417},[329,2141,2142],{"class":346},"\u003C!-- turns image at 180° -->\n",[329,2144,2145],{"class":331,"line":423},[329,2146,1474],{"class":346},[329,2148,2149],{"class":331,"line":1477},[329,2150,1480],{"class":346},[329,2152,2153],{"class":331,"line":1483},[329,2154,1835],{"class":346},[329,2156,2157],{"class":331,"line":1489},[329,2158,2159],{"class":346},"  :modifiers=\"{ turn: 180 }\"\n",[329,2161,2162],{"class":331,"line":1495},[329,2163,558],{"class":346},[206,2165,966,2166,285],{},[210,2167,1541,2170,1544],{"href":2168,"rel":2169},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#turn",[214],[245,2171,276],{},[445,2173,284],{"id":284},[206,2175,2176],{},"Zooms into the image by a factor equal or superior to 1 towards the focus point while preserving the image size.",[206,2178,472,2179,2182,2187],{},[245,2180,2181],{},"{ zoom: ",[210,2183,2185],{"href":985,"rel":2184},[214],[245,2186,989],{},[245,2188,1384],{},[319,2190,2192],{"className":482,"code":2191,"language":484,"meta":325,"style":325},"\u003C!-- zooms into image by a factor 1.5 -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n  :modifiers=\"{ zoom: 1.5 }\"\n/>\n\n\u003C!-- zooms into image by a factor 3 -->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n :modifiers=\"{ zoom: 3 }\"\n/>\n\n\u003C!-- zooms into image by a factor 3 in direction of the focus-->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n :modifiers=\"{ focus: 'auto', zoom: 3 }\"\n/>\n\n\u003C!-- zooms into image by a factor 3 in direction of the focus-->\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n :modifiers=\"{ focus: '200x200', zoom: 3 }\"\n/>\n\n",[245,2193,2194,2199,2205,2217,2230,2255,2259,2263,2268,2272,2276,2281,2286,2290,2294,2299,2303,2307,2311,2316,2320,2325,2330,2335,2340,2345,2351],{"__ignoreMap":325},[329,2195,2196],{"class":331,"line":332},[329,2197,2198],{"class":401},"\u003C!-- zooms into image by a factor 1.5 -->\n",[329,2200,2201,2203],{"class":331,"line":354},[329,2202,491],{"class":350},[329,2204,494],{"class":357},[329,2206,2207,2209,2211,2213,2215],{"class":331,"line":367},[329,2208,500],{"class":499},[329,2210,503],{"class":350},[329,2212,506],{"class":350},[329,2214,509],{"class":388},[329,2216,512],{"class":350},[329,2218,2219,2221,2223,2225,2228],{"class":331,"line":377},[329,2220,517],{"class":499},[329,2222,503],{"class":350},[329,2224,506],{"class":350},[329,2226,2227],{"class":388},"/cherry-3.jpg",[329,2229,512],{"class":350},[329,2231,2232,2234,2236,2238,2240,2242,2245,2247,2251,2253],{"class":331,"line":398},[329,2233,1299],{"class":350},[329,2235,1252],{"class":499},[329,2237,503],{"class":350},[329,2239,506],{"class":350},[329,2241,1438],{"class":350},[329,2243,2244],{"class":357}," zoom",[329,2246,361],{"class":350},[329,2248,2250],{"class":2249},"sbssI"," 1.5",[329,2252,1384],{"class":350},[329,2254,512],{"class":350},[329,2256,2257],{"class":331,"line":405},[329,2258,558],{"class":346},[329,2260,2261],{"class":331,"line":411},[329,2262,1464],{"emptyLinePlaceholder":1463},[329,2264,2265],{"class":331,"line":417},[329,2266,2267],{"class":346},"\u003C!-- zooms into image by a factor 3 -->\n",[329,2269,2270],{"class":331,"line":423},[329,2271,1474],{"class":346},[329,2273,2274],{"class":331,"line":1477},[329,2275,1480],{"class":346},[329,2277,2278],{"class":331,"line":1483},[329,2279,2280],{"class":346},"  src=\"/cherry-3.jpg\"\n",[329,2282,2283],{"class":331,"line":1489},[329,2284,2285],{"class":346}," :modifiers=\"{ zoom: 3 }\"\n",[329,2287,2288],{"class":331,"line":1495},[329,2289,558],{"class":346},[329,2291,2292],{"class":331,"line":1500},[329,2293,1464],{"emptyLinePlaceholder":1463},[329,2295,2296],{"class":331,"line":1505},[329,2297,2298],{"class":346},"\u003C!-- zooms into image by a factor 3 in direction of the focus-->\n",[329,2300,2301],{"class":331,"line":1511},[329,2302,1474],{"class":346},[329,2304,2305],{"class":331,"line":1516},[329,2306,1480],{"class":346},[329,2308,2309],{"class":331,"line":1521},[329,2310,2280],{"class":346},[329,2312,2313],{"class":331,"line":1526},[329,2314,2315],{"class":346}," :modifiers=\"{ focus: 'auto', zoom: 3 }\"\n",[329,2317,2318],{"class":331,"line":1532},[329,2319,558],{"class":346},[329,2321,2323],{"class":331,"line":2322},21,[329,2324,1464],{"emptyLinePlaceholder":1463},[329,2326,2328],{"class":331,"line":2327},22,[329,2329,2298],{"class":346},[329,2331,2333],{"class":331,"line":2332},23,[329,2334,1474],{"class":346},[329,2336,2338],{"class":331,"line":2337},24,[329,2339,1480],{"class":346},[329,2341,2343],{"class":331,"line":2342},25,[329,2344,2280],{"class":346},[329,2346,2348],{"class":331,"line":2347},26,[329,2349,2350],{"class":346}," :modifiers=\"{ focus: '200x200', zoom: 3 }\"\n",[329,2352,2354],{"class":331,"line":2353},27,[329,2355,558],{"class":346},[206,2357,966,2358,285],{},[210,2359,1541,2362,1544],{"href":2360,"rel":2361},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#zoom",[214],[245,2363,284],{},[217,2365,2367],{"id":2366},"combination-of-parameters","Combination of parameters",[206,2369,2370,2371,285],{},"You can combine several transformations of the ",[210,2372,2374],{"href":1350,"rel":2373},[214],"TwicPics API",[206,2376,2377],{},"Be aware that the order of the parameters can be significant.",[206,2379,1016],{},[206,2381,2382],{},"This will return a variant of image for which we have, in order:",[2384,2385,2386,2389,2392],"ol",{},[234,2387,2388],{},"cropped the image from the center to 16:9 aspect ratio",[234,2390,2391],{},"then placed the focus on the center of interest of the cropped image",[234,2393,2394],{},"then rotate the image 90° to the left",[206,2396,2397],{},"The result is a 9:16 (not 16:9) image with a possibly false area of interest.",[319,2399,2401],{"className":482,"code":2400,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{ cover: '16:9', focus: 'auto', turn: 'left' }\"\n/>\n",[245,2402,2403,2409,2421,2433,2485],{"__ignoreMap":325},[329,2404,2405,2407],{"class":331,"line":332},[329,2406,491],{"class":350},[329,2408,494],{"class":357},[329,2410,2411,2413,2415,2417,2419],{"class":331,"line":354},[329,2412,500],{"class":499},[329,2414,503],{"class":350},[329,2416,506],{"class":350},[329,2418,509],{"class":388},[329,2420,512],{"class":350},[329,2422,2423,2425,2427,2429,2431],{"class":331,"line":367},[329,2424,517],{"class":499},[329,2426,503],{"class":350},[329,2428,506],{"class":350},[329,2430,524],{"class":388},[329,2432,512],{"class":350},[329,2434,2435,2437,2439,2441,2443,2445,2448,2450,2452,2455,2457,2459,2461,2463,2465,2467,2469,2471,2473,2475,2477,2479,2481,2483],{"class":331,"line":377},[329,2436,1299],{"class":350},[329,2438,1252],{"class":499},[329,2440,503],{"class":350},[329,2442,506],{"class":350},[329,2444,1438],{"class":350},[329,2446,2447],{"class":357}," cover",[329,2449,361],{"class":350},[329,2451,385],{"class":350},[329,2453,2454],{"class":388},"16:9",[329,2456,392],{"class":350},[329,2458,1794],{"class":350},[329,2460,1783],{"class":357},[329,2462,361],{"class":350},[329,2464,385],{"class":350},[329,2466,1712],{"class":388},[329,2468,392],{"class":350},[329,2470,1794],{"class":350},[329,2472,2116],{"class":357},[329,2474,361],{"class":350},[329,2476,385],{"class":350},[329,2478,2123],{"class":388},[329,2480,392],{"class":350},[329,2482,1384],{"class":350},[329,2484,512],{"class":350},[329,2486,2487],{"class":331,"line":398},[329,2488,558],{"class":346},[206,2490,2491],{},"This will return a variant of your image for which we have, in order:",[2384,2493,2494,2497,2500],{},[234,2495,2496],{},"placed the focus on the center of interest of the original image",[234,2498,2499],{},"then cropped the image to 16:9 from the center of interest",[234,2501,2502],{},"then rotated the image 90° to the left",[206,2504,2505],{},"The result is a cropped image with the area of interest retained and displayed in 16:9 format.",[319,2507,2509],{"className":482,"code":2508,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  fit=\"fill\"\n  :modifiers=\"{ focus: 'auto', turn: 'left', cover: '16:9' }\"\n/>\n",[245,2510,2511,2517,2529,2541,2554,2604],{"__ignoreMap":325},[329,2512,2513,2515],{"class":331,"line":332},[329,2514,491],{"class":350},[329,2516,494],{"class":357},[329,2518,2519,2521,2523,2525,2527],{"class":331,"line":354},[329,2520,500],{"class":499},[329,2522,503],{"class":350},[329,2524,506],{"class":350},[329,2526,509],{"class":388},[329,2528,512],{"class":350},[329,2530,2531,2533,2535,2537,2539],{"class":331,"line":367},[329,2532,517],{"class":499},[329,2534,503],{"class":350},[329,2536,506],{"class":350},[329,2538,524],{"class":388},[329,2540,512],{"class":350},[329,2542,2543,2545,2547,2549,2552],{"class":331,"line":377},[329,2544,601],{"class":499},[329,2546,503],{"class":350},[329,2548,506],{"class":350},[329,2550,2551],{"class":388},"fill",[329,2553,512],{"class":350},[329,2555,2556,2558,2560,2562,2564,2566,2568,2570,2572,2574,2576,2578,2580,2582,2584,2586,2588,2590,2592,2594,2596,2598,2600,2602],{"class":331,"line":398},[329,2557,1299],{"class":350},[329,2559,1252],{"class":499},[329,2561,503],{"class":350},[329,2563,506],{"class":350},[329,2565,1438],{"class":350},[329,2567,1783],{"class":357},[329,2569,361],{"class":350},[329,2571,385],{"class":350},[329,2573,1712],{"class":388},[329,2575,392],{"class":350},[329,2577,1794],{"class":350},[329,2579,2116],{"class":357},[329,2581,361],{"class":350},[329,2583,385],{"class":350},[329,2585,2123],{"class":388},[329,2587,392],{"class":350},[329,2589,1794],{"class":350},[329,2591,2447],{"class":357},[329,2593,361],{"class":350},[329,2595,385],{"class":350},[329,2597,2454],{"class":388},[329,2599,392],{"class":350},[329,2601,1384],{"class":350},[329,2603,512],{"class":350},[329,2605,2606],{"class":331,"line":405},[329,2607,558],{"class":346},[217,2609,2611],{"id":2610},"dealing-with-image-ratio","Dealing with image ratio",[206,2613,2614],{},"Let's say you want to display an image in 4:3 aspect ratio with a width of 300px.",[319,2616,2618],{"className":482,"code":2617,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  width=\"300\"\n  fit=\"fill\"\n  :modifiers=\"{ cover: '4:3' }\"\n/>\n",[245,2619,2620,2626,2638,2650,2662,2674,2701],{"__ignoreMap":325},[329,2621,2622,2624],{"class":331,"line":332},[329,2623,491],{"class":350},[329,2625,494],{"class":357},[329,2627,2628,2630,2632,2634,2636],{"class":331,"line":354},[329,2629,500],{"class":499},[329,2631,503],{"class":350},[329,2633,506],{"class":350},[329,2635,509],{"class":388},[329,2637,512],{"class":350},[329,2639,2640,2642,2644,2646,2648],{"class":331,"line":367},[329,2641,517],{"class":499},[329,2643,503],{"class":350},[329,2645,506],{"class":350},[329,2647,675],{"class":388},[329,2649,512],{"class":350},[329,2651,2652,2654,2656,2658,2660],{"class":331,"line":377},[329,2653,545],{"class":499},[329,2655,503],{"class":350},[329,2657,506],{"class":350},[329,2659,538],{"class":388},[329,2661,512],{"class":350},[329,2663,2664,2666,2668,2670,2672],{"class":331,"line":398},[329,2665,601],{"class":499},[329,2667,503],{"class":350},[329,2669,506],{"class":350},[329,2671,2551],{"class":388},[329,2673,512],{"class":350},[329,2675,2676,2678,2680,2682,2684,2686,2688,2690,2692,2695,2697,2699],{"class":331,"line":405},[329,2677,1299],{"class":350},[329,2679,1252],{"class":499},[329,2681,503],{"class":350},[329,2683,506],{"class":350},[329,2685,1438],{"class":350},[329,2687,2447],{"class":357},[329,2689,361],{"class":350},[329,2691,385],{"class":350},[329,2693,2694],{"class":388},"4:3",[329,2696,392],{"class":350},[329,2698,1384],{"class":350},[329,2700,512],{"class":350},[329,2702,2703],{"class":331,"line":411},[329,2704,558],{"class":346},[206,2706,2707,2708,2710],{},"Or, with ",[245,2709,1701],{},"='auto'",[319,2712,2714],{"className":482,"code":2713,"language":484,"meta":325,"style":325},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  width=\"300\"\n  fit=\"fill\"\n  :modifiers=\"{ focus: 'auto', cover: '4:3' }\"\n/>\n",[245,2715,2716,2722,2734,2746,2758,2770,2808],{"__ignoreMap":325},[329,2717,2718,2720],{"class":331,"line":332},[329,2719,491],{"class":350},[329,2721,494],{"class":357},[329,2723,2724,2726,2728,2730,2732],{"class":331,"line":354},[329,2725,500],{"class":499},[329,2727,503],{"class":350},[329,2729,506],{"class":350},[329,2731,509],{"class":388},[329,2733,512],{"class":350},[329,2735,2736,2738,2740,2742,2744],{"class":331,"line":367},[329,2737,517],{"class":499},[329,2739,503],{"class":350},[329,2741,506],{"class":350},[329,2743,675],{"class":388},[329,2745,512],{"class":350},[329,2747,2748,2750,2752,2754,2756],{"class":331,"line":377},[329,2749,545],{"class":499},[329,2751,503],{"class":350},[329,2753,506],{"class":350},[329,2755,538],{"class":388},[329,2757,512],{"class":350},[329,2759,2760,2762,2764,2766,2768],{"class":331,"line":398},[329,2761,601],{"class":499},[329,2763,503],{"class":350},[329,2765,506],{"class":350},[329,2767,2551],{"class":388},[329,2769,512],{"class":350},[329,2771,2772,2774,2776,2778,2780,2782,2784,2786,2788,2790,2792,2794,2796,2798,2800,2802,2804,2806],{"class":331,"line":405},[329,2773,1299],{"class":350},[329,2775,1252],{"class":499},[329,2777,503],{"class":350},[329,2779,506],{"class":350},[329,2781,1438],{"class":350},[329,2783,1783],{"class":357},[329,2785,361],{"class":350},[329,2787,385],{"class":350},[329,2789,1712],{"class":388},[329,2791,392],{"class":350},[329,2793,1794],{"class":350},[329,2795,2447],{"class":357},[329,2797,361],{"class":350},[329,2799,385],{"class":350},[329,2801,2694],{"class":388},[329,2803,392],{"class":350},[329,2805,1384],{"class":350},[329,2807,512],{"class":350},[329,2809,2810],{"class":331,"line":411},[329,2811,558],{"class":346},[217,2813,2815],{"id":2814},"go-further-with-twicpics","Go further with TwicPics",[206,2817,2818,2819,2824],{},"TwicPics offers a ",[210,2820,2823],{"href":2821,"rel":2822},"https://www.npmjs.com/package/@twicpics/components",[214],"collection of web components"," that will allow you to exploit all its power :",[231,2826,2827,2830,2833,2836,2839,2842],{},[234,2828,2829],{},"Pixel Perfect",[234,2831,2832],{},"Layout Driven",[234,2834,2835],{},"Ideal Compression",[234,2837,2838],{},"Lazy Loading",[234,2840,2841],{},"LQIP",[234,2843,2844],{},"CLS Optimization",[206,2846,2847,2848,285],{},"A specific integration to Nuxt is available ",[210,2849,2852],{"href":2850,"rel":2851},"https://github.com/TwicPics/components/blob/main/documentation/nuxt2.md",[214],"here",[2854,2855,2856],"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 pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":325,"searchDepth":354,"depth":354,"links":2858},[2859,2860,2861,2862,2868,2876,2877,2878],{"id":219,"depth":354,"text":220},{"id":288,"depth":354,"text":289},{"id":300,"depth":354,"text":301},{"id":432,"depth":354,"text":433,"children":2863},[2864,2865,2866,2867],{"id":447,"depth":367,"text":447},{"id":819,"depth":367,"text":819},{"id":974,"depth":367,"text":974},{"id":726,"depth":367,"text":726},{"id":1245,"depth":354,"text":1246,"children":2869},[2870,2871,2872,2873,2874,2875],{"id":280,"depth":367,"text":280},{"id":272,"depth":367,"text":272},{"id":1701,"depth":367,"text":1701},{"id":1892,"depth":367,"text":1892},{"id":276,"depth":367,"text":276},{"id":284,"depth":367,"text":284},{"id":2366,"depth":354,"text":2367},{"id":2610,"depth":354,"text":2611},{"id":2814,"depth":354,"text":2815},"Nuxt Image internally use Twicpics as static provider.","md",[2882],{"label":2883,"icon":2884,"to":2885,"size":2886},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/twicpics.ts","xs",{},{"title":168,"description":2879},"3sYoEj8LvGkceOoOl7LteNCnVWiBztun29zsw6d9VFc",[2891,2893],{"title":164,"path":165,"stem":166,"description":2892,"children":-1},"Nuxt Image with Supabase Storage integration.",{"title":172,"path":173,"stem":174,"description":2894,"children":-1},"Nuxt Image has first class integration with Unsplash.",1767881373664]