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