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