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