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