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