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