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