[{"data":1,"prerenderedAt":5929},["Reactive",2],{"navigation":3,"docs-/providers/twicpics":124,"docs-/providers/twicpics-surround":5250},[4,20,33,114],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Cloudflare","/providers/cloudflare",{"title":46,"_path":47},"Cloudimage","/providers/cloudimage",{"title":49,"_path":50},"Cloudinary","/providers/cloudinary",{"title":52,"_path":53},"Contentful","/providers/contentful",{"title":55,"_path":56},"Directus","/providers/directus",{"title":58,"_path":59},"Edgio","/providers/edgio",{"title":61,"_path":62},"Fastly","/providers/fastly",{"title":64,"_path":65},"Glide","/providers/glide",{"title":67,"_path":68},"Gumlet","/providers/gumlet",{"title":70,"_path":71},"ImageEngine","/providers/imageengine",{"title":73,"_path":74},"ImageKit","/providers/imagekit",{"title":76,"_path":77},"Imgix","/providers/imgix",{"title":79,"_path":80},"IPX","/providers/ipx",{"title":82,"_path":83},"Netlify","/providers/netlify",{"title":85,"_path":86},"Prepr","/providers/prepr",{"title":88,"_path":89},"Prismic","/providers/prismic",{"title":91,"_path":92},"Sanity","/providers/sanity",{"title":94,"_path":95},"Sirv","/providers/sirv",{"title":97,"_path":98},"Storyblok","/providers/storyblok",{"title":100,"_path":101},"Strapi","/providers/strapi",{"title":103,"_path":104},"Twicpics","/providers/twicpics",{"title":106,"_path":107},"Unsplash","/providers/unsplash",{"title":109,"_path":110},"Uploadcare","/providers/uploadcare",{"title":112,"_path":113},"Vercel","/providers/vercel",{"title":115,"_path":116,"children":117},"Advanced","/advanced",[118,121],{"title":119,"_path":120},"Custom Provider","/advanced/custom-provider",{"title":122,"_path":123},"Static Images","/advanced/static-images",{"_path":104,"_dir":125,"_draft":126,"_partial":126,"_locale":127,"title":103,"description":128,"links":129,"body":135,"_type":5245,"_id":5246,"_source":5247,"_file":5248,"_extension":5249},"providers",false,"","Nuxt Image internally use Twicpics as static provider.",[130],{"label":131,"icon":132,"to":133,"size":134},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/twicpics.ts","xs",{"type":136,"children":137,"toc":5223},"root",[138,156,163,173,178,218,267,273,286,292,319,482,488,506,512,533,552,564,569,686,691,817,822,949,962,1099,1104,1122,1131,1148,1153,1164,1259,1270,1365,1378,1383,1388,1407,1423,1434,1449,1454,1542,1554,1558,1567,1586,1590,1687,1823,1835,1841,1864,1989,2000,2004,2019,2053,2409,2427,2431,2440,2449,2781,2797,2802,2811,2823,2847,3237,3247,3263,3268,3277,3282,3293,3310,3609,3625,3629,3638,3660,3911,3927,3931,3936,3957,4549,4565,4571,4583,4588,4592,4597,4616,4621,4716,4721,4739,4744,4863,4869,4874,5007,5018,5151,5157,5171,5204,5217],{"type":139,"tag":140,"props":141,"children":142},"element","p",{},[143,146,154],{"type":144,"value":145},"text","Integration between ",{"type":139,"tag":147,"props":148,"children":152},"a",{"href":149,"rel":150},"https://www.twicpics.com/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[151],"nofollow",[153],{"type":144,"value":103},{"type":144,"value":155}," and the image module.",{"type":139,"tag":157,"props":158,"children":160},"h2",{"id":159},"what-is-twicpics",[161],{"type":144,"value":162},"What is TwicPics?",{"type":139,"tag":140,"props":164,"children":165},{},[166,171],{"type":139,"tag":147,"props":167,"children":169},{"href":149,"rel":168},[151],[170],{"type":144,"value":103},{"type":144,"value":172}," is a Responsive Image Service Solution (SaaS) that enables on-demand responsive image generation.",{"type":139,"tag":140,"props":174,"children":175},{},[176],{"type":144,"value":177},"Using the TwicPics Provider you can, out of the box, benefit from at least :",{"type":139,"tag":179,"props":180,"children":181},"ul",{},[182,188],{"type":139,"tag":183,"props":184,"children":185},"li",{},[186],{"type":144,"value":187},"performance of our network: global CDN, optimized protocols and competitive caching",{"type":139,"tag":183,"props":189,"children":190},{},[191,193,204,206,216],{"type":144,"value":192},"ideal compression: modern technology and Next-Gen formats (TwicPics delivers ",{"type":139,"tag":147,"props":194,"children":197},{"href":195,"rel":196},"https://en.wikipedia.org/wiki/WebP",[151],[198],{"type":139,"tag":199,"props":200,"children":201},"code",{"className":127},[202],{"type":144,"value":203},"WebP",{"type":144,"value":205}," natively for accounting browsers and can also delivers ",{"type":139,"tag":147,"props":207,"children":210},{"href":208,"rel":209},"https://en.wikipedia.org/wiki/AVIF",[151],[211],{"type":139,"tag":199,"props":212,"children":213},{"className":127},[214],{"type":144,"value":215},"avif",{"type":144,"value":217},")",{"type":139,"tag":140,"props":219,"children":220},{},[221,223,229,231,237,238,244,245,251,252,258,259,265],{"type":144,"value":222},"And using the TwicPics API, you will be able to access all these features: ",{"type":139,"tag":147,"props":224,"children":226},{"href":225},"#focus",[227],{"type":144,"value":228},"smart cropping with TwicPics focus auto",{"type":144,"value":230},", ",{"type":139,"tag":147,"props":232,"children":234},{"href":233},"#truecolor",[235],{"type":144,"value":236},"true color",{"type":144,"value":230},{"type":139,"tag":147,"props":239,"children":241},{"href":240},"#flip",[242],{"type":144,"value":243},"flip",{"type":144,"value":230},{"type":139,"tag":147,"props":246,"children":248},{"href":247},"#turn",[249],{"type":144,"value":250},"turn",{"type":144,"value":230},{"type":139,"tag":147,"props":253,"children":255},{"href":254},"#crop",[256],{"type":144,"value":257},"crop",{"type":144,"value":230},{"type":139,"tag":147,"props":260,"children":262},{"href":261},"#zoom",[263],{"type":144,"value":264},"zoom",{"type":144,"value":266},".",{"type":139,"tag":157,"props":268,"children":270},{"id":269},"requirement",[271],{"type":144,"value":272},"Requirement",{"type":139,"tag":140,"props":274,"children":275},{},[276,278,285],{"type":144,"value":277},"The only requirement is to have a TwicPics account.\nIf you don't already have one, you can easily ",{"type":139,"tag":147,"props":279,"children":282},{"href":280,"rel":281},"https://account.twicpics.com/signup/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[151],[283],{"type":144,"value":284},"create your own TwicPics account for free",{"type":144,"value":266},{"type":139,"tag":157,"props":287,"children":289},{"id":288},"setup",[290],{"type":144,"value":291},"Setup",{"type":139,"tag":140,"props":293,"children":294},{},[295,297,302,304,309,311,318],{"type":144,"value":296},"You just need to configure the ",{"type":139,"tag":199,"props":298,"children":299},{"className":127},[300],{"type":144,"value":301},"TwicPics",{"type":144,"value":303}," provider with the ",{"type":139,"tag":199,"props":305,"children":306},{"className":127},[307],{"type":144,"value":308},"baseURL",{"type":144,"value":310}," set to your TwicPics ",{"type":139,"tag":147,"props":312,"children":315},{"href":313,"rel":314},"https://www.twicpics.com/docs/getting-started/subdomain/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[151],[316],{"type":144,"value":317},"Domain",{"type":144,"value":266},{"type":139,"tag":320,"props":321,"children":326},"pre",{"className":322,"code":323,"filename":324,"language":325,"meta":127,"style":127},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    twicpics: {\n      baseURL: 'https://\u003Cyour-twicpics-domain>/'\n      // Feel free to use our demo domain to try the following examples.\n      // baseUrl: 'https://demo.twic.pics/'\n    }\n  }\n})\n","nuxt.config.ts","ts",[327],{"type":139,"tag":199,"props":328,"children":329},{"__ignoreMap":127},[330,365,385,402,431,441,450,459,468],{"type":139,"tag":331,"props":332,"children":335},"span",{"class":333,"line":334},"line",1,[336,342,347,353,359],{"type":139,"tag":331,"props":337,"children":339},{"style":338},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[340],{"type":144,"value":341},"export",{"type":139,"tag":331,"props":343,"children":344},{"style":338},[345],{"type":144,"value":346}," default",{"type":139,"tag":331,"props":348,"children":350},{"style":349},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[351],{"type":144,"value":352}," defineNuxtConfig",{"type":139,"tag":331,"props":354,"children":356},{"style":355},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[357],{"type":144,"value":358},"(",{"type":139,"tag":331,"props":360,"children":362},{"style":361},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[363],{"type":144,"value":364},"{\n",{"type":139,"tag":331,"props":366,"children":368},{"class":333,"line":367},2,[369,375,380],{"type":139,"tag":331,"props":370,"children":372},{"style":371},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[373],{"type":144,"value":374},"  image",{"type":139,"tag":331,"props":376,"children":377},{"style":361},[378],{"type":144,"value":379},":",{"type":139,"tag":331,"props":381,"children":382},{"style":361},[383],{"type":144,"value":384}," {\n",{"type":139,"tag":331,"props":386,"children":388},{"class":333,"line":387},3,[389,394,398],{"type":139,"tag":331,"props":390,"children":391},{"style":371},[392],{"type":144,"value":393},"    twicpics",{"type":139,"tag":331,"props":395,"children":396},{"style":361},[397],{"type":144,"value":379},{"type":139,"tag":331,"props":399,"children":400},{"style":361},[401],{"type":144,"value":384},{"type":139,"tag":331,"props":403,"children":405},{"class":333,"line":404},4,[406,411,415,420,426],{"type":139,"tag":331,"props":407,"children":408},{"style":371},[409],{"type":144,"value":410},"      baseURL",{"type":139,"tag":331,"props":412,"children":413},{"style":361},[414],{"type":144,"value":379},{"type":139,"tag":331,"props":416,"children":417},{"style":361},[418],{"type":144,"value":419}," '",{"type":139,"tag":331,"props":421,"children":423},{"style":422},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[424],{"type":144,"value":425},"https://\u003Cyour-twicpics-domain>/",{"type":139,"tag":331,"props":427,"children":428},{"style":361},[429],{"type":144,"value":430},"'\n",{"type":139,"tag":331,"props":432,"children":434},{"class":333,"line":433},5,[435],{"type":139,"tag":331,"props":436,"children":438},{"style":437},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[439],{"type":144,"value":440},"      // Feel free to use our demo domain to try the following examples.\n",{"type":139,"tag":331,"props":442,"children":444},{"class":333,"line":443},6,[445],{"type":139,"tag":331,"props":446,"children":447},{"style":437},[448],{"type":144,"value":449},"      // baseUrl: 'https://demo.twic.pics/'\n",{"type":139,"tag":331,"props":451,"children":453},{"class":333,"line":452},7,[454],{"type":139,"tag":331,"props":455,"children":456},{"style":361},[457],{"type":144,"value":458},"    }\n",{"type":139,"tag":331,"props":460,"children":462},{"class":333,"line":461},8,[463],{"type":139,"tag":331,"props":464,"children":465},{"style":361},[466],{"type":144,"value":467},"  }\n",{"type":139,"tag":331,"props":469,"children":471},{"class":333,"line":470},9,[472,477],{"type":139,"tag":331,"props":473,"children":474},{"style":361},[475],{"type":144,"value":476},"}",{"type":139,"tag":331,"props":478,"children":479},{"style":355},[480],{"type":144,"value":481},")\n",{"type":139,"tag":157,"props":483,"children":485},{"id":484},"standard-properties",[486],{"type":144,"value":487},"Standard properties",{"type":139,"tag":140,"props":489,"children":490},{},[491,493,498,500,505],{"type":144,"value":492},"TwicPics Provider complies with the documentation of ",{"type":139,"tag":147,"props":494,"children":495},{"href":26},[496],{"type":144,"value":497},"nuxt-img",{"type":144,"value":499}," and ",{"type":139,"tag":147,"props":501,"children":502},{"href":29},[503],{"type":144,"value":504},"nuxt-picture",{"type":144,"value":266},{"type":139,"tag":507,"props":508,"children":510},"h3",{"id":509},"fit",[511],{"type":144,"value":509},{"type":139,"tag":140,"props":513,"children":514},{},[515,519,521,526,527,532],{"type":139,"tag":199,"props":516,"children":517},{"className":127},[518],{"type":144,"value":509},{"type":144,"value":520}," determines how the image is resized in relation to the parameters ",{"type":139,"tag":199,"props":522,"children":523},{"className":127},[524],{"type":144,"value":525},"height",{"type":144,"value":499},{"type":139,"tag":199,"props":528,"children":529},{"className":127},[530],{"type":144,"value":531},"width",{"type":144,"value":266},{"type":139,"tag":140,"props":534,"children":535},{},[536,538,550],{"type":144,"value":537},"TwicPics Provider supports all the ",{"type":139,"tag":147,"props":539,"children":541},{"href":540},"/usage/nuxt-img#fit",[542,544,548],{"type":144,"value":543},"the standard values for ",{"type":139,"tag":199,"props":545,"children":546},{"className":127},[547],{"type":144,"value":509},{"type":144,"value":549}," property",{"type":144,"value":551}," of Nuxt image and Nuxt picture.",{"type":139,"tag":140,"props":553,"children":554},{},[555,557,562],{"type":144,"value":556},"Syntax: ",{"type":139,"tag":199,"props":558,"children":559},{"className":127},[560],{"type":144,"value":561},"fit='__cover__'",{"type":144,"value":563}," (default value)",{"type":139,"tag":140,"props":565,"children":566},{},[567],{"type":144,"value":568},"This will return a variant of your master image cropped to 300x300 while preserving aspect ratio.",{"type":139,"tag":320,"props":570,"children":574},{"className":571,"code":572,"language":573,"meta":127,"style":127},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  height=300\n  width=300\n/>\n","html",[575],{"type":139,"tag":199,"props":576,"children":577},{"__ignoreMap":127},[578,591,620,645,662,678],{"type":139,"tag":331,"props":579,"children":580},{"class":333,"line":334},[581,586],{"type":139,"tag":331,"props":582,"children":583},{"style":361},[584],{"type":144,"value":585},"\u003C",{"type":139,"tag":331,"props":587,"children":588},{"style":371},[589],{"type":144,"value":590},"NuxtImg\n",{"type":139,"tag":331,"props":592,"children":593},{"class":333,"line":367},[594,600,605,610,615],{"type":139,"tag":331,"props":595,"children":597},{"style":596},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[598],{"type":144,"value":599},"  provider",{"type":139,"tag":331,"props":601,"children":602},{"style":361},[603],{"type":144,"value":604},"=",{"type":139,"tag":331,"props":606,"children":607},{"style":361},[608],{"type":144,"value":609},"\"",{"type":139,"tag":331,"props":611,"children":612},{"style":422},[613],{"type":144,"value":614},"twicpics",{"type":139,"tag":331,"props":616,"children":617},{"style":361},[618],{"type":144,"value":619},"\"\n",{"type":139,"tag":331,"props":621,"children":622},{"class":333,"line":387},[623,628,632,636,641],{"type":139,"tag":331,"props":624,"children":625},{"style":596},[626],{"type":144,"value":627},"  src",{"type":139,"tag":331,"props":629,"children":630},{"style":361},[631],{"type":144,"value":604},{"type":139,"tag":331,"props":633,"children":634},{"style":361},[635],{"type":144,"value":609},{"type":139,"tag":331,"props":637,"children":638},{"style":422},[639],{"type":144,"value":640},"/football.jpg",{"type":139,"tag":331,"props":642,"children":643},{"style":361},[644],{"type":144,"value":619},{"type":139,"tag":331,"props":646,"children":647},{"class":333,"line":404},[648,653,657],{"type":139,"tag":331,"props":649,"children":650},{"style":596},[651],{"type":144,"value":652},"  height",{"type":139,"tag":331,"props":654,"children":655},{"style":361},[656],{"type":144,"value":604},{"type":139,"tag":331,"props":658,"children":659},{"style":422},[660],{"type":144,"value":661},"300\n",{"type":139,"tag":331,"props":663,"children":664},{"class":333,"line":433},[665,670,674],{"type":139,"tag":331,"props":666,"children":667},{"style":596},[668],{"type":144,"value":669},"  width",{"type":139,"tag":331,"props":671,"children":672},{"style":361},[673],{"type":144,"value":604},{"type":139,"tag":331,"props":675,"children":676},{"style":422},[677],{"type":144,"value":661},{"type":139,"tag":331,"props":679,"children":680},{"class":333,"line":443},[681],{"type":139,"tag":331,"props":682,"children":683},{"style":361},[684],{"type":144,"value":685},"/>\n",{"type":139,"tag":140,"props":687,"children":688},{},[689],{"type":144,"value":690},"This will return a variant of your master image resized to 300x300 with distortion.",{"type":139,"tag":320,"props":692,"children":694},{"className":571,"code":693,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  fit=\"resize\"\n  height=300\n  width=300\n/>\n",[695],{"type":139,"tag":199,"props":696,"children":697},{"__ignoreMap":127},[698,709,732,755,780,795,810],{"type":139,"tag":331,"props":699,"children":700},{"class":333,"line":334},[701,705],{"type":139,"tag":331,"props":702,"children":703},{"style":361},[704],{"type":144,"value":585},{"type":139,"tag":331,"props":706,"children":707},{"style":371},[708],{"type":144,"value":590},{"type":139,"tag":331,"props":710,"children":711},{"class":333,"line":367},[712,716,720,724,728],{"type":139,"tag":331,"props":713,"children":714},{"style":596},[715],{"type":144,"value":599},{"type":139,"tag":331,"props":717,"children":718},{"style":361},[719],{"type":144,"value":604},{"type":139,"tag":331,"props":721,"children":722},{"style":361},[723],{"type":144,"value":609},{"type":139,"tag":331,"props":725,"children":726},{"style":422},[727],{"type":144,"value":614},{"type":139,"tag":331,"props":729,"children":730},{"style":361},[731],{"type":144,"value":619},{"type":139,"tag":331,"props":733,"children":734},{"class":333,"line":387},[735,739,743,747,751],{"type":139,"tag":331,"props":736,"children":737},{"style":596},[738],{"type":144,"value":627},{"type":139,"tag":331,"props":740,"children":741},{"style":361},[742],{"type":144,"value":604},{"type":139,"tag":331,"props":744,"children":745},{"style":361},[746],{"type":144,"value":609},{"type":139,"tag":331,"props":748,"children":749},{"style":422},[750],{"type":144,"value":640},{"type":139,"tag":331,"props":752,"children":753},{"style":361},[754],{"type":144,"value":619},{"type":139,"tag":331,"props":756,"children":757},{"class":333,"line":404},[758,763,767,771,776],{"type":139,"tag":331,"props":759,"children":760},{"style":596},[761],{"type":144,"value":762},"  fit",{"type":139,"tag":331,"props":764,"children":765},{"style":361},[766],{"type":144,"value":604},{"type":139,"tag":331,"props":768,"children":769},{"style":361},[770],{"type":144,"value":609},{"type":139,"tag":331,"props":772,"children":773},{"style":422},[774],{"type":144,"value":775},"resize",{"type":139,"tag":331,"props":777,"children":778},{"style":361},[779],{"type":144,"value":619},{"type":139,"tag":331,"props":781,"children":782},{"class":333,"line":433},[783,787,791],{"type":139,"tag":331,"props":784,"children":785},{"style":596},[786],{"type":144,"value":652},{"type":139,"tag":331,"props":788,"children":789},{"style":361},[790],{"type":144,"value":604},{"type":139,"tag":331,"props":792,"children":793},{"style":422},[794],{"type":144,"value":661},{"type":139,"tag":331,"props":796,"children":797},{"class":333,"line":443},[798,802,806],{"type":139,"tag":331,"props":799,"children":800},{"style":596},[801],{"type":144,"value":669},{"type":139,"tag":331,"props":803,"children":804},{"style":361},[805],{"type":144,"value":604},{"type":139,"tag":331,"props":807,"children":808},{"style":422},[809],{"type":144,"value":661},{"type":139,"tag":331,"props":811,"children":812},{"class":333,"line":452},[813],{"type":139,"tag":331,"props":814,"children":815},{"style":361},[816],{"type":144,"value":685},{"type":139,"tag":140,"props":818,"children":819},{},[820],{"type":144,"value":821},"This will bring your image back to a 300x600 area with respect to the ratio (1:1) using letterboxing.",{"type":139,"tag":320,"props":823,"children":825},{"className":571,"code":824,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  fit=\"contain\"\n  height=600\n  width=300\n/>\n",[826],{"type":139,"tag":199,"props":827,"children":828},{"__ignoreMap":127},[829,840,863,887,911,927,942],{"type":139,"tag":331,"props":830,"children":831},{"class":333,"line":334},[832,836],{"type":139,"tag":331,"props":833,"children":834},{"style":361},[835],{"type":144,"value":585},{"type":139,"tag":331,"props":837,"children":838},{"style":371},[839],{"type":144,"value":590},{"type":139,"tag":331,"props":841,"children":842},{"class":333,"line":367},[843,847,851,855,859],{"type":139,"tag":331,"props":844,"children":845},{"style":596},[846],{"type":144,"value":599},{"type":139,"tag":331,"props":848,"children":849},{"style":361},[850],{"type":144,"value":604},{"type":139,"tag":331,"props":852,"children":853},{"style":361},[854],{"type":144,"value":609},{"type":139,"tag":331,"props":856,"children":857},{"style":422},[858],{"type":144,"value":614},{"type":139,"tag":331,"props":860,"children":861},{"style":361},[862],{"type":144,"value":619},{"type":139,"tag":331,"props":864,"children":865},{"class":333,"line":387},[866,870,874,878,883],{"type":139,"tag":331,"props":867,"children":868},{"style":596},[869],{"type":144,"value":627},{"type":139,"tag":331,"props":871,"children":872},{"style":361},[873],{"type":144,"value":604},{"type":139,"tag":331,"props":875,"children":876},{"style":361},[877],{"type":144,"value":609},{"type":139,"tag":331,"props":879,"children":880},{"style":422},[881],{"type":144,"value":882},"/cat_1x1.jpg",{"type":139,"tag":331,"props":884,"children":885},{"style":361},[886],{"type":144,"value":619},{"type":139,"tag":331,"props":888,"children":889},{"class":333,"line":404},[890,894,898,902,907],{"type":139,"tag":331,"props":891,"children":892},{"style":596},[893],{"type":144,"value":762},{"type":139,"tag":331,"props":895,"children":896},{"style":361},[897],{"type":144,"value":604},{"type":139,"tag":331,"props":899,"children":900},{"style":361},[901],{"type":144,"value":609},{"type":139,"tag":331,"props":903,"children":904},{"style":422},[905],{"type":144,"value":906},"contain",{"type":139,"tag":331,"props":908,"children":909},{"style":361},[910],{"type":144,"value":619},{"type":139,"tag":331,"props":912,"children":913},{"class":333,"line":433},[914,918,922],{"type":139,"tag":331,"props":915,"children":916},{"style":596},[917],{"type":144,"value":652},{"type":139,"tag":331,"props":919,"children":920},{"style":361},[921],{"type":144,"value":604},{"type":139,"tag":331,"props":923,"children":924},{"style":422},[925],{"type":144,"value":926},"600\n",{"type":139,"tag":331,"props":928,"children":929},{"class":333,"line":443},[930,934,938],{"type":139,"tag":331,"props":931,"children":932},{"style":596},[933],{"type":144,"value":669},{"type":139,"tag":331,"props":935,"children":936},{"style":361},[937],{"type":144,"value":604},{"type":139,"tag":331,"props":939,"children":940},{"style":422},[941],{"type":144,"value":661},{"type":139,"tag":331,"props":943,"children":944},{"class":333,"line":452},[945],{"type":139,"tag":331,"props":946,"children":947},{"style":361},[948],{"type":144,"value":685},{"type":139,"tag":140,"props":950,"children":951},{},[952,954,960],{"type":144,"value":953},"The letterboxing strips are transparent areas. Feel free to select the color of your choice by using the ",{"type":139,"tag":147,"props":955,"children":957},{"href":956},"#background",[958],{"type":144,"value":959},"background",{"type":144,"value":961}," property.",{"type":139,"tag":320,"props":963,"children":965},{"className":571,"code":964,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  fit=\"contain\"\n  height=600\n  width=300\n  background: \"red\"\n/>\n",[966],{"type":139,"tag":199,"props":967,"children":968},{"__ignoreMap":127},[969,980,1003,1026,1049,1064,1079,1092],{"type":139,"tag":331,"props":970,"children":971},{"class":333,"line":334},[972,976],{"type":139,"tag":331,"props":973,"children":974},{"style":361},[975],{"type":144,"value":585},{"type":139,"tag":331,"props":977,"children":978},{"style":371},[979],{"type":144,"value":590},{"type":139,"tag":331,"props":981,"children":982},{"class":333,"line":367},[983,987,991,995,999],{"type":139,"tag":331,"props":984,"children":985},{"style":596},[986],{"type":144,"value":599},{"type":139,"tag":331,"props":988,"children":989},{"style":361},[990],{"type":144,"value":604},{"type":139,"tag":331,"props":992,"children":993},{"style":361},[994],{"type":144,"value":609},{"type":139,"tag":331,"props":996,"children":997},{"style":422},[998],{"type":144,"value":614},{"type":139,"tag":331,"props":1000,"children":1001},{"style":361},[1002],{"type":144,"value":619},{"type":139,"tag":331,"props":1004,"children":1005},{"class":333,"line":387},[1006,1010,1014,1018,1022],{"type":139,"tag":331,"props":1007,"children":1008},{"style":596},[1009],{"type":144,"value":627},{"type":139,"tag":331,"props":1011,"children":1012},{"style":361},[1013],{"type":144,"value":604},{"type":139,"tag":331,"props":1015,"children":1016},{"style":361},[1017],{"type":144,"value":609},{"type":139,"tag":331,"props":1019,"children":1020},{"style":422},[1021],{"type":144,"value":882},{"type":139,"tag":331,"props":1023,"children":1024},{"style":361},[1025],{"type":144,"value":619},{"type":139,"tag":331,"props":1027,"children":1028},{"class":333,"line":404},[1029,1033,1037,1041,1045],{"type":139,"tag":331,"props":1030,"children":1031},{"style":596},[1032],{"type":144,"value":762},{"type":139,"tag":331,"props":1034,"children":1035},{"style":361},[1036],{"type":144,"value":604},{"type":139,"tag":331,"props":1038,"children":1039},{"style":361},[1040],{"type":144,"value":609},{"type":139,"tag":331,"props":1042,"children":1043},{"style":422},[1044],{"type":144,"value":906},{"type":139,"tag":331,"props":1046,"children":1047},{"style":361},[1048],{"type":144,"value":619},{"type":139,"tag":331,"props":1050,"children":1051},{"class":333,"line":433},[1052,1056,1060],{"type":139,"tag":331,"props":1053,"children":1054},{"style":596},[1055],{"type":144,"value":652},{"type":139,"tag":331,"props":1057,"children":1058},{"style":361},[1059],{"type":144,"value":604},{"type":139,"tag":331,"props":1061,"children":1062},{"style":422},[1063],{"type":144,"value":926},{"type":139,"tag":331,"props":1065,"children":1066},{"class":333,"line":443},[1067,1071,1075],{"type":139,"tag":331,"props":1068,"children":1069},{"style":596},[1070],{"type":144,"value":669},{"type":139,"tag":331,"props":1072,"children":1073},{"style":361},[1074],{"type":144,"value":604},{"type":139,"tag":331,"props":1076,"children":1077},{"style":422},[1078],{"type":144,"value":661},{"type":139,"tag":331,"props":1080,"children":1081},{"class":333,"line":452},[1082,1087],{"type":139,"tag":331,"props":1083,"children":1084},{"style":596},[1085],{"type":144,"value":1086},"  background:",{"type":139,"tag":331,"props":1088,"children":1089},{"style":361},[1090],{"type":144,"value":1091}," \"red\"\n",{"type":139,"tag":331,"props":1093,"children":1094},{"class":333,"line":461},[1095],{"type":139,"tag":331,"props":1096,"children":1097},{"style":361},[1098],{"type":144,"value":685},{"type":139,"tag":507,"props":1100,"children":1102},{"id":1101},"format",[1103],{"type":144,"value":1101},{"type":139,"tag":140,"props":1105,"children":1106},{},[1107,1109,1114,1116,1120],{"type":144,"value":1108},"Specifies the output format. It can be an image format or a preview format. By default, ",{"type":139,"tag":147,"props":1110,"children":1112},{"href":149,"rel":1111},[151],[1113],{"type":144,"value":301},{"type":144,"value":1115}," will \"guess\" the best output format for the requesting browser, but you can use ",{"type":139,"tag":199,"props":1117,"children":1118},{"className":127},[1119],{"type":144,"value":1101},{"type":144,"value":1121}," to change this behavior.",{"type":139,"tag":140,"props":1123,"children":1124},{},[1125,1126],{"type":144,"value":556},{"type":139,"tag":199,"props":1127,"children":1128},{"className":127},[1129],{"type":144,"value":1130},"format='avif'|'heif'|'jpeg'|'png'|__'webp'__",{"type":139,"tag":140,"props":1132,"children":1133},{},[1134,1139,1141,1146],{"type":139,"tag":147,"props":1135,"children":1137},{"href":195,"rel":1136},[151],[1138],{"type":144,"value":203},{"type":144,"value":1140}," is the default format provided by ",{"type":139,"tag":147,"props":1142,"children":1144},{"href":149,"rel":1143},[151],[1145],{"type":144,"value":301},{"type":144,"value":1147}," (if the browser supports it).",{"type":139,"tag":140,"props":1149,"children":1150},{},[1151],{"type":144,"value":1152},"Examples:",{"type":139,"tag":140,"props":1154,"children":1155},{},[1156,1158,1162],{"type":144,"value":1157},"This will return a variant of your image in ",{"type":139,"tag":199,"props":1159,"children":1160},{"className":127},[1161],{"type":144,"value":215},{"type":144,"value":1163}," format.",{"type":139,"tag":320,"props":1165,"children":1167},{"className":571,"code":1166,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  format=\"avif\"\n/>\n",[1168],{"type":139,"tag":199,"props":1169,"children":1170},{"__ignoreMap":127},[1171,1182,1205,1228,1252],{"type":139,"tag":331,"props":1172,"children":1173},{"class":333,"line":334},[1174,1178],{"type":139,"tag":331,"props":1175,"children":1176},{"style":361},[1177],{"type":144,"value":585},{"type":139,"tag":331,"props":1179,"children":1180},{"style":371},[1181],{"type":144,"value":590},{"type":139,"tag":331,"props":1183,"children":1184},{"class":333,"line":367},[1185,1189,1193,1197,1201],{"type":139,"tag":331,"props":1186,"children":1187},{"style":596},[1188],{"type":144,"value":599},{"type":139,"tag":331,"props":1190,"children":1191},{"style":361},[1192],{"type":144,"value":604},{"type":139,"tag":331,"props":1194,"children":1195},{"style":361},[1196],{"type":144,"value":609},{"type":139,"tag":331,"props":1198,"children":1199},{"style":422},[1200],{"type":144,"value":614},{"type":139,"tag":331,"props":1202,"children":1203},{"style":361},[1204],{"type":144,"value":619},{"type":139,"tag":331,"props":1206,"children":1207},{"class":333,"line":387},[1208,1212,1216,1220,1224],{"type":139,"tag":331,"props":1209,"children":1210},{"style":596},[1211],{"type":144,"value":627},{"type":139,"tag":331,"props":1213,"children":1214},{"style":361},[1215],{"type":144,"value":604},{"type":139,"tag":331,"props":1217,"children":1218},{"style":361},[1219],{"type":144,"value":609},{"type":139,"tag":331,"props":1221,"children":1222},{"style":422},[1223],{"type":144,"value":882},{"type":139,"tag":331,"props":1225,"children":1226},{"style":361},[1227],{"type":144,"value":619},{"type":139,"tag":331,"props":1229,"children":1230},{"class":333,"line":404},[1231,1236,1240,1244,1248],{"type":139,"tag":331,"props":1232,"children":1233},{"style":596},[1234],{"type":144,"value":1235},"  format",{"type":139,"tag":331,"props":1237,"children":1238},{"style":361},[1239],{"type":144,"value":604},{"type":139,"tag":331,"props":1241,"children":1242},{"style":361},[1243],{"type":144,"value":609},{"type":139,"tag":331,"props":1245,"children":1246},{"style":422},[1247],{"type":144,"value":215},{"type":139,"tag":331,"props":1249,"children":1250},{"style":361},[1251],{"type":144,"value":619},{"type":139,"tag":331,"props":1253,"children":1254},{"class":333,"line":433},[1255],{"type":139,"tag":331,"props":1256,"children":1257},{"style":361},[1258],{"type":144,"value":685},{"type":139,"tag":140,"props":1260,"children":1261},{},[1262,1264,1269],{"type":144,"value":1263},"This will return a blurry preview of your image in ",{"type":139,"tag":199,"props":1265,"children":1266},{"className":127},[1267],{"type":144,"value":1268},"svg",{"type":144,"value":1163},{"type":139,"tag":320,"props":1271,"children":1273},{"className":571,"code":1272,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  format=\"preview\"\n/>\n",[1274],{"type":139,"tag":199,"props":1275,"children":1276},{"__ignoreMap":127},[1277,1288,1311,1334,1358],{"type":139,"tag":331,"props":1278,"children":1279},{"class":333,"line":334},[1280,1284],{"type":139,"tag":331,"props":1281,"children":1282},{"style":361},[1283],{"type":144,"value":585},{"type":139,"tag":331,"props":1285,"children":1286},{"style":371},[1287],{"type":144,"value":590},{"type":139,"tag":331,"props":1289,"children":1290},{"class":333,"line":367},[1291,1295,1299,1303,1307],{"type":139,"tag":331,"props":1292,"children":1293},{"style":596},[1294],{"type":144,"value":599},{"type":139,"tag":331,"props":1296,"children":1297},{"style":361},[1298],{"type":144,"value":604},{"type":139,"tag":331,"props":1300,"children":1301},{"style":361},[1302],{"type":144,"value":609},{"type":139,"tag":331,"props":1304,"children":1305},{"style":422},[1306],{"type":144,"value":614},{"type":139,"tag":331,"props":1308,"children":1309},{"style":361},[1310],{"type":144,"value":619},{"type":139,"tag":331,"props":1312,"children":1313},{"class":333,"line":387},[1314,1318,1322,1326,1330],{"type":139,"tag":331,"props":1315,"children":1316},{"style":596},[1317],{"type":144,"value":627},{"type":139,"tag":331,"props":1319,"children":1320},{"style":361},[1321],{"type":144,"value":604},{"type":139,"tag":331,"props":1323,"children":1324},{"style":361},[1325],{"type":144,"value":609},{"type":139,"tag":331,"props":1327,"children":1328},{"style":422},[1329],{"type":144,"value":882},{"type":139,"tag":331,"props":1331,"children":1332},{"style":361},[1333],{"type":144,"value":619},{"type":139,"tag":331,"props":1335,"children":1336},{"class":333,"line":404},[1337,1341,1345,1349,1354],{"type":139,"tag":331,"props":1338,"children":1339},{"style":596},[1340],{"type":144,"value":1235},{"type":139,"tag":331,"props":1342,"children":1343},{"style":361},[1344],{"type":144,"value":604},{"type":139,"tag":331,"props":1346,"children":1347},{"style":361},[1348],{"type":144,"value":609},{"type":139,"tag":331,"props":1350,"children":1351},{"style":422},[1352],{"type":144,"value":1353},"preview",{"type":139,"tag":331,"props":1355,"children":1356},{"style":361},[1357],{"type":144,"value":619},{"type":139,"tag":331,"props":1359,"children":1360},{"class":333,"line":433},[1361],{"type":139,"tag":331,"props":1362,"children":1363},{"style":361},[1364],{"type":144,"value":685},{"type":139,"tag":140,"props":1366,"children":1367},{},[1368,1370,1377],{"type":144,"value":1369},"More informations ",{"type":139,"tag":147,"props":1371,"children":1374},{"href":1372,"rel":1373},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#output",[151],[1375],{"type":144,"value":1376},"about format here",{"type":144,"value":266},{"type":139,"tag":507,"props":1379,"children":1381},{"id":1380},"quality",[1382],{"type":144,"value":1380},{"type":139,"tag":140,"props":1384,"children":1385},{},[1386],{"type":144,"value":1387},"Specifies the output quality as a number between 1 (poor quality) and 100 (best quality).",{"type":139,"tag":140,"props":1389,"children":1390},{},[1391,1392,1397],{"type":144,"value":556},{"type":139,"tag":199,"props":1393,"children":1394},{"className":127},[1395],{"type":144,"value":1396},"quality=",{"type":139,"tag":147,"props":1398,"children":1401},{"href":1399,"rel":1400},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#number",[151],[1402],{"type":139,"tag":199,"props":1403,"children":1404},{"className":127},[1405],{"type":144,"value":1406},"number",{"type":139,"tag":140,"props":1408,"children":1409},{},[1410,1415,1417,1421],{"type":139,"tag":147,"props":1411,"children":1413},{"href":149,"rel":1412},[151],[1414],{"type":144,"value":301},{"type":144,"value":1416}," considers ",{"type":139,"tag":199,"props":1418,"children":1419},{"className":127},[1420],{"type":144,"value":1380},{"type":144,"value":1422},"=70 as default value.",{"type":139,"tag":140,"props":1424,"children":1425},{},[1426,1432],{"type":139,"tag":1427,"props":1428,"children":1429},"strong",{},[1430],{"type":144,"value":1431},"NB",{"type":144,"value":1433},": TwicPics automatically manages the returned quality according to the network performance for an optimized display speed even in difficult conditions.",{"type":139,"tag":140,"props":1435,"children":1436},{},[1437,1441,1443,1447],{"type":139,"tag":1427,"props":1438,"children":1439},{},[1440],{"type":144,"value":1431},{"type":144,"value":1442}," : when Data Saver is activated (android mobile only), default ",{"type":139,"tag":199,"props":1444,"children":1445},{"className":127},[1446],{"type":144,"value":1380},{"type":144,"value":1448},"=10.",{"type":139,"tag":140,"props":1450,"children":1451},{},[1452],{"type":144,"value":1453},"Example:",{"type":139,"tag":320,"props":1455,"children":1457},{"className":571,"code":1456,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  quality=1\n/>\n",[1458],{"type":139,"tag":199,"props":1459,"children":1460},{"__ignoreMap":127},[1461,1472,1495,1518,1535],{"type":139,"tag":331,"props":1462,"children":1463},{"class":333,"line":334},[1464,1468],{"type":139,"tag":331,"props":1465,"children":1466},{"style":361},[1467],{"type":144,"value":585},{"type":139,"tag":331,"props":1469,"children":1470},{"style":371},[1471],{"type":144,"value":590},{"type":139,"tag":331,"props":1473,"children":1474},{"class":333,"line":367},[1475,1479,1483,1487,1491],{"type":139,"tag":331,"props":1476,"children":1477},{"style":596},[1478],{"type":144,"value":599},{"type":139,"tag":331,"props":1480,"children":1481},{"style":361},[1482],{"type":144,"value":604},{"type":139,"tag":331,"props":1484,"children":1485},{"style":361},[1486],{"type":144,"value":609},{"type":139,"tag":331,"props":1488,"children":1489},{"style":422},[1490],{"type":144,"value":614},{"type":139,"tag":331,"props":1492,"children":1493},{"style":361},[1494],{"type":144,"value":619},{"type":139,"tag":331,"props":1496,"children":1497},{"class":333,"line":387},[1498,1502,1506,1510,1514],{"type":139,"tag":331,"props":1499,"children":1500},{"style":596},[1501],{"type":144,"value":627},{"type":139,"tag":331,"props":1503,"children":1504},{"style":361},[1505],{"type":144,"value":604},{"type":139,"tag":331,"props":1507,"children":1508},{"style":361},[1509],{"type":144,"value":609},{"type":139,"tag":331,"props":1511,"children":1512},{"style":422},[1513],{"type":144,"value":882},{"type":139,"tag":331,"props":1515,"children":1516},{"style":361},[1517],{"type":144,"value":619},{"type":139,"tag":331,"props":1519,"children":1520},{"class":333,"line":404},[1521,1526,1530],{"type":139,"tag":331,"props":1522,"children":1523},{"style":596},[1524],{"type":144,"value":1525},"  quality",{"type":139,"tag":331,"props":1527,"children":1528},{"style":361},[1529],{"type":144,"value":604},{"type":139,"tag":331,"props":1531,"children":1532},{"style":422},[1533],{"type":144,"value":1534},"1\n",{"type":139,"tag":331,"props":1536,"children":1537},{"class":333,"line":433},[1538],{"type":139,"tag":331,"props":1539,"children":1540},{"style":361},[1541],{"type":144,"value":685},{"type":139,"tag":140,"props":1543,"children":1544},{},[1545,1546,1553],{"type":144,"value":1369},{"type":139,"tag":147,"props":1547,"children":1550},{"href":1548,"rel":1549},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=quality#truecolor",[151],[1551],{"type":144,"value":1552},"about quality here",{"type":144,"value":266},{"type":139,"tag":507,"props":1555,"children":1556},{"id":959},[1557],{"type":144,"value":959},{"type":139,"tag":140,"props":1559,"children":1560},{},[1561,1565],{"type":139,"tag":199,"props":1562,"children":1563},{"className":127},[1564],{"type":144,"value":959},{"type":144,"value":1566}," 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.",{"type":139,"tag":140,"props":1568,"children":1569},{},[1570,1571,1576],{"type":144,"value":556},{"type":139,"tag":199,"props":1572,"children":1573},{"className":127},[1574],{"type":144,"value":1575},"background=",{"type":139,"tag":147,"props":1577,"children":1580},{"href":1578,"rel":1579},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#color",[151],[1581],{"type":139,"tag":199,"props":1582,"children":1583},{"className":127},[1584],{"type":144,"value":1585},"color",{"type":139,"tag":140,"props":1587,"children":1588},{},[1589],{"type":144,"value":1453},{"type":139,"tag":320,"props":1591,"children":1593},{"className":571,"code":1592,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/icon-500.png\"\n  background=\"red\"\n/>\n",[1594],{"type":139,"tag":199,"props":1595,"children":1596},{"__ignoreMap":127},[1597,1608,1631,1655,1680],{"type":139,"tag":331,"props":1598,"children":1599},{"class":333,"line":334},[1600,1604],{"type":139,"tag":331,"props":1601,"children":1602},{"style":361},[1603],{"type":144,"value":585},{"type":139,"tag":331,"props":1605,"children":1606},{"style":371},[1607],{"type":144,"value":590},{"type":139,"tag":331,"props":1609,"children":1610},{"class":333,"line":367},[1611,1615,1619,1623,1627],{"type":139,"tag":331,"props":1612,"children":1613},{"style":596},[1614],{"type":144,"value":599},{"type":139,"tag":331,"props":1616,"children":1617},{"style":361},[1618],{"type":144,"value":604},{"type":139,"tag":331,"props":1620,"children":1621},{"style":361},[1622],{"type":144,"value":609},{"type":139,"tag":331,"props":1624,"children":1625},{"style":422},[1626],{"type":144,"value":614},{"type":139,"tag":331,"props":1628,"children":1629},{"style":361},[1630],{"type":144,"value":619},{"type":139,"tag":331,"props":1632,"children":1633},{"class":333,"line":387},[1634,1638,1642,1646,1651],{"type":139,"tag":331,"props":1635,"children":1636},{"style":596},[1637],{"type":144,"value":627},{"type":139,"tag":331,"props":1639,"children":1640},{"style":361},[1641],{"type":144,"value":604},{"type":139,"tag":331,"props":1643,"children":1644},{"style":361},[1645],{"type":144,"value":609},{"type":139,"tag":331,"props":1647,"children":1648},{"style":422},[1649],{"type":144,"value":1650},"/icon-500.png",{"type":139,"tag":331,"props":1652,"children":1653},{"style":361},[1654],{"type":144,"value":619},{"type":139,"tag":331,"props":1656,"children":1657},{"class":333,"line":404},[1658,1663,1667,1671,1676],{"type":139,"tag":331,"props":1659,"children":1660},{"style":596},[1661],{"type":144,"value":1662},"  background",{"type":139,"tag":331,"props":1664,"children":1665},{"style":361},[1666],{"type":144,"value":604},{"type":139,"tag":331,"props":1668,"children":1669},{"style":361},[1670],{"type":144,"value":609},{"type":139,"tag":331,"props":1672,"children":1673},{"style":422},[1674],{"type":144,"value":1675},"red",{"type":139,"tag":331,"props":1677,"children":1678},{"style":361},[1679],{"type":144,"value":619},{"type":139,"tag":331,"props":1681,"children":1682},{"class":333,"line":433},[1683],{"type":139,"tag":331,"props":1684,"children":1685},{"style":361},[1686],{"type":144,"value":685},{"type":139,"tag":320,"props":1688,"children":1690},{"className":571,"code":1689,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  fit=\"contain\"\n  height=600\n  width=300\n  background: 'red'\n/>\n",[1691],{"type":139,"tag":199,"props":1692,"children":1693},{"__ignoreMap":127},[1694,1705,1728,1751,1774,1789,1804,1816],{"type":139,"tag":331,"props":1695,"children":1696},{"class":333,"line":334},[1697,1701],{"type":139,"tag":331,"props":1698,"children":1699},{"style":361},[1700],{"type":144,"value":585},{"type":139,"tag":331,"props":1702,"children":1703},{"style":371},[1704],{"type":144,"value":590},{"type":139,"tag":331,"props":1706,"children":1707},{"class":333,"line":367},[1708,1712,1716,1720,1724],{"type":139,"tag":331,"props":1709,"children":1710},{"style":596},[1711],{"type":144,"value":599},{"type":139,"tag":331,"props":1713,"children":1714},{"style":361},[1715],{"type":144,"value":604},{"type":139,"tag":331,"props":1717,"children":1718},{"style":361},[1719],{"type":144,"value":609},{"type":139,"tag":331,"props":1721,"children":1722},{"style":422},[1723],{"type":144,"value":614},{"type":139,"tag":331,"props":1725,"children":1726},{"style":361},[1727],{"type":144,"value":619},{"type":139,"tag":331,"props":1729,"children":1730},{"class":333,"line":387},[1731,1735,1739,1743,1747],{"type":139,"tag":331,"props":1732,"children":1733},{"style":596},[1734],{"type":144,"value":627},{"type":139,"tag":331,"props":1736,"children":1737},{"style":361},[1738],{"type":144,"value":604},{"type":139,"tag":331,"props":1740,"children":1741},{"style":361},[1742],{"type":144,"value":609},{"type":139,"tag":331,"props":1744,"children":1745},{"style":422},[1746],{"type":144,"value":882},{"type":139,"tag":331,"props":1748,"children":1749},{"style":361},[1750],{"type":144,"value":619},{"type":139,"tag":331,"props":1752,"children":1753},{"class":333,"line":404},[1754,1758,1762,1766,1770],{"type":139,"tag":331,"props":1755,"children":1756},{"style":596},[1757],{"type":144,"value":762},{"type":139,"tag":331,"props":1759,"children":1760},{"style":361},[1761],{"type":144,"value":604},{"type":139,"tag":331,"props":1763,"children":1764},{"style":361},[1765],{"type":144,"value":609},{"type":139,"tag":331,"props":1767,"children":1768},{"style":422},[1769],{"type":144,"value":906},{"type":139,"tag":331,"props":1771,"children":1772},{"style":361},[1773],{"type":144,"value":619},{"type":139,"tag":331,"props":1775,"children":1776},{"class":333,"line":433},[1777,1781,1785],{"type":139,"tag":331,"props":1778,"children":1779},{"style":596},[1780],{"type":144,"value":652},{"type":139,"tag":331,"props":1782,"children":1783},{"style":361},[1784],{"type":144,"value":604},{"type":139,"tag":331,"props":1786,"children":1787},{"style":422},[1788],{"type":144,"value":926},{"type":139,"tag":331,"props":1790,"children":1791},{"class":333,"line":443},[1792,1796,1800],{"type":139,"tag":331,"props":1793,"children":1794},{"style":596},[1795],{"type":144,"value":669},{"type":139,"tag":331,"props":1797,"children":1798},{"style":361},[1799],{"type":144,"value":604},{"type":139,"tag":331,"props":1801,"children":1802},{"style":422},[1803],{"type":144,"value":661},{"type":139,"tag":331,"props":1805,"children":1806},{"class":333,"line":452},[1807,1811],{"type":139,"tag":331,"props":1808,"children":1809},{"style":596},[1810],{"type":144,"value":1086},{"type":139,"tag":331,"props":1812,"children":1813},{"style":361},[1814],{"type":144,"value":1815}," 'red'\n",{"type":139,"tag":331,"props":1817,"children":1818},{"class":333,"line":461},[1819],{"type":139,"tag":331,"props":1820,"children":1821},{"style":361},[1822],{"type":144,"value":685},{"type":139,"tag":140,"props":1824,"children":1825},{},[1826,1827,1834],{"type":144,"value":1369},{"type":139,"tag":147,"props":1828,"children":1831},{"href":1829,"rel":1830},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#background",[151],[1832],{"type":144,"value":1833},"about background here",{"type":144,"value":266},{"type":139,"tag":157,"props":1836,"children":1838},{"id":1837},"twicpics-modifiers",[1839],{"type":144,"value":1840},"TwicPics modifiers",{"type":139,"tag":140,"props":1842,"children":1843},{},[1844,1846,1851,1853,1857,1859,1863],{"type":144,"value":1845},"In addition to the standard parameters, the specific features of the TwicPics API are accessible via the ",{"type":139,"tag":199,"props":1847,"children":1848},{"className":127},[1849],{"type":144,"value":1850},"modifiers",{"type":144,"value":1852}," prop of ",{"type":139,"tag":199,"props":1854,"children":1855},{"className":127},[1856],{"type":144,"value":497},{"type":144,"value":1858}," or ",{"type":139,"tag":199,"props":1860,"children":1861},{"className":127},[1862],{"type":144,"value":504},{"type":144,"value":266},{"type":139,"tag":320,"props":1865,"children":1867},{"className":571,"code":1866,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/path-to-nuxt-demo.jpg\"\n  ...\n  standard props\n  ...\n  :modifiers=\"{key_1: value_1, ..., key_n: value_n}\"\n/>\n",[1868],{"type":139,"tag":199,"props":1869,"children":1870},{"__ignoreMap":127},[1871,1882,1905,1929,1937,1950,1957,1982],{"type":139,"tag":331,"props":1872,"children":1873},{"class":333,"line":334},[1874,1878],{"type":139,"tag":331,"props":1875,"children":1876},{"style":361},[1877],{"type":144,"value":585},{"type":139,"tag":331,"props":1879,"children":1880},{"style":371},[1881],{"type":144,"value":590},{"type":139,"tag":331,"props":1883,"children":1884},{"class":333,"line":367},[1885,1889,1893,1897,1901],{"type":139,"tag":331,"props":1886,"children":1887},{"style":596},[1888],{"type":144,"value":599},{"type":139,"tag":331,"props":1890,"children":1891},{"style":361},[1892],{"type":144,"value":604},{"type":139,"tag":331,"props":1894,"children":1895},{"style":361},[1896],{"type":144,"value":609},{"type":139,"tag":331,"props":1898,"children":1899},{"style":422},[1900],{"type":144,"value":614},{"type":139,"tag":331,"props":1902,"children":1903},{"style":361},[1904],{"type":144,"value":619},{"type":139,"tag":331,"props":1906,"children":1907},{"class":333,"line":387},[1908,1912,1916,1920,1925],{"type":139,"tag":331,"props":1909,"children":1910},{"style":596},[1911],{"type":144,"value":627},{"type":139,"tag":331,"props":1913,"children":1914},{"style":361},[1915],{"type":144,"value":604},{"type":139,"tag":331,"props":1917,"children":1918},{"style":361},[1919],{"type":144,"value":609},{"type":139,"tag":331,"props":1921,"children":1922},{"style":422},[1923],{"type":144,"value":1924},"/path-to-nuxt-demo.jpg",{"type":139,"tag":331,"props":1926,"children":1927},{"style":361},[1928],{"type":144,"value":619},{"type":139,"tag":331,"props":1930,"children":1931},{"class":333,"line":404},[1932],{"type":139,"tag":331,"props":1933,"children":1934},{"style":596},[1935],{"type":144,"value":1936},"  ...\n",{"type":139,"tag":331,"props":1938,"children":1939},{"class":333,"line":433},[1940,1945],{"type":139,"tag":331,"props":1941,"children":1942},{"style":596},[1943],{"type":144,"value":1944},"  standard",{"type":139,"tag":331,"props":1946,"children":1947},{"style":596},[1948],{"type":144,"value":1949}," props\n",{"type":139,"tag":331,"props":1951,"children":1952},{"class":333,"line":443},[1953],{"type":139,"tag":331,"props":1954,"children":1955},{"style":596},[1956],{"type":144,"value":1936},{"type":139,"tag":331,"props":1958,"children":1959},{"class":333,"line":452},[1960,1965,1969,1973,1978],{"type":139,"tag":331,"props":1961,"children":1962},{"style":596},[1963],{"type":144,"value":1964},"  :modifiers",{"type":139,"tag":331,"props":1966,"children":1967},{"style":361},[1968],{"type":144,"value":604},{"type":139,"tag":331,"props":1970,"children":1971},{"style":361},[1972],{"type":144,"value":609},{"type":139,"tag":331,"props":1974,"children":1975},{"style":422},[1976],{"type":144,"value":1977},"{key_1: value_1, ..., key_n: value_n}",{"type":139,"tag":331,"props":1979,"children":1980},{"style":361},[1981],{"type":144,"value":619},{"type":139,"tag":331,"props":1983,"children":1984},{"class":333,"line":461},[1985],{"type":139,"tag":331,"props":1986,"children":1987},{"style":361},[1988],{"type":144,"value":685},{"type":139,"tag":140,"props":1990,"children":1991},{},[1992,1999],{"type":139,"tag":147,"props":1993,"children":1996},{"href":1994,"rel":1995},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[151],[1997],{"type":144,"value":1998},"A complete list of these features and their uses is accessible here",{"type":144,"value":266},{"type":139,"tag":507,"props":2001,"children":2002},{"id":257},[2003],{"type":144,"value":257},{"type":139,"tag":140,"props":2005,"children":2006},{},[2007,2011,2013,2017],{"type":139,"tag":199,"props":2008,"children":2009},{"className":127},[2010],{"type":144,"value":257},{"type":144,"value":2012}," will extract a zone from the image which size is the given ",{"type":139,"tag":199,"props":2014,"children":2015},{"className":127},[2016],{"type":144,"value":257},{"type":144,"value":2018}," 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.",{"type":139,"tag":140,"props":2020,"children":2021},{},[2022,2023,2028,2038,2048],{"type":144,"value":556},{"type":139,"tag":199,"props":2024,"children":2025},{"className":127},[2026],{"type":144,"value":2027},"{ crop: ",{"type":139,"tag":147,"props":2029,"children":2032},{"href":2030,"rel":2031},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop-size",[151],[2033],{"type":139,"tag":199,"props":2034,"children":2035},{"className":127},[2036],{"type":144,"value":2037},"size",{"type":139,"tag":147,"props":2039,"children":2042},{"href":2040,"rel":2041},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#coordinates",[151],[2043],{"type":139,"tag":199,"props":2044,"children":2045},{"className":127},[2046],{"type":144,"value":2047},"@coordinates",{"type":139,"tag":199,"props":2049,"children":2050},{"className":127},[2051],{"type":144,"value":2052}," }",{"type":139,"tag":320,"props":2054,"children":2056},{"className":571,"code":2055,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat.jpg\"\n  :modifiers=\"{crop:'500x100'}\" \u003C!-- no coordinates given -->\n/>\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat.jpg\"\n  :modifiers=\"{crop:'500x100@700x400'}\" \u003C!-- passing coordinates -->\n/>\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat.jpg\"\n  :modifiers=\"{focus:'auto', crop:'500x100'}\" \u003C!-- using focus auto -->\n/>\n",[2057],{"type":139,"tag":199,"props":2058,"children":2059},{"__ignoreMap":127},[2060,2071,2094,2118,2172,2179,2190,2213,2236,2281,2289,2301,2325,2349,2401],{"type":139,"tag":331,"props":2061,"children":2062},{"class":333,"line":334},[2063,2067],{"type":139,"tag":331,"props":2064,"children":2065},{"style":361},[2066],{"type":144,"value":585},{"type":139,"tag":331,"props":2068,"children":2069},{"style":371},[2070],{"type":144,"value":590},{"type":139,"tag":331,"props":2072,"children":2073},{"class":333,"line":367},[2074,2078,2082,2086,2090],{"type":139,"tag":331,"props":2075,"children":2076},{"style":596},[2077],{"type":144,"value":599},{"type":139,"tag":331,"props":2079,"children":2080},{"style":361},[2081],{"type":144,"value":604},{"type":139,"tag":331,"props":2083,"children":2084},{"style":361},[2085],{"type":144,"value":609},{"type":139,"tag":331,"props":2087,"children":2088},{"style":422},[2089],{"type":144,"value":614},{"type":139,"tag":331,"props":2091,"children":2092},{"style":361},[2093],{"type":144,"value":619},{"type":139,"tag":331,"props":2095,"children":2096},{"class":333,"line":387},[2097,2101,2105,2109,2114],{"type":139,"tag":331,"props":2098,"children":2099},{"style":596},[2100],{"type":144,"value":627},{"type":139,"tag":331,"props":2102,"children":2103},{"style":361},[2104],{"type":144,"value":604},{"type":139,"tag":331,"props":2106,"children":2107},{"style":361},[2108],{"type":144,"value":609},{"type":139,"tag":331,"props":2110,"children":2111},{"style":422},[2112],{"type":144,"value":2113},"/cat.jpg",{"type":139,"tag":331,"props":2115,"children":2116},{"style":361},[2117],{"type":144,"value":619},{"type":139,"tag":331,"props":2119,"children":2120},{"class":333,"line":404},[2121,2125,2129,2133,2138,2142,2147,2152,2157,2162,2167],{"type":139,"tag":331,"props":2122,"children":2123},{"style":596},[2124],{"type":144,"value":1964},{"type":139,"tag":331,"props":2126,"children":2127},{"style":361},[2128],{"type":144,"value":604},{"type":139,"tag":331,"props":2130,"children":2131},{"style":361},[2132],{"type":144,"value":609},{"type":139,"tag":331,"props":2134,"children":2135},{"style":422},[2136],{"type":144,"value":2137},"{crop:'500x100'}",{"type":139,"tag":331,"props":2139,"children":2140},{"style":361},[2141],{"type":144,"value":609},{"type":139,"tag":331,"props":2143,"children":2144},{"style":361},[2145],{"type":144,"value":2146}," \u003C!-- ",{"type":139,"tag":331,"props":2148,"children":2149},{"style":596},[2150],{"type":144,"value":2151},"no",{"type":139,"tag":331,"props":2153,"children":2154},{"style":596},[2155],{"type":144,"value":2156}," coordinates",{"type":139,"tag":331,"props":2158,"children":2159},{"style":596},[2160],{"type":144,"value":2161}," given",{"type":139,"tag":331,"props":2163,"children":2164},{"style":596},[2165],{"type":144,"value":2166}," --",{"type":139,"tag":331,"props":2168,"children":2169},{"style":361},[2170],{"type":144,"value":2171},">\n",{"type":139,"tag":331,"props":2173,"children":2174},{"class":333,"line":433},[2175],{"type":139,"tag":331,"props":2176,"children":2177},{"style":355},[2178],{"type":144,"value":685},{"type":139,"tag":331,"props":2180,"children":2181},{"class":333,"line":443},[2182,2186],{"type":139,"tag":331,"props":2183,"children":2184},{"style":361},[2185],{"type":144,"value":585},{"type":139,"tag":331,"props":2187,"children":2188},{"style":371},[2189],{"type":144,"value":590},{"type":139,"tag":331,"props":2191,"children":2192},{"class":333,"line":452},[2193,2197,2201,2205,2209],{"type":139,"tag":331,"props":2194,"children":2195},{"style":596},[2196],{"type":144,"value":599},{"type":139,"tag":331,"props":2198,"children":2199},{"style":361},[2200],{"type":144,"value":604},{"type":139,"tag":331,"props":2202,"children":2203},{"style":361},[2204],{"type":144,"value":609},{"type":139,"tag":331,"props":2206,"children":2207},{"style":422},[2208],{"type":144,"value":614},{"type":139,"tag":331,"props":2210,"children":2211},{"style":361},[2212],{"type":144,"value":619},{"type":139,"tag":331,"props":2214,"children":2215},{"class":333,"line":461},[2216,2220,2224,2228,2232],{"type":139,"tag":331,"props":2217,"children":2218},{"style":596},[2219],{"type":144,"value":627},{"type":139,"tag":331,"props":2221,"children":2222},{"style":361},[2223],{"type":144,"value":604},{"type":139,"tag":331,"props":2225,"children":2226},{"style":361},[2227],{"type":144,"value":609},{"type":139,"tag":331,"props":2229,"children":2230},{"style":422},[2231],{"type":144,"value":2113},{"type":139,"tag":331,"props":2233,"children":2234},{"style":361},[2235],{"type":144,"value":619},{"type":139,"tag":331,"props":2237,"children":2238},{"class":333,"line":470},[2239,2243,2247,2251,2256,2260,2264,2269,2273,2277],{"type":139,"tag":331,"props":2240,"children":2241},{"style":596},[2242],{"type":144,"value":1964},{"type":139,"tag":331,"props":2244,"children":2245},{"style":361},[2246],{"type":144,"value":604},{"type":139,"tag":331,"props":2248,"children":2249},{"style":361},[2250],{"type":144,"value":609},{"type":139,"tag":331,"props":2252,"children":2253},{"style":422},[2254],{"type":144,"value":2255},"{crop:'500x100@700x400'}",{"type":139,"tag":331,"props":2257,"children":2258},{"style":361},[2259],{"type":144,"value":609},{"type":139,"tag":331,"props":2261,"children":2262},{"style":361},[2263],{"type":144,"value":2146},{"type":139,"tag":331,"props":2265,"children":2266},{"style":596},[2267],{"type":144,"value":2268},"passing",{"type":139,"tag":331,"props":2270,"children":2271},{"style":596},[2272],{"type":144,"value":2156},{"type":139,"tag":331,"props":2274,"children":2275},{"style":596},[2276],{"type":144,"value":2166},{"type":139,"tag":331,"props":2278,"children":2279},{"style":361},[2280],{"type":144,"value":2171},{"type":139,"tag":331,"props":2282,"children":2284},{"class":333,"line":2283},10,[2285],{"type":139,"tag":331,"props":2286,"children":2287},{"style":355},[2288],{"type":144,"value":685},{"type":139,"tag":331,"props":2290,"children":2292},{"class":333,"line":2291},11,[2293,2297],{"type":139,"tag":331,"props":2294,"children":2295},{"style":361},[2296],{"type":144,"value":585},{"type":139,"tag":331,"props":2298,"children":2299},{"style":371},[2300],{"type":144,"value":590},{"type":139,"tag":331,"props":2302,"children":2304},{"class":333,"line":2303},12,[2305,2309,2313,2317,2321],{"type":139,"tag":331,"props":2306,"children":2307},{"style":596},[2308],{"type":144,"value":599},{"type":139,"tag":331,"props":2310,"children":2311},{"style":361},[2312],{"type":144,"value":604},{"type":139,"tag":331,"props":2314,"children":2315},{"style":361},[2316],{"type":144,"value":609},{"type":139,"tag":331,"props":2318,"children":2319},{"style":422},[2320],{"type":144,"value":614},{"type":139,"tag":331,"props":2322,"children":2323},{"style":361},[2324],{"type":144,"value":619},{"type":139,"tag":331,"props":2326,"children":2328},{"class":333,"line":2327},13,[2329,2333,2337,2341,2345],{"type":139,"tag":331,"props":2330,"children":2331},{"style":596},[2332],{"type":144,"value":627},{"type":139,"tag":331,"props":2334,"children":2335},{"style":361},[2336],{"type":144,"value":604},{"type":139,"tag":331,"props":2338,"children":2339},{"style":361},[2340],{"type":144,"value":609},{"type":139,"tag":331,"props":2342,"children":2343},{"style":422},[2344],{"type":144,"value":2113},{"type":139,"tag":331,"props":2346,"children":2347},{"style":361},[2348],{"type":144,"value":619},{"type":139,"tag":331,"props":2350,"children":2352},{"class":333,"line":2351},14,[2353,2357,2361,2365,2370,2374,2378,2383,2388,2393,2397],{"type":139,"tag":331,"props":2354,"children":2355},{"style":596},[2356],{"type":144,"value":1964},{"type":139,"tag":331,"props":2358,"children":2359},{"style":361},[2360],{"type":144,"value":604},{"type":139,"tag":331,"props":2362,"children":2363},{"style":361},[2364],{"type":144,"value":609},{"type":139,"tag":331,"props":2366,"children":2367},{"style":422},[2368],{"type":144,"value":2369},"{focus:'auto', crop:'500x100'}",{"type":139,"tag":331,"props":2371,"children":2372},{"style":361},[2373],{"type":144,"value":609},{"type":139,"tag":331,"props":2375,"children":2376},{"style":361},[2377],{"type":144,"value":2146},{"type":139,"tag":331,"props":2379,"children":2380},{"style":596},[2381],{"type":144,"value":2382},"using",{"type":139,"tag":331,"props":2384,"children":2385},{"style":596},[2386],{"type":144,"value":2387}," focus",{"type":139,"tag":331,"props":2389,"children":2390},{"style":596},[2391],{"type":144,"value":2392}," auto",{"type":139,"tag":331,"props":2394,"children":2395},{"style":596},[2396],{"type":144,"value":2166},{"type":139,"tag":331,"props":2398,"children":2399},{"style":361},[2400],{"type":144,"value":2171},{"type":139,"tag":331,"props":2402,"children":2404},{"class":333,"line":2403},15,[2405],{"type":139,"tag":331,"props":2406,"children":2407},{"style":355},[2408],{"type":144,"value":685},{"type":139,"tag":140,"props":2410,"children":2411},{},[2412,2413,2426],{"type":144,"value":1369},{"type":139,"tag":147,"props":2414,"children":2417},{"href":2415,"rel":2416},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop",[151],[2418,2420,2424],{"type":144,"value":2419},"about ",{"type":139,"tag":199,"props":2421,"children":2422},{"className":127},[2423],{"type":144,"value":257},{"type":144,"value":2425}," here",{"type":144,"value":266},{"type":139,"tag":507,"props":2428,"children":2429},{"id":243},[2430],{"type":144,"value":243},{"type":139,"tag":140,"props":2432,"children":2433},{},[2434,2438],{"type":139,"tag":199,"props":2435,"children":2436},{"className":127},[2437],{"type":144,"value":243},{"type":144,"value":2439}," will invert the image horizontally, vertically or both depending on the expression provided.",{"type":139,"tag":140,"props":2441,"children":2442},{},[2443,2444],{"type":144,"value":556},{"type":139,"tag":199,"props":2445,"children":2446},{"className":127},[2447],{"type":144,"value":2448},"{ flip: 'both' | 'x' | 'y' }",{"type":139,"tag":320,"props":2450,"children":2452},{"className":571,"code":2451,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/puppy.jpg\"\n  :modifiers=\"{flip:'both'}\" \u003C!-- horizontal and vertical -->\n/>\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/puppy.jpg\"\n  :modifiers=\"{flip:'x'}\" \u003C!-- horizontal -->\n/>\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/puppy.jpg\"\n  :modifiers=\"{flip:'y'}\" \u003C!-- vertical -->\n/>\n",[2453],{"type":139,"tag":199,"props":2454,"children":2455},{"__ignoreMap":127},[2456,2467,2490,2514,2565,2572,2583,2606,2629,2669,2676,2687,2710,2733,2774],{"type":139,"tag":331,"props":2457,"children":2458},{"class":333,"line":334},[2459,2463],{"type":139,"tag":331,"props":2460,"children":2461},{"style":361},[2462],{"type":144,"value":585},{"type":139,"tag":331,"props":2464,"children":2465},{"style":371},[2466],{"type":144,"value":590},{"type":139,"tag":331,"props":2468,"children":2469},{"class":333,"line":367},[2470,2474,2478,2482,2486],{"type":139,"tag":331,"props":2471,"children":2472},{"style":596},[2473],{"type":144,"value":599},{"type":139,"tag":331,"props":2475,"children":2476},{"style":361},[2477],{"type":144,"value":604},{"type":139,"tag":331,"props":2479,"children":2480},{"style":361},[2481],{"type":144,"value":609},{"type":139,"tag":331,"props":2483,"children":2484},{"style":422},[2485],{"type":144,"value":614},{"type":139,"tag":331,"props":2487,"children":2488},{"style":361},[2489],{"type":144,"value":619},{"type":139,"tag":331,"props":2491,"children":2492},{"class":333,"line":387},[2493,2497,2501,2505,2510],{"type":139,"tag":331,"props":2494,"children":2495},{"style":596},[2496],{"type":144,"value":627},{"type":139,"tag":331,"props":2498,"children":2499},{"style":361},[2500],{"type":144,"value":604},{"type":139,"tag":331,"props":2502,"children":2503},{"style":361},[2504],{"type":144,"value":609},{"type":139,"tag":331,"props":2506,"children":2507},{"style":422},[2508],{"type":144,"value":2509},"/puppy.jpg",{"type":139,"tag":331,"props":2511,"children":2512},{"style":361},[2513],{"type":144,"value":619},{"type":139,"tag":331,"props":2515,"children":2516},{"class":333,"line":404},[2517,2521,2525,2529,2534,2538,2542,2547,2552,2557,2561],{"type":139,"tag":331,"props":2518,"children":2519},{"style":596},[2520],{"type":144,"value":1964},{"type":139,"tag":331,"props":2522,"children":2523},{"style":361},[2524],{"type":144,"value":604},{"type":139,"tag":331,"props":2526,"children":2527},{"style":361},[2528],{"type":144,"value":609},{"type":139,"tag":331,"props":2530,"children":2531},{"style":422},[2532],{"type":144,"value":2533},"{flip:'both'}",{"type":139,"tag":331,"props":2535,"children":2536},{"style":361},[2537],{"type":144,"value":609},{"type":139,"tag":331,"props":2539,"children":2540},{"style":361},[2541],{"type":144,"value":2146},{"type":139,"tag":331,"props":2543,"children":2544},{"style":596},[2545],{"type":144,"value":2546},"horizontal",{"type":139,"tag":331,"props":2548,"children":2549},{"style":596},[2550],{"type":144,"value":2551}," and",{"type":139,"tag":331,"props":2553,"children":2554},{"style":596},[2555],{"type":144,"value":2556}," vertical",{"type":139,"tag":331,"props":2558,"children":2559},{"style":596},[2560],{"type":144,"value":2166},{"type":139,"tag":331,"props":2562,"children":2563},{"style":361},[2564],{"type":144,"value":2171},{"type":139,"tag":331,"props":2566,"children":2567},{"class":333,"line":433},[2568],{"type":139,"tag":331,"props":2569,"children":2570},{"style":355},[2571],{"type":144,"value":685},{"type":139,"tag":331,"props":2573,"children":2574},{"class":333,"line":443},[2575,2579],{"type":139,"tag":331,"props":2576,"children":2577},{"style":361},[2578],{"type":144,"value":585},{"type":139,"tag":331,"props":2580,"children":2581},{"style":371},[2582],{"type":144,"value":590},{"type":139,"tag":331,"props":2584,"children":2585},{"class":333,"line":452},[2586,2590,2594,2598,2602],{"type":139,"tag":331,"props":2587,"children":2588},{"style":596},[2589],{"type":144,"value":599},{"type":139,"tag":331,"props":2591,"children":2592},{"style":361},[2593],{"type":144,"value":604},{"type":139,"tag":331,"props":2595,"children":2596},{"style":361},[2597],{"type":144,"value":609},{"type":139,"tag":331,"props":2599,"children":2600},{"style":422},[2601],{"type":144,"value":614},{"type":139,"tag":331,"props":2603,"children":2604},{"style":361},[2605],{"type":144,"value":619},{"type":139,"tag":331,"props":2607,"children":2608},{"class":333,"line":461},[2609,2613,2617,2621,2625],{"type":139,"tag":331,"props":2610,"children":2611},{"style":596},[2612],{"type":144,"value":627},{"type":139,"tag":331,"props":2614,"children":2615},{"style":361},[2616],{"type":144,"value":604},{"type":139,"tag":331,"props":2618,"children":2619},{"style":361},[2620],{"type":144,"value":609},{"type":139,"tag":331,"props":2622,"children":2623},{"style":422},[2624],{"type":144,"value":2509},{"type":139,"tag":331,"props":2626,"children":2627},{"style":361},[2628],{"type":144,"value":619},{"type":139,"tag":331,"props":2630,"children":2631},{"class":333,"line":470},[2632,2636,2640,2644,2649,2653,2657,2661,2665],{"type":139,"tag":331,"props":2633,"children":2634},{"style":596},[2635],{"type":144,"value":1964},{"type":139,"tag":331,"props":2637,"children":2638},{"style":361},[2639],{"type":144,"value":604},{"type":139,"tag":331,"props":2641,"children":2642},{"style":361},[2643],{"type":144,"value":609},{"type":139,"tag":331,"props":2645,"children":2646},{"style":422},[2647],{"type":144,"value":2648},"{flip:'x'}",{"type":139,"tag":331,"props":2650,"children":2651},{"style":361},[2652],{"type":144,"value":609},{"type":139,"tag":331,"props":2654,"children":2655},{"style":361},[2656],{"type":144,"value":2146},{"type":139,"tag":331,"props":2658,"children":2659},{"style":596},[2660],{"type":144,"value":2546},{"type":139,"tag":331,"props":2662,"children":2663},{"style":596},[2664],{"type":144,"value":2166},{"type":139,"tag":331,"props":2666,"children":2667},{"style":361},[2668],{"type":144,"value":2171},{"type":139,"tag":331,"props":2670,"children":2671},{"class":333,"line":2283},[2672],{"type":139,"tag":331,"props":2673,"children":2674},{"style":355},[2675],{"type":144,"value":685},{"type":139,"tag":331,"props":2677,"children":2678},{"class":333,"line":2291},[2679,2683],{"type":139,"tag":331,"props":2680,"children":2681},{"style":361},[2682],{"type":144,"value":585},{"type":139,"tag":331,"props":2684,"children":2685},{"style":371},[2686],{"type":144,"value":590},{"type":139,"tag":331,"props":2688,"children":2689},{"class":333,"line":2303},[2690,2694,2698,2702,2706],{"type":139,"tag":331,"props":2691,"children":2692},{"style":596},[2693],{"type":144,"value":599},{"type":139,"tag":331,"props":2695,"children":2696},{"style":361},[2697],{"type":144,"value":604},{"type":139,"tag":331,"props":2699,"children":2700},{"style":361},[2701],{"type":144,"value":609},{"type":139,"tag":331,"props":2703,"children":2704},{"style":422},[2705],{"type":144,"value":614},{"type":139,"tag":331,"props":2707,"children":2708},{"style":361},[2709],{"type":144,"value":619},{"type":139,"tag":331,"props":2711,"children":2712},{"class":333,"line":2327},[2713,2717,2721,2725,2729],{"type":139,"tag":331,"props":2714,"children":2715},{"style":596},[2716],{"type":144,"value":627},{"type":139,"tag":331,"props":2718,"children":2719},{"style":361},[2720],{"type":144,"value":604},{"type":139,"tag":331,"props":2722,"children":2723},{"style":361},[2724],{"type":144,"value":609},{"type":139,"tag":331,"props":2726,"children":2727},{"style":422},[2728],{"type":144,"value":2509},{"type":139,"tag":331,"props":2730,"children":2731},{"style":361},[2732],{"type":144,"value":619},{"type":139,"tag":331,"props":2734,"children":2735},{"class":333,"line":2351},[2736,2740,2744,2748,2753,2757,2761,2766,2770],{"type":139,"tag":331,"props":2737,"children":2738},{"style":596},[2739],{"type":144,"value":1964},{"type":139,"tag":331,"props":2741,"children":2742},{"style":361},[2743],{"type":144,"value":604},{"type":139,"tag":331,"props":2745,"children":2746},{"style":361},[2747],{"type":144,"value":609},{"type":139,"tag":331,"props":2749,"children":2750},{"style":422},[2751],{"type":144,"value":2752},"{flip:'y'}",{"type":139,"tag":331,"props":2754,"children":2755},{"style":361},[2756],{"type":144,"value":609},{"type":139,"tag":331,"props":2758,"children":2759},{"style":361},[2760],{"type":144,"value":2146},{"type":139,"tag":331,"props":2762,"children":2763},{"style":596},[2764],{"type":144,"value":2765},"vertical",{"type":139,"tag":331,"props":2767,"children":2768},{"style":596},[2769],{"type":144,"value":2166},{"type":139,"tag":331,"props":2771,"children":2772},{"style":361},[2773],{"type":144,"value":2171},{"type":139,"tag":331,"props":2775,"children":2776},{"class":333,"line":2403},[2777],{"type":139,"tag":331,"props":2778,"children":2779},{"style":355},[2780],{"type":144,"value":685},{"type":139,"tag":140,"props":2782,"children":2783},{},[2784,2785,2796],{"type":144,"value":1369},{"type":139,"tag":147,"props":2786,"children":2789},{"href":2787,"rel":2788},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#flip",[151],[2790,2791,2795],{"type":144,"value":2419},{"type":139,"tag":199,"props":2792,"children":2793},{"className":127},[2794],{"type":144,"value":243},{"type":144,"value":2425},{"type":144,"value":266},{"type":139,"tag":507,"props":2798,"children":2800},{"id":2799},"focus",[2801],{"type":144,"value":2799},{"type":139,"tag":140,"props":2803,"children":2804},{},[2805,2809],{"type":139,"tag":199,"props":2806,"children":2807},{"className":127},[2808],{"type":144,"value":2799},{"type":144,"value":2810}," 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).",{"type":139,"tag":140,"props":2812,"children":2813},{},[2814,2816,2821],{"type":144,"value":2815},"If ",{"type":139,"tag":199,"props":2817,"children":2818},{"className":127},[2819],{"type":144,"value":2820},"auto",{"type":144,"value":2822}," is used in place of actual coordinates, the focus point will be chosen automagically for you!",{"type":139,"tag":140,"props":2824,"children":2825},{},[2826,2827,2832,2842],{"type":144,"value":556},{"type":139,"tag":199,"props":2828,"children":2829},{"className":127},[2830],{"type":144,"value":2831},"{ focus: ",{"type":139,"tag":147,"props":2833,"children":2836},{"href":2834,"rel":2835},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop-coordinates",[151],[2837],{"type":139,"tag":199,"props":2838,"children":2839},{"className":127},[2840],{"type":144,"value":2841},"coordinates",{"type":139,"tag":199,"props":2843,"children":2844},{"className":127},[2845],{"type":144,"value":2846},"|'auto' }",{"type":139,"tag":320,"props":2848,"children":2850},{"className":571,"code":2849,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  :modifiers=\"{focus:'auto', crop:'500x500'}\" \u003C!-- using crop with focus auto -->\n/>\n\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{focus:'auto', cover:'1:1'}\" \u003C!-- changing ratio with focus auto -->\n/>\n\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/path-to-nuxt-demo.jpg\"\n  :modifiers=\"{focus:'200x200', cover:'1:1'}\" \u003C!-- changing ratio with selected focus -->\n/>\n",[2851],{"type":139,"tag":199,"props":2852,"children":2853},{"__ignoreMap":127},[2854,2865,2888,2911,2969,2976,2985,2996,3019,3042,3100,3107,3114,3125,3148,3171,3229],{"type":139,"tag":331,"props":2855,"children":2856},{"class":333,"line":334},[2857,2861],{"type":139,"tag":331,"props":2858,"children":2859},{"style":361},[2860],{"type":144,"value":585},{"type":139,"tag":331,"props":2862,"children":2863},{"style":371},[2864],{"type":144,"value":590},{"type":139,"tag":331,"props":2866,"children":2867},{"class":333,"line":367},[2868,2872,2876,2880,2884],{"type":139,"tag":331,"props":2869,"children":2870},{"style":596},[2871],{"type":144,"value":599},{"type":139,"tag":331,"props":2873,"children":2874},{"style":361},[2875],{"type":144,"value":604},{"type":139,"tag":331,"props":2877,"children":2878},{"style":361},[2879],{"type":144,"value":609},{"type":139,"tag":331,"props":2881,"children":2882},{"style":422},[2883],{"type":144,"value":614},{"type":139,"tag":331,"props":2885,"children":2886},{"style":361},[2887],{"type":144,"value":619},{"type":139,"tag":331,"props":2889,"children":2890},{"class":333,"line":387},[2891,2895,2899,2903,2907],{"type":139,"tag":331,"props":2892,"children":2893},{"style":596},[2894],{"type":144,"value":627},{"type":139,"tag":331,"props":2896,"children":2897},{"style":361},[2898],{"type":144,"value":604},{"type":139,"tag":331,"props":2900,"children":2901},{"style":361},[2902],{"type":144,"value":609},{"type":139,"tag":331,"props":2904,"children":2905},{"style":422},[2906],{"type":144,"value":882},{"type":139,"tag":331,"props":2908,"children":2909},{"style":361},[2910],{"type":144,"value":619},{"type":139,"tag":331,"props":2912,"children":2913},{"class":333,"line":404},[2914,2918,2922,2926,2931,2935,2939,2943,2948,2953,2957,2961,2965],{"type":139,"tag":331,"props":2915,"children":2916},{"style":596},[2917],{"type":144,"value":1964},{"type":139,"tag":331,"props":2919,"children":2920},{"style":361},[2921],{"type":144,"value":604},{"type":139,"tag":331,"props":2923,"children":2924},{"style":361},[2925],{"type":144,"value":609},{"type":139,"tag":331,"props":2927,"children":2928},{"style":422},[2929],{"type":144,"value":2930},"{focus:'auto', crop:'500x500'}",{"type":139,"tag":331,"props":2932,"children":2933},{"style":361},[2934],{"type":144,"value":609},{"type":139,"tag":331,"props":2936,"children":2937},{"style":361},[2938],{"type":144,"value":2146},{"type":139,"tag":331,"props":2940,"children":2941},{"style":596},[2942],{"type":144,"value":2382},{"type":139,"tag":331,"props":2944,"children":2945},{"style":596},[2946],{"type":144,"value":2947}," crop",{"type":139,"tag":331,"props":2949,"children":2950},{"style":596},[2951],{"type":144,"value":2952}," with",{"type":139,"tag":331,"props":2954,"children":2955},{"style":596},[2956],{"type":144,"value":2387},{"type":139,"tag":331,"props":2958,"children":2959},{"style":596},[2960],{"type":144,"value":2392},{"type":139,"tag":331,"props":2962,"children":2963},{"style":596},[2964],{"type":144,"value":2166},{"type":139,"tag":331,"props":2966,"children":2967},{"style":361},[2968],{"type":144,"value":2171},{"type":139,"tag":331,"props":2970,"children":2971},{"class":333,"line":433},[2972],{"type":139,"tag":331,"props":2973,"children":2974},{"style":355},[2975],{"type":144,"value":685},{"type":139,"tag":331,"props":2977,"children":2978},{"class":333,"line":443},[2979],{"type":139,"tag":331,"props":2980,"children":2982},{"emptyLinePlaceholder":2981},true,[2983],{"type":144,"value":2984},"\n",{"type":139,"tag":331,"props":2986,"children":2987},{"class":333,"line":452},[2988,2992],{"type":139,"tag":331,"props":2989,"children":2990},{"style":361},[2991],{"type":144,"value":585},{"type":139,"tag":331,"props":2993,"children":2994},{"style":371},[2995],{"type":144,"value":590},{"type":139,"tag":331,"props":2997,"children":2998},{"class":333,"line":461},[2999,3003,3007,3011,3015],{"type":139,"tag":331,"props":3000,"children":3001},{"style":596},[3002],{"type":144,"value":599},{"type":139,"tag":331,"props":3004,"children":3005},{"style":361},[3006],{"type":144,"value":604},{"type":139,"tag":331,"props":3008,"children":3009},{"style":361},[3010],{"type":144,"value":609},{"type":139,"tag":331,"props":3012,"children":3013},{"style":422},[3014],{"type":144,"value":614},{"type":139,"tag":331,"props":3016,"children":3017},{"style":361},[3018],{"type":144,"value":619},{"type":139,"tag":331,"props":3020,"children":3021},{"class":333,"line":470},[3022,3026,3030,3034,3038],{"type":139,"tag":331,"props":3023,"children":3024},{"style":596},[3025],{"type":144,"value":627},{"type":139,"tag":331,"props":3027,"children":3028},{"style":361},[3029],{"type":144,"value":604},{"type":139,"tag":331,"props":3031,"children":3032},{"style":361},[3033],{"type":144,"value":609},{"type":139,"tag":331,"props":3035,"children":3036},{"style":422},[3037],{"type":144,"value":640},{"type":139,"tag":331,"props":3039,"children":3040},{"style":361},[3041],{"type":144,"value":619},{"type":139,"tag":331,"props":3043,"children":3044},{"class":333,"line":2283},[3045,3049,3053,3057,3062,3066,3070,3075,3080,3084,3088,3092,3096],{"type":139,"tag":331,"props":3046,"children":3047},{"style":596},[3048],{"type":144,"value":1964},{"type":139,"tag":331,"props":3050,"children":3051},{"style":361},[3052],{"type":144,"value":604},{"type":139,"tag":331,"props":3054,"children":3055},{"style":361},[3056],{"type":144,"value":609},{"type":139,"tag":331,"props":3058,"children":3059},{"style":422},[3060],{"type":144,"value":3061},"{focus:'auto', cover:'1:1'}",{"type":139,"tag":331,"props":3063,"children":3064},{"style":361},[3065],{"type":144,"value":609},{"type":139,"tag":331,"props":3067,"children":3068},{"style":361},[3069],{"type":144,"value":2146},{"type":139,"tag":331,"props":3071,"children":3072},{"style":596},[3073],{"type":144,"value":3074},"changing",{"type":139,"tag":331,"props":3076,"children":3077},{"style":596},[3078],{"type":144,"value":3079}," ratio",{"type":139,"tag":331,"props":3081,"children":3082},{"style":596},[3083],{"type":144,"value":2952},{"type":139,"tag":331,"props":3085,"children":3086},{"style":596},[3087],{"type":144,"value":2387},{"type":139,"tag":331,"props":3089,"children":3090},{"style":596},[3091],{"type":144,"value":2392},{"type":139,"tag":331,"props":3093,"children":3094},{"style":596},[3095],{"type":144,"value":2166},{"type":139,"tag":331,"props":3097,"children":3098},{"style":361},[3099],{"type":144,"value":2171},{"type":139,"tag":331,"props":3101,"children":3102},{"class":333,"line":2291},[3103],{"type":139,"tag":331,"props":3104,"children":3105},{"style":355},[3106],{"type":144,"value":685},{"type":139,"tag":331,"props":3108,"children":3109},{"class":333,"line":2303},[3110],{"type":139,"tag":331,"props":3111,"children":3112},{"emptyLinePlaceholder":2981},[3113],{"type":144,"value":2984},{"type":139,"tag":331,"props":3115,"children":3116},{"class":333,"line":2327},[3117,3121],{"type":139,"tag":331,"props":3118,"children":3119},{"style":361},[3120],{"type":144,"value":585},{"type":139,"tag":331,"props":3122,"children":3123},{"style":371},[3124],{"type":144,"value":590},{"type":139,"tag":331,"props":3126,"children":3127},{"class":333,"line":2351},[3128,3132,3136,3140,3144],{"type":139,"tag":331,"props":3129,"children":3130},{"style":596},[3131],{"type":144,"value":599},{"type":139,"tag":331,"props":3133,"children":3134},{"style":361},[3135],{"type":144,"value":604},{"type":139,"tag":331,"props":3137,"children":3138},{"style":361},[3139],{"type":144,"value":609},{"type":139,"tag":331,"props":3141,"children":3142},{"style":422},[3143],{"type":144,"value":614},{"type":139,"tag":331,"props":3145,"children":3146},{"style":361},[3147],{"type":144,"value":619},{"type":139,"tag":331,"props":3149,"children":3150},{"class":333,"line":2403},[3151,3155,3159,3163,3167],{"type":139,"tag":331,"props":3152,"children":3153},{"style":596},[3154],{"type":144,"value":627},{"type":139,"tag":331,"props":3156,"children":3157},{"style":361},[3158],{"type":144,"value":604},{"type":139,"tag":331,"props":3160,"children":3161},{"style":361},[3162],{"type":144,"value":609},{"type":139,"tag":331,"props":3164,"children":3165},{"style":422},[3166],{"type":144,"value":1924},{"type":139,"tag":331,"props":3168,"children":3169},{"style":361},[3170],{"type":144,"value":619},{"type":139,"tag":331,"props":3172,"children":3174},{"class":333,"line":3173},16,[3175,3179,3183,3187,3192,3196,3200,3204,3208,3212,3217,3221,3225],{"type":139,"tag":331,"props":3176,"children":3177},{"style":596},[3178],{"type":144,"value":1964},{"type":139,"tag":331,"props":3180,"children":3181},{"style":361},[3182],{"type":144,"value":604},{"type":139,"tag":331,"props":3184,"children":3185},{"style":361},[3186],{"type":144,"value":609},{"type":139,"tag":331,"props":3188,"children":3189},{"style":422},[3190],{"type":144,"value":3191},"{focus:'200x200', cover:'1:1'}",{"type":139,"tag":331,"props":3193,"children":3194},{"style":361},[3195],{"type":144,"value":609},{"type":139,"tag":331,"props":3197,"children":3198},{"style":361},[3199],{"type":144,"value":2146},{"type":139,"tag":331,"props":3201,"children":3202},{"style":596},[3203],{"type":144,"value":3074},{"type":139,"tag":331,"props":3205,"children":3206},{"style":596},[3207],{"type":144,"value":3079},{"type":139,"tag":331,"props":3209,"children":3210},{"style":596},[3211],{"type":144,"value":2952},{"type":139,"tag":331,"props":3213,"children":3214},{"style":596},[3215],{"type":144,"value":3216}," selected",{"type":139,"tag":331,"props":3218,"children":3219},{"style":596},[3220],{"type":144,"value":2387},{"type":139,"tag":331,"props":3222,"children":3223},{"style":596},[3224],{"type":144,"value":2166},{"type":139,"tag":331,"props":3226,"children":3227},{"style":361},[3228],{"type":144,"value":2171},{"type":139,"tag":331,"props":3230,"children":3232},{"class":333,"line":3231},17,[3233],{"type":139,"tag":331,"props":3234,"children":3235},{"style":355},[3236],{"type":144,"value":685},{"type":139,"tag":140,"props":3238,"children":3239},{},[3240,3245],{"type":139,"tag":3241,"props":3242,"children":3243},"em",{},[3244],{"type":144,"value":1431},{"type":144,"value":3246}," : focus must be placed before the transformations modifying the output image (namely cover, crop and resize).",{"type":139,"tag":140,"props":3248,"children":3249},{},[3250,3251,3262],{"type":144,"value":1369},{"type":139,"tag":147,"props":3252,"children":3255},{"href":3253,"rel":3254},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#focus",[151],[3256,3257,3261],{"type":144,"value":2419},{"type":139,"tag":199,"props":3258,"children":3259},{"className":127},[3260],{"type":144,"value":2799},{"type":144,"value":2425},{"type":144,"value":266},{"type":139,"tag":507,"props":3264,"children":3266},{"id":3265},"truecolor",[3267],{"type":144,"value":3265},{"type":139,"tag":140,"props":3269,"children":3270},{},[3271,3275],{"type":139,"tag":199,"props":3272,"children":3273},{"className":127},[3274],{"type":144,"value":3265},{"type":144,"value":3276}," can be used to prevent color quantization. If no boolean is provided, true is assumed.",{"type":139,"tag":140,"props":3278,"children":3279},{},[3280],{"type":144,"value":3281},"By default, quantization is allowed (truecolor=false).",{"type":139,"tag":140,"props":3283,"children":3284},{},[3285,3287,3292],{"type":144,"value":3286},"Quantization occurs whenever the output format is ",{"type":139,"tag":199,"props":3288,"children":3289},{"className":127},[3290],{"type":144,"value":3291},"png",{"type":144,"value":266},{"type":139,"tag":140,"props":3294,"children":3295},{},[3296,3298,3302,3304,3308],{"type":144,"value":3297},"Use truecolor if you want to distribute substantially larger but more accurate images with translucency to users on browsers with no ",{"type":139,"tag":199,"props":3299,"children":3300},{"className":127},[3301],{"type":144,"value":203},{"type":144,"value":3303}," support or when ",{"type":139,"tag":199,"props":3305,"children":3306},{"className":127},[3307],{"type":144,"value":3291},{"type":144,"value":3309}," is required as output format.",{"type":139,"tag":320,"props":3311,"children":3313},{"className":571,"code":3312,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/peacock.jpg\"\n  format=\"png\"\n  :modifiers=\"{truecolor:true}\" \u003C!-- disallowes color quantization -->\n/>\n\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/peacock.jpg\"\n  format=\"png\"\n  :modifiers=\"{truecolor:false}\" \u003C!-- allowes color quantization (default value) -->\n/>\n",[3314],{"type":139,"tag":199,"props":3315,"children":3316},{"__ignoreMap":127},[3317,3328,3351,3375,3398,3449,3456,3463,3474,3497,3520,3543,3602],{"type":139,"tag":331,"props":3318,"children":3319},{"class":333,"line":334},[3320,3324],{"type":139,"tag":331,"props":3321,"children":3322},{"style":361},[3323],{"type":144,"value":585},{"type":139,"tag":331,"props":3325,"children":3326},{"style":371},[3327],{"type":144,"value":590},{"type":139,"tag":331,"props":3329,"children":3330},{"class":333,"line":367},[3331,3335,3339,3343,3347],{"type":139,"tag":331,"props":3332,"children":3333},{"style":596},[3334],{"type":144,"value":599},{"type":139,"tag":331,"props":3336,"children":3337},{"style":361},[3338],{"type":144,"value":604},{"type":139,"tag":331,"props":3340,"children":3341},{"style":361},[3342],{"type":144,"value":609},{"type":139,"tag":331,"props":3344,"children":3345},{"style":422},[3346],{"type":144,"value":614},{"type":139,"tag":331,"props":3348,"children":3349},{"style":361},[3350],{"type":144,"value":619},{"type":139,"tag":331,"props":3352,"children":3353},{"class":333,"line":387},[3354,3358,3362,3366,3371],{"type":139,"tag":331,"props":3355,"children":3356},{"style":596},[3357],{"type":144,"value":627},{"type":139,"tag":331,"props":3359,"children":3360},{"style":361},[3361],{"type":144,"value":604},{"type":139,"tag":331,"props":3363,"children":3364},{"style":361},[3365],{"type":144,"value":609},{"type":139,"tag":331,"props":3367,"children":3368},{"style":422},[3369],{"type":144,"value":3370},"/peacock.jpg",{"type":139,"tag":331,"props":3372,"children":3373},{"style":361},[3374],{"type":144,"value":619},{"type":139,"tag":331,"props":3376,"children":3377},{"class":333,"line":404},[3378,3382,3386,3390,3394],{"type":139,"tag":331,"props":3379,"children":3380},{"style":596},[3381],{"type":144,"value":1235},{"type":139,"tag":331,"props":3383,"children":3384},{"style":361},[3385],{"type":144,"value":604},{"type":139,"tag":331,"props":3387,"children":3388},{"style":361},[3389],{"type":144,"value":609},{"type":139,"tag":331,"props":3391,"children":3392},{"style":422},[3393],{"type":144,"value":3291},{"type":139,"tag":331,"props":3395,"children":3396},{"style":361},[3397],{"type":144,"value":619},{"type":139,"tag":331,"props":3399,"children":3400},{"class":333,"line":433},[3401,3405,3409,3413,3418,3422,3426,3431,3436,3441,3445],{"type":139,"tag":331,"props":3402,"children":3403},{"style":596},[3404],{"type":144,"value":1964},{"type":139,"tag":331,"props":3406,"children":3407},{"style":361},[3408],{"type":144,"value":604},{"type":139,"tag":331,"props":3410,"children":3411},{"style":361},[3412],{"type":144,"value":609},{"type":139,"tag":331,"props":3414,"children":3415},{"style":422},[3416],{"type":144,"value":3417},"{truecolor:true}",{"type":139,"tag":331,"props":3419,"children":3420},{"style":361},[3421],{"type":144,"value":609},{"type":139,"tag":331,"props":3423,"children":3424},{"style":361},[3425],{"type":144,"value":2146},{"type":139,"tag":331,"props":3427,"children":3428},{"style":596},[3429],{"type":144,"value":3430},"disallowes",{"type":139,"tag":331,"props":3432,"children":3433},{"style":596},[3434],{"type":144,"value":3435}," color",{"type":139,"tag":331,"props":3437,"children":3438},{"style":596},[3439],{"type":144,"value":3440}," quantization",{"type":139,"tag":331,"props":3442,"children":3443},{"style":596},[3444],{"type":144,"value":2166},{"type":139,"tag":331,"props":3446,"children":3447},{"style":361},[3448],{"type":144,"value":2171},{"type":139,"tag":331,"props":3450,"children":3451},{"class":333,"line":443},[3452],{"type":139,"tag":331,"props":3453,"children":3454},{"style":355},[3455],{"type":144,"value":685},{"type":139,"tag":331,"props":3457,"children":3458},{"class":333,"line":452},[3459],{"type":139,"tag":331,"props":3460,"children":3461},{"emptyLinePlaceholder":2981},[3462],{"type":144,"value":2984},{"type":139,"tag":331,"props":3464,"children":3465},{"class":333,"line":461},[3466,3470],{"type":139,"tag":331,"props":3467,"children":3468},{"style":361},[3469],{"type":144,"value":585},{"type":139,"tag":331,"props":3471,"children":3472},{"style":371},[3473],{"type":144,"value":590},{"type":139,"tag":331,"props":3475,"children":3476},{"class":333,"line":470},[3477,3481,3485,3489,3493],{"type":139,"tag":331,"props":3478,"children":3479},{"style":596},[3480],{"type":144,"value":599},{"type":139,"tag":331,"props":3482,"children":3483},{"style":361},[3484],{"type":144,"value":604},{"type":139,"tag":331,"props":3486,"children":3487},{"style":361},[3488],{"type":144,"value":609},{"type":139,"tag":331,"props":3490,"children":3491},{"style":422},[3492],{"type":144,"value":614},{"type":139,"tag":331,"props":3494,"children":3495},{"style":361},[3496],{"type":144,"value":619},{"type":139,"tag":331,"props":3498,"children":3499},{"class":333,"line":2283},[3500,3504,3508,3512,3516],{"type":139,"tag":331,"props":3501,"children":3502},{"style":596},[3503],{"type":144,"value":627},{"type":139,"tag":331,"props":3505,"children":3506},{"style":361},[3507],{"type":144,"value":604},{"type":139,"tag":331,"props":3509,"children":3510},{"style":361},[3511],{"type":144,"value":609},{"type":139,"tag":331,"props":3513,"children":3514},{"style":422},[3515],{"type":144,"value":3370},{"type":139,"tag":331,"props":3517,"children":3518},{"style":361},[3519],{"type":144,"value":619},{"type":139,"tag":331,"props":3521,"children":3522},{"class":333,"line":2291},[3523,3527,3531,3535,3539],{"type":139,"tag":331,"props":3524,"children":3525},{"style":596},[3526],{"type":144,"value":1235},{"type":139,"tag":331,"props":3528,"children":3529},{"style":361},[3530],{"type":144,"value":604},{"type":139,"tag":331,"props":3532,"children":3533},{"style":361},[3534],{"type":144,"value":609},{"type":139,"tag":331,"props":3536,"children":3537},{"style":422},[3538],{"type":144,"value":3291},{"type":139,"tag":331,"props":3540,"children":3541},{"style":361},[3542],{"type":144,"value":619},{"type":139,"tag":331,"props":3544,"children":3545},{"class":333,"line":2303},[3546,3550,3554,3558,3563,3567,3571,3576,3580,3584,3589,3594,3598],{"type":139,"tag":331,"props":3547,"children":3548},{"style":596},[3549],{"type":144,"value":1964},{"type":139,"tag":331,"props":3551,"children":3552},{"style":361},[3553],{"type":144,"value":604},{"type":139,"tag":331,"props":3555,"children":3556},{"style":361},[3557],{"type":144,"value":609},{"type":139,"tag":331,"props":3559,"children":3560},{"style":422},[3561],{"type":144,"value":3562},"{truecolor:false}",{"type":139,"tag":331,"props":3564,"children":3565},{"style":361},[3566],{"type":144,"value":609},{"type":139,"tag":331,"props":3568,"children":3569},{"style":361},[3570],{"type":144,"value":2146},{"type":139,"tag":331,"props":3572,"children":3573},{"style":596},[3574],{"type":144,"value":3575},"allowes",{"type":139,"tag":331,"props":3577,"children":3578},{"style":596},[3579],{"type":144,"value":3435},{"type":139,"tag":331,"props":3581,"children":3582},{"style":596},[3583],{"type":144,"value":3440},{"type":139,"tag":331,"props":3585,"children":3586},{"style":596},[3587],{"type":144,"value":3588}," (default",{"type":139,"tag":331,"props":3590,"children":3591},{"style":596},[3592],{"type":144,"value":3593}," value)",{"type":139,"tag":331,"props":3595,"children":3596},{"style":596},[3597],{"type":144,"value":2166},{"type":139,"tag":331,"props":3599,"children":3600},{"style":361},[3601],{"type":144,"value":2171},{"type":139,"tag":331,"props":3603,"children":3604},{"class":333,"line":2327},[3605],{"type":139,"tag":331,"props":3606,"children":3607},{"style":355},[3608],{"type":144,"value":685},{"type":139,"tag":140,"props":3610,"children":3611},{},[3612,3613,3624],{"type":144,"value":1369},{"type":139,"tag":147,"props":3614,"children":3617},{"href":3615,"rel":3616},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#truecolor",[151],[3618,3619,3623],{"type":144,"value":2419},{"type":139,"tag":199,"props":3620,"children":3621},{"className":127},[3622],{"type":144,"value":3265},{"type":144,"value":2425},{"type":144,"value":266},{"type":139,"tag":507,"props":3626,"children":3627},{"id":250},[3628],{"type":144,"value":250},{"type":139,"tag":140,"props":3630,"children":3631},{},[3632,3636],{"type":139,"tag":199,"props":3633,"children":3634},{"className":127},[3635],{"type":144,"value":250},{"type":144,"value":3637}," 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°.",{"type":139,"tag":140,"props":3639,"children":3640},{},[3641,3642,3647,3655],{"type":144,"value":556},{"type":139,"tag":199,"props":3643,"children":3644},{"className":127},[3645],{"type":144,"value":3646},"{ turn: ",{"type":139,"tag":147,"props":3648,"children":3650},{"href":1399,"rel":3649},[151],[3651],{"type":139,"tag":199,"props":3652,"children":3653},{"className":127},[3654],{"type":144,"value":1406},{"type":139,"tag":199,"props":3656,"children":3657},{"className":127},[3658],{"type":144,"value":3659}," | 'flip' | 'left' | 'right' }",{"type":139,"tag":320,"props":3661,"children":3663},{"className":571,"code":3662,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{turn:'left'}\" \u003C!-- turns image at -90° -->\n/>\n\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{turn:180}\" \u003C!-- turns image at 180° -->\n/>\n",[3664],{"type":139,"tag":199,"props":3665,"children":3666},{"__ignoreMap":127},[3667,3678,3701,3724,3780,3787,3794,3805,3828,3851,3904],{"type":139,"tag":331,"props":3668,"children":3669},{"class":333,"line":334},[3670,3674],{"type":139,"tag":331,"props":3671,"children":3672},{"style":361},[3673],{"type":144,"value":585},{"type":139,"tag":331,"props":3675,"children":3676},{"style":371},[3677],{"type":144,"value":590},{"type":139,"tag":331,"props":3679,"children":3680},{"class":333,"line":367},[3681,3685,3689,3693,3697],{"type":139,"tag":331,"props":3682,"children":3683},{"style":596},[3684],{"type":144,"value":599},{"type":139,"tag":331,"props":3686,"children":3687},{"style":361},[3688],{"type":144,"value":604},{"type":139,"tag":331,"props":3690,"children":3691},{"style":361},[3692],{"type":144,"value":609},{"type":139,"tag":331,"props":3694,"children":3695},{"style":422},[3696],{"type":144,"value":614},{"type":139,"tag":331,"props":3698,"children":3699},{"style":361},[3700],{"type":144,"value":619},{"type":139,"tag":331,"props":3702,"children":3703},{"class":333,"line":387},[3704,3708,3712,3716,3720],{"type":139,"tag":331,"props":3705,"children":3706},{"style":596},[3707],{"type":144,"value":627},{"type":139,"tag":331,"props":3709,"children":3710},{"style":361},[3711],{"type":144,"value":604},{"type":139,"tag":331,"props":3713,"children":3714},{"style":361},[3715],{"type":144,"value":609},{"type":139,"tag":331,"props":3717,"children":3718},{"style":422},[3719],{"type":144,"value":640},{"type":139,"tag":331,"props":3721,"children":3722},{"style":361},[3723],{"type":144,"value":619},{"type":139,"tag":331,"props":3725,"children":3726},{"class":333,"line":404},[3727,3731,3735,3739,3744,3748,3752,3757,3762,3767,3772,3776],{"type":139,"tag":331,"props":3728,"children":3729},{"style":596},[3730],{"type":144,"value":1964},{"type":139,"tag":331,"props":3732,"children":3733},{"style":361},[3734],{"type":144,"value":604},{"type":139,"tag":331,"props":3736,"children":3737},{"style":361},[3738],{"type":144,"value":609},{"type":139,"tag":331,"props":3740,"children":3741},{"style":422},[3742],{"type":144,"value":3743},"{turn:'left'}",{"type":139,"tag":331,"props":3745,"children":3746},{"style":361},[3747],{"type":144,"value":609},{"type":139,"tag":331,"props":3749,"children":3750},{"style":361},[3751],{"type":144,"value":2146},{"type":139,"tag":331,"props":3753,"children":3754},{"style":596},[3755],{"type":144,"value":3756},"turns",{"type":139,"tag":331,"props":3758,"children":3759},{"style":596},[3760],{"type":144,"value":3761}," image",{"type":139,"tag":331,"props":3763,"children":3764},{"style":596},[3765],{"type":144,"value":3766}," at",{"type":139,"tag":331,"props":3768,"children":3769},{"style":596},[3770],{"type":144,"value":3771}," -90°",{"type":139,"tag":331,"props":3773,"children":3774},{"style":596},[3775],{"type":144,"value":2166},{"type":139,"tag":331,"props":3777,"children":3778},{"style":361},[3779],{"type":144,"value":2171},{"type":139,"tag":331,"props":3781,"children":3782},{"class":333,"line":433},[3783],{"type":139,"tag":331,"props":3784,"children":3785},{"style":355},[3786],{"type":144,"value":685},{"type":139,"tag":331,"props":3788,"children":3789},{"class":333,"line":443},[3790],{"type":139,"tag":331,"props":3791,"children":3792},{"emptyLinePlaceholder":2981},[3793],{"type":144,"value":2984},{"type":139,"tag":331,"props":3795,"children":3796},{"class":333,"line":452},[3797,3801],{"type":139,"tag":331,"props":3798,"children":3799},{"style":361},[3800],{"type":144,"value":585},{"type":139,"tag":331,"props":3802,"children":3803},{"style":371},[3804],{"type":144,"value":590},{"type":139,"tag":331,"props":3806,"children":3807},{"class":333,"line":461},[3808,3812,3816,3820,3824],{"type":139,"tag":331,"props":3809,"children":3810},{"style":596},[3811],{"type":144,"value":599},{"type":139,"tag":331,"props":3813,"children":3814},{"style":361},[3815],{"type":144,"value":604},{"type":139,"tag":331,"props":3817,"children":3818},{"style":361},[3819],{"type":144,"value":609},{"type":139,"tag":331,"props":3821,"children":3822},{"style":422},[3823],{"type":144,"value":614},{"type":139,"tag":331,"props":3825,"children":3826},{"style":361},[3827],{"type":144,"value":619},{"type":139,"tag":331,"props":3829,"children":3830},{"class":333,"line":470},[3831,3835,3839,3843,3847],{"type":139,"tag":331,"props":3832,"children":3833},{"style":596},[3834],{"type":144,"value":627},{"type":139,"tag":331,"props":3836,"children":3837},{"style":361},[3838],{"type":144,"value":604},{"type":139,"tag":331,"props":3840,"children":3841},{"style":361},[3842],{"type":144,"value":609},{"type":139,"tag":331,"props":3844,"children":3845},{"style":422},[3846],{"type":144,"value":640},{"type":139,"tag":331,"props":3848,"children":3849},{"style":361},[3850],{"type":144,"value":619},{"type":139,"tag":331,"props":3852,"children":3853},{"class":333,"line":2283},[3854,3858,3862,3866,3871,3875,3879,3883,3887,3891,3896,3900],{"type":139,"tag":331,"props":3855,"children":3856},{"style":596},[3857],{"type":144,"value":1964},{"type":139,"tag":331,"props":3859,"children":3860},{"style":361},[3861],{"type":144,"value":604},{"type":139,"tag":331,"props":3863,"children":3864},{"style":361},[3865],{"type":144,"value":609},{"type":139,"tag":331,"props":3867,"children":3868},{"style":422},[3869],{"type":144,"value":3870},"{turn:180}",{"type":139,"tag":331,"props":3872,"children":3873},{"style":361},[3874],{"type":144,"value":609},{"type":139,"tag":331,"props":3876,"children":3877},{"style":361},[3878],{"type":144,"value":2146},{"type":139,"tag":331,"props":3880,"children":3881},{"style":596},[3882],{"type":144,"value":3756},{"type":139,"tag":331,"props":3884,"children":3885},{"style":596},[3886],{"type":144,"value":3761},{"type":139,"tag":331,"props":3888,"children":3889},{"style":596},[3890],{"type":144,"value":3766},{"type":139,"tag":331,"props":3892,"children":3893},{"style":596},[3894],{"type":144,"value":3895}," 180°",{"type":139,"tag":331,"props":3897,"children":3898},{"style":596},[3899],{"type":144,"value":2166},{"type":139,"tag":331,"props":3901,"children":3902},{"style":361},[3903],{"type":144,"value":2171},{"type":139,"tag":331,"props":3905,"children":3906},{"class":333,"line":2291},[3907],{"type":139,"tag":331,"props":3908,"children":3909},{"style":355},[3910],{"type":144,"value":685},{"type":139,"tag":140,"props":3912,"children":3913},{},[3914,3915,3926],{"type":144,"value":1369},{"type":139,"tag":147,"props":3916,"children":3919},{"href":3917,"rel":3918},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#turn",[151],[3920,3921,3925],{"type":144,"value":2419},{"type":139,"tag":199,"props":3922,"children":3923},{"className":127},[3924],{"type":144,"value":250},{"type":144,"value":2425},{"type":144,"value":266},{"type":139,"tag":507,"props":3928,"children":3929},{"id":264},[3930],{"type":144,"value":264},{"type":139,"tag":140,"props":3932,"children":3933},{},[3934],{"type":144,"value":3935},"Zooms into the image by a factor equal or superior to 1 towards the focus point while preserving the image size.",{"type":139,"tag":140,"props":3937,"children":3938},{},[3939,3940,3945,3953],{"type":144,"value":556},{"type":139,"tag":199,"props":3941,"children":3942},{"className":127},[3943],{"type":144,"value":3944},"{ zoom: ",{"type":139,"tag":147,"props":3946,"children":3948},{"href":1399,"rel":3947},[151],[3949],{"type":139,"tag":199,"props":3950,"children":3951},{"className":127},[3952],{"type":144,"value":1406},{"type":139,"tag":199,"props":3954,"children":3955},{"className":127},[3956],{"type":144,"value":2052},{"type":139,"tag":320,"props":3958,"children":3960},{"className":571,"code":3959,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n  :modifiers=\"{zoom:1.5}\" \u003C!-- zooms into image by a factor 1.5 -->\n/>\n\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n :modifiers=\"{zoom:3}\" \u003C!-- zooms into image by a factor 3 -->\n/>\n\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n :modifiers=\"{focus:'auto', zoom:3}\" \u003C!-- zooms into image by a factor 3 in direction of the focus-->\n/>\n\n\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cherry-3.jpg\"\n :modifiers=\"{focus:'200x200', zoom:3}\" \u003C!-- zooms into image by a factor 3 in direction of the focus-->\n/>\n\n",[3961],{"type":139,"tag":199,"props":3962,"children":3963},{"__ignoreMap":127},[3964,3975,3998,4022,4092,4099,4106,4117,4140,4163,4229,4236,4243,4254,4277,4300,4385,4392,4400,4412,4436,4460,4541],{"type":139,"tag":331,"props":3965,"children":3966},{"class":333,"line":334},[3967,3971],{"type":139,"tag":331,"props":3968,"children":3969},{"style":361},[3970],{"type":144,"value":585},{"type":139,"tag":331,"props":3972,"children":3973},{"style":371},[3974],{"type":144,"value":590},{"type":139,"tag":331,"props":3976,"children":3977},{"class":333,"line":367},[3978,3982,3986,3990,3994],{"type":139,"tag":331,"props":3979,"children":3980},{"style":596},[3981],{"type":144,"value":599},{"type":139,"tag":331,"props":3983,"children":3984},{"style":361},[3985],{"type":144,"value":604},{"type":139,"tag":331,"props":3987,"children":3988},{"style":361},[3989],{"type":144,"value":609},{"type":139,"tag":331,"props":3991,"children":3992},{"style":422},[3993],{"type":144,"value":614},{"type":139,"tag":331,"props":3995,"children":3996},{"style":361},[3997],{"type":144,"value":619},{"type":139,"tag":331,"props":3999,"children":4000},{"class":333,"line":387},[4001,4005,4009,4013,4018],{"type":139,"tag":331,"props":4002,"children":4003},{"style":596},[4004],{"type":144,"value":627},{"type":139,"tag":331,"props":4006,"children":4007},{"style":361},[4008],{"type":144,"value":604},{"type":139,"tag":331,"props":4010,"children":4011},{"style":361},[4012],{"type":144,"value":609},{"type":139,"tag":331,"props":4014,"children":4015},{"style":422},[4016],{"type":144,"value":4017},"/cherry-3.jpg",{"type":139,"tag":331,"props":4019,"children":4020},{"style":361},[4021],{"type":144,"value":619},{"type":139,"tag":331,"props":4023,"children":4024},{"class":333,"line":404},[4025,4029,4033,4037,4042,4046,4050,4055,4060,4064,4069,4074,4079,4084,4088],{"type":139,"tag":331,"props":4026,"children":4027},{"style":596},[4028],{"type":144,"value":1964},{"type":139,"tag":331,"props":4030,"children":4031},{"style":361},[4032],{"type":144,"value":604},{"type":139,"tag":331,"props":4034,"children":4035},{"style":361},[4036],{"type":144,"value":609},{"type":139,"tag":331,"props":4038,"children":4039},{"style":422},[4040],{"type":144,"value":4041},"{zoom:1.5}",{"type":139,"tag":331,"props":4043,"children":4044},{"style":361},[4045],{"type":144,"value":609},{"type":139,"tag":331,"props":4047,"children":4048},{"style":361},[4049],{"type":144,"value":2146},{"type":139,"tag":331,"props":4051,"children":4052},{"style":596},[4053],{"type":144,"value":4054},"zooms",{"type":139,"tag":331,"props":4056,"children":4057},{"style":596},[4058],{"type":144,"value":4059}," into",{"type":139,"tag":331,"props":4061,"children":4062},{"style":596},[4063],{"type":144,"value":3761},{"type":139,"tag":331,"props":4065,"children":4066},{"style":596},[4067],{"type":144,"value":4068}," by",{"type":139,"tag":331,"props":4070,"children":4071},{"style":596},[4072],{"type":144,"value":4073}," a",{"type":139,"tag":331,"props":4075,"children":4076},{"style":596},[4077],{"type":144,"value":4078}," factor",{"type":139,"tag":331,"props":4080,"children":4081},{"style":596},[4082],{"type":144,"value":4083}," 1.5",{"type":139,"tag":331,"props":4085,"children":4086},{"style":596},[4087],{"type":144,"value":2166},{"type":139,"tag":331,"props":4089,"children":4090},{"style":361},[4091],{"type":144,"value":2171},{"type":139,"tag":331,"props":4093,"children":4094},{"class":333,"line":433},[4095],{"type":139,"tag":331,"props":4096,"children":4097},{"style":355},[4098],{"type":144,"value":685},{"type":139,"tag":331,"props":4100,"children":4101},{"class":333,"line":443},[4102],{"type":139,"tag":331,"props":4103,"children":4104},{"emptyLinePlaceholder":2981},[4105],{"type":144,"value":2984},{"type":139,"tag":331,"props":4107,"children":4108},{"class":333,"line":452},[4109,4113],{"type":139,"tag":331,"props":4110,"children":4111},{"style":361},[4112],{"type":144,"value":585},{"type":139,"tag":331,"props":4114,"children":4115},{"style":371},[4116],{"type":144,"value":590},{"type":139,"tag":331,"props":4118,"children":4119},{"class":333,"line":461},[4120,4124,4128,4132,4136],{"type":139,"tag":331,"props":4121,"children":4122},{"style":596},[4123],{"type":144,"value":599},{"type":139,"tag":331,"props":4125,"children":4126},{"style":361},[4127],{"type":144,"value":604},{"type":139,"tag":331,"props":4129,"children":4130},{"style":361},[4131],{"type":144,"value":609},{"type":139,"tag":331,"props":4133,"children":4134},{"style":422},[4135],{"type":144,"value":614},{"type":139,"tag":331,"props":4137,"children":4138},{"style":361},[4139],{"type":144,"value":619},{"type":139,"tag":331,"props":4141,"children":4142},{"class":333,"line":470},[4143,4147,4151,4155,4159],{"type":139,"tag":331,"props":4144,"children":4145},{"style":596},[4146],{"type":144,"value":627},{"type":139,"tag":331,"props":4148,"children":4149},{"style":361},[4150],{"type":144,"value":604},{"type":139,"tag":331,"props":4152,"children":4153},{"style":361},[4154],{"type":144,"value":609},{"type":139,"tag":331,"props":4156,"children":4157},{"style":422},[4158],{"type":144,"value":4017},{"type":139,"tag":331,"props":4160,"children":4161},{"style":361},[4162],{"type":144,"value":619},{"type":139,"tag":331,"props":4164,"children":4165},{"class":333,"line":2283},[4166,4171,4175,4179,4184,4188,4192,4196,4200,4204,4208,4212,4216,4221,4225],{"type":139,"tag":331,"props":4167,"children":4168},{"style":596},[4169],{"type":144,"value":4170}," :modifiers",{"type":139,"tag":331,"props":4172,"children":4173},{"style":361},[4174],{"type":144,"value":604},{"type":139,"tag":331,"props":4176,"children":4177},{"style":361},[4178],{"type":144,"value":609},{"type":139,"tag":331,"props":4180,"children":4181},{"style":422},[4182],{"type":144,"value":4183},"{zoom:3}",{"type":139,"tag":331,"props":4185,"children":4186},{"style":361},[4187],{"type":144,"value":609},{"type":139,"tag":331,"props":4189,"children":4190},{"style":361},[4191],{"type":144,"value":2146},{"type":139,"tag":331,"props":4193,"children":4194},{"style":596},[4195],{"type":144,"value":4054},{"type":139,"tag":331,"props":4197,"children":4198},{"style":596},[4199],{"type":144,"value":4059},{"type":139,"tag":331,"props":4201,"children":4202},{"style":596},[4203],{"type":144,"value":3761},{"type":139,"tag":331,"props":4205,"children":4206},{"style":596},[4207],{"type":144,"value":4068},{"type":139,"tag":331,"props":4209,"children":4210},{"style":596},[4211],{"type":144,"value":4073},{"type":139,"tag":331,"props":4213,"children":4214},{"style":596},[4215],{"type":144,"value":4078},{"type":139,"tag":331,"props":4217,"children":4218},{"style":596},[4219],{"type":144,"value":4220}," 3",{"type":139,"tag":331,"props":4222,"children":4223},{"style":596},[4224],{"type":144,"value":2166},{"type":139,"tag":331,"props":4226,"children":4227},{"style":361},[4228],{"type":144,"value":2171},{"type":139,"tag":331,"props":4230,"children":4231},{"class":333,"line":2291},[4232],{"type":139,"tag":331,"props":4233,"children":4234},{"style":355},[4235],{"type":144,"value":685},{"type":139,"tag":331,"props":4237,"children":4238},{"class":333,"line":2303},[4239],{"type":139,"tag":331,"props":4240,"children":4241},{"emptyLinePlaceholder":2981},[4242],{"type":144,"value":2984},{"type":139,"tag":331,"props":4244,"children":4245},{"class":333,"line":2327},[4246,4250],{"type":139,"tag":331,"props":4247,"children":4248},{"style":361},[4249],{"type":144,"value":585},{"type":139,"tag":331,"props":4251,"children":4252},{"style":371},[4253],{"type":144,"value":590},{"type":139,"tag":331,"props":4255,"children":4256},{"class":333,"line":2351},[4257,4261,4265,4269,4273],{"type":139,"tag":331,"props":4258,"children":4259},{"style":596},[4260],{"type":144,"value":599},{"type":139,"tag":331,"props":4262,"children":4263},{"style":361},[4264],{"type":144,"value":604},{"type":139,"tag":331,"props":4266,"children":4267},{"style":361},[4268],{"type":144,"value":609},{"type":139,"tag":331,"props":4270,"children":4271},{"style":422},[4272],{"type":144,"value":614},{"type":139,"tag":331,"props":4274,"children":4275},{"style":361},[4276],{"type":144,"value":619},{"type":139,"tag":331,"props":4278,"children":4279},{"class":333,"line":2403},[4280,4284,4288,4292,4296],{"type":139,"tag":331,"props":4281,"children":4282},{"style":596},[4283],{"type":144,"value":627},{"type":139,"tag":331,"props":4285,"children":4286},{"style":361},[4287],{"type":144,"value":604},{"type":139,"tag":331,"props":4289,"children":4290},{"style":361},[4291],{"type":144,"value":609},{"type":139,"tag":331,"props":4293,"children":4294},{"style":422},[4295],{"type":144,"value":4017},{"type":139,"tag":331,"props":4297,"children":4298},{"style":361},[4299],{"type":144,"value":619},{"type":139,"tag":331,"props":4301,"children":4302},{"class":333,"line":3173},[4303,4307,4311,4315,4320,4324,4328,4332,4336,4340,4344,4348,4352,4356,4361,4366,4371,4376,4381],{"type":139,"tag":331,"props":4304,"children":4305},{"style":596},[4306],{"type":144,"value":4170},{"type":139,"tag":331,"props":4308,"children":4309},{"style":361},[4310],{"type":144,"value":604},{"type":139,"tag":331,"props":4312,"children":4313},{"style":361},[4314],{"type":144,"value":609},{"type":139,"tag":331,"props":4316,"children":4317},{"style":422},[4318],{"type":144,"value":4319},"{focus:'auto', zoom:3}",{"type":139,"tag":331,"props":4321,"children":4322},{"style":361},[4323],{"type":144,"value":609},{"type":139,"tag":331,"props":4325,"children":4326},{"style":361},[4327],{"type":144,"value":2146},{"type":139,"tag":331,"props":4329,"children":4330},{"style":596},[4331],{"type":144,"value":4054},{"type":139,"tag":331,"props":4333,"children":4334},{"style":596},[4335],{"type":144,"value":4059},{"type":139,"tag":331,"props":4337,"children":4338},{"style":596},[4339],{"type":144,"value":3761},{"type":139,"tag":331,"props":4341,"children":4342},{"style":596},[4343],{"type":144,"value":4068},{"type":139,"tag":331,"props":4345,"children":4346},{"style":596},[4347],{"type":144,"value":4073},{"type":139,"tag":331,"props":4349,"children":4350},{"style":596},[4351],{"type":144,"value":4078},{"type":139,"tag":331,"props":4353,"children":4354},{"style":596},[4355],{"type":144,"value":4220},{"type":139,"tag":331,"props":4357,"children":4358},{"style":596},[4359],{"type":144,"value":4360}," in",{"type":139,"tag":331,"props":4362,"children":4363},{"style":596},[4364],{"type":144,"value":4365}," direction",{"type":139,"tag":331,"props":4367,"children":4368},{"style":596},[4369],{"type":144,"value":4370}," of",{"type":139,"tag":331,"props":4372,"children":4373},{"style":596},[4374],{"type":144,"value":4375}," the",{"type":139,"tag":331,"props":4377,"children":4378},{"style":596},[4379],{"type":144,"value":4380}," focus--",{"type":139,"tag":331,"props":4382,"children":4383},{"style":361},[4384],{"type":144,"value":2171},{"type":139,"tag":331,"props":4386,"children":4387},{"class":333,"line":3231},[4388],{"type":139,"tag":331,"props":4389,"children":4390},{"style":355},[4391],{"type":144,"value":685},{"type":139,"tag":331,"props":4393,"children":4395},{"class":333,"line":4394},18,[4396],{"type":139,"tag":331,"props":4397,"children":4398},{"emptyLinePlaceholder":2981},[4399],{"type":144,"value":2984},{"type":139,"tag":331,"props":4401,"children":4403},{"class":333,"line":4402},19,[4404,4408],{"type":139,"tag":331,"props":4405,"children":4406},{"style":361},[4407],{"type":144,"value":585},{"type":139,"tag":331,"props":4409,"children":4410},{"style":371},[4411],{"type":144,"value":590},{"type":139,"tag":331,"props":4413,"children":4415},{"class":333,"line":4414},20,[4416,4420,4424,4428,4432],{"type":139,"tag":331,"props":4417,"children":4418},{"style":596},[4419],{"type":144,"value":599},{"type":139,"tag":331,"props":4421,"children":4422},{"style":361},[4423],{"type":144,"value":604},{"type":139,"tag":331,"props":4425,"children":4426},{"style":361},[4427],{"type":144,"value":609},{"type":139,"tag":331,"props":4429,"children":4430},{"style":422},[4431],{"type":144,"value":614},{"type":139,"tag":331,"props":4433,"children":4434},{"style":361},[4435],{"type":144,"value":619},{"type":139,"tag":331,"props":4437,"children":4439},{"class":333,"line":4438},21,[4440,4444,4448,4452,4456],{"type":139,"tag":331,"props":4441,"children":4442},{"style":596},[4443],{"type":144,"value":627},{"type":139,"tag":331,"props":4445,"children":4446},{"style":361},[4447],{"type":144,"value":604},{"type":139,"tag":331,"props":4449,"children":4450},{"style":361},[4451],{"type":144,"value":609},{"type":139,"tag":331,"props":4453,"children":4454},{"style":422},[4455],{"type":144,"value":4017},{"type":139,"tag":331,"props":4457,"children":4458},{"style":361},[4459],{"type":144,"value":619},{"type":139,"tag":331,"props":4461,"children":4463},{"class":333,"line":4462},22,[4464,4468,4472,4476,4481,4485,4489,4493,4497,4501,4505,4509,4513,4517,4521,4525,4529,4533,4537],{"type":139,"tag":331,"props":4465,"children":4466},{"style":596},[4467],{"type":144,"value":4170},{"type":139,"tag":331,"props":4469,"children":4470},{"style":361},[4471],{"type":144,"value":604},{"type":139,"tag":331,"props":4473,"children":4474},{"style":361},[4475],{"type":144,"value":609},{"type":139,"tag":331,"props":4477,"children":4478},{"style":422},[4479],{"type":144,"value":4480},"{focus:'200x200', zoom:3}",{"type":139,"tag":331,"props":4482,"children":4483},{"style":361},[4484],{"type":144,"value":609},{"type":139,"tag":331,"props":4486,"children":4487},{"style":361},[4488],{"type":144,"value":2146},{"type":139,"tag":331,"props":4490,"children":4491},{"style":596},[4492],{"type":144,"value":4054},{"type":139,"tag":331,"props":4494,"children":4495},{"style":596},[4496],{"type":144,"value":4059},{"type":139,"tag":331,"props":4498,"children":4499},{"style":596},[4500],{"type":144,"value":3761},{"type":139,"tag":331,"props":4502,"children":4503},{"style":596},[4504],{"type":144,"value":4068},{"type":139,"tag":331,"props":4506,"children":4507},{"style":596},[4508],{"type":144,"value":4073},{"type":139,"tag":331,"props":4510,"children":4511},{"style":596},[4512],{"type":144,"value":4078},{"type":139,"tag":331,"props":4514,"children":4515},{"style":596},[4516],{"type":144,"value":4220},{"type":139,"tag":331,"props":4518,"children":4519},{"style":596},[4520],{"type":144,"value":4360},{"type":139,"tag":331,"props":4522,"children":4523},{"style":596},[4524],{"type":144,"value":4365},{"type":139,"tag":331,"props":4526,"children":4527},{"style":596},[4528],{"type":144,"value":4370},{"type":139,"tag":331,"props":4530,"children":4531},{"style":596},[4532],{"type":144,"value":4375},{"type":139,"tag":331,"props":4534,"children":4535},{"style":596},[4536],{"type":144,"value":4380},{"type":139,"tag":331,"props":4538,"children":4539},{"style":361},[4540],{"type":144,"value":2171},{"type":139,"tag":331,"props":4542,"children":4544},{"class":333,"line":4543},23,[4545],{"type":139,"tag":331,"props":4546,"children":4547},{"style":355},[4548],{"type":144,"value":685},{"type":139,"tag":140,"props":4550,"children":4551},{},[4552,4553,4564],{"type":144,"value":1369},{"type":139,"tag":147,"props":4554,"children":4557},{"href":4555,"rel":4556},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#zoom",[151],[4558,4559,4563],{"type":144,"value":2419},{"type":139,"tag":199,"props":4560,"children":4561},{"className":127},[4562],{"type":144,"value":264},{"type":144,"value":2425},{"type":144,"value":266},{"type":139,"tag":157,"props":4566,"children":4568},{"id":4567},"combination-of-parameters",[4569],{"type":144,"value":4570},"Combination of parameters",{"type":139,"tag":140,"props":4572,"children":4573},{},[4574,4576,4582],{"type":144,"value":4575},"You can combine several transformations of the ",{"type":139,"tag":147,"props":4577,"children":4579},{"href":1994,"rel":4578},[151],[4580],{"type":144,"value":4581},"TwicPics API",{"type":144,"value":266},{"type":139,"tag":140,"props":4584,"children":4585},{},[4586],{"type":144,"value":4587},"Be aware that the order of the parameters can be significant.",{"type":139,"tag":140,"props":4589,"children":4590},{},[4591],{"type":144,"value":1453},{"type":139,"tag":140,"props":4593,"children":4594},{},[4595],{"type":144,"value":4596},"This will return a variant of image for which we have, in order:",{"type":139,"tag":4598,"props":4599,"children":4600},"ol",{},[4601,4606,4611],{"type":139,"tag":183,"props":4602,"children":4603},{},[4604],{"type":144,"value":4605},"cropped the image from the center to 16:9 aspect ratio",{"type":139,"tag":183,"props":4607,"children":4608},{},[4609],{"type":144,"value":4610},"then placed the focus on the center of interest of the cropped image",{"type":139,"tag":183,"props":4612,"children":4613},{},[4614],{"type":144,"value":4615},"then rotate the image 90° to the left",{"type":139,"tag":140,"props":4617,"children":4618},{},[4619],{"type":144,"value":4620},"The result is a 9:16 (not 16:9) image with a possibly false area of interest.",{"type":139,"tag":320,"props":4622,"children":4624},{"className":571,"code":4623,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  :modifiers=\"{cover:'16:9', focus:'auto', turn:'left'}\"\n/>\n",[4625],{"type":139,"tag":199,"props":4626,"children":4627},{"__ignoreMap":127},[4628,4639,4662,4685,4709],{"type":139,"tag":331,"props":4629,"children":4630},{"class":333,"line":334},[4631,4635],{"type":139,"tag":331,"props":4632,"children":4633},{"style":361},[4634],{"type":144,"value":585},{"type":139,"tag":331,"props":4636,"children":4637},{"style":371},[4638],{"type":144,"value":590},{"type":139,"tag":331,"props":4640,"children":4641},{"class":333,"line":367},[4642,4646,4650,4654,4658],{"type":139,"tag":331,"props":4643,"children":4644},{"style":596},[4645],{"type":144,"value":599},{"type":139,"tag":331,"props":4647,"children":4648},{"style":361},[4649],{"type":144,"value":604},{"type":139,"tag":331,"props":4651,"children":4652},{"style":361},[4653],{"type":144,"value":609},{"type":139,"tag":331,"props":4655,"children":4656},{"style":422},[4657],{"type":144,"value":614},{"type":139,"tag":331,"props":4659,"children":4660},{"style":361},[4661],{"type":144,"value":619},{"type":139,"tag":331,"props":4663,"children":4664},{"class":333,"line":387},[4665,4669,4673,4677,4681],{"type":139,"tag":331,"props":4666,"children":4667},{"style":596},[4668],{"type":144,"value":627},{"type":139,"tag":331,"props":4670,"children":4671},{"style":361},[4672],{"type":144,"value":604},{"type":139,"tag":331,"props":4674,"children":4675},{"style":361},[4676],{"type":144,"value":609},{"type":139,"tag":331,"props":4678,"children":4679},{"style":422},[4680],{"type":144,"value":640},{"type":139,"tag":331,"props":4682,"children":4683},{"style":361},[4684],{"type":144,"value":619},{"type":139,"tag":331,"props":4686,"children":4687},{"class":333,"line":404},[4688,4692,4696,4700,4705],{"type":139,"tag":331,"props":4689,"children":4690},{"style":596},[4691],{"type":144,"value":1964},{"type":139,"tag":331,"props":4693,"children":4694},{"style":361},[4695],{"type":144,"value":604},{"type":139,"tag":331,"props":4697,"children":4698},{"style":361},[4699],{"type":144,"value":609},{"type":139,"tag":331,"props":4701,"children":4702},{"style":422},[4703],{"type":144,"value":4704},"{cover:'16:9', focus:'auto', turn:'left'}",{"type":139,"tag":331,"props":4706,"children":4707},{"style":361},[4708],{"type":144,"value":619},{"type":139,"tag":331,"props":4710,"children":4711},{"class":333,"line":433},[4712],{"type":139,"tag":331,"props":4713,"children":4714},{"style":361},[4715],{"type":144,"value":685},{"type":139,"tag":140,"props":4717,"children":4718},{},[4719],{"type":144,"value":4720},"This will return a variant of your image for which we have, in order:",{"type":139,"tag":4598,"props":4722,"children":4723},{},[4724,4729,4734],{"type":139,"tag":183,"props":4725,"children":4726},{},[4727],{"type":144,"value":4728},"placed the focus on the center of interest of the original image",{"type":139,"tag":183,"props":4730,"children":4731},{},[4732],{"type":144,"value":4733},"then cropped the image to 16:9 from the center of interest",{"type":139,"tag":183,"props":4735,"children":4736},{},[4737],{"type":144,"value":4738},"then rotated the image 90° to the left",{"type":139,"tag":140,"props":4740,"children":4741},{},[4742],{"type":144,"value":4743},"The result is a cropped image with the area of interest retained and displayed in 16:9 format.",{"type":139,"tag":320,"props":4745,"children":4747},{"className":571,"code":4746,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/football.jpg\"\n  fit=\"fill\"\n  :modifiers=\"{focus:'auto', turn:'left', cover:'16:9'}\"\n/>\n",[4748],{"type":139,"tag":199,"props":4749,"children":4750},{"__ignoreMap":127},[4751,4762,4785,4808,4832,4856],{"type":139,"tag":331,"props":4752,"children":4753},{"class":333,"line":334},[4754,4758],{"type":139,"tag":331,"props":4755,"children":4756},{"style":361},[4757],{"type":144,"value":585},{"type":139,"tag":331,"props":4759,"children":4760},{"style":371},[4761],{"type":144,"value":590},{"type":139,"tag":331,"props":4763,"children":4764},{"class":333,"line":367},[4765,4769,4773,4777,4781],{"type":139,"tag":331,"props":4766,"children":4767},{"style":596},[4768],{"type":144,"value":599},{"type":139,"tag":331,"props":4770,"children":4771},{"style":361},[4772],{"type":144,"value":604},{"type":139,"tag":331,"props":4774,"children":4775},{"style":361},[4776],{"type":144,"value":609},{"type":139,"tag":331,"props":4778,"children":4779},{"style":422},[4780],{"type":144,"value":614},{"type":139,"tag":331,"props":4782,"children":4783},{"style":361},[4784],{"type":144,"value":619},{"type":139,"tag":331,"props":4786,"children":4787},{"class":333,"line":387},[4788,4792,4796,4800,4804],{"type":139,"tag":331,"props":4789,"children":4790},{"style":596},[4791],{"type":144,"value":627},{"type":139,"tag":331,"props":4793,"children":4794},{"style":361},[4795],{"type":144,"value":604},{"type":139,"tag":331,"props":4797,"children":4798},{"style":361},[4799],{"type":144,"value":609},{"type":139,"tag":331,"props":4801,"children":4802},{"style":422},[4803],{"type":144,"value":640},{"type":139,"tag":331,"props":4805,"children":4806},{"style":361},[4807],{"type":144,"value":619},{"type":139,"tag":331,"props":4809,"children":4810},{"class":333,"line":404},[4811,4815,4819,4823,4828],{"type":139,"tag":331,"props":4812,"children":4813},{"style":596},[4814],{"type":144,"value":762},{"type":139,"tag":331,"props":4816,"children":4817},{"style":361},[4818],{"type":144,"value":604},{"type":139,"tag":331,"props":4820,"children":4821},{"style":361},[4822],{"type":144,"value":609},{"type":139,"tag":331,"props":4824,"children":4825},{"style":422},[4826],{"type":144,"value":4827},"fill",{"type":139,"tag":331,"props":4829,"children":4830},{"style":361},[4831],{"type":144,"value":619},{"type":139,"tag":331,"props":4833,"children":4834},{"class":333,"line":433},[4835,4839,4843,4847,4852],{"type":139,"tag":331,"props":4836,"children":4837},{"style":596},[4838],{"type":144,"value":1964},{"type":139,"tag":331,"props":4840,"children":4841},{"style":361},[4842],{"type":144,"value":604},{"type":139,"tag":331,"props":4844,"children":4845},{"style":361},[4846],{"type":144,"value":609},{"type":139,"tag":331,"props":4848,"children":4849},{"style":422},[4850],{"type":144,"value":4851},"{focus:'auto', turn:'left', cover:'16:9'}",{"type":139,"tag":331,"props":4853,"children":4854},{"style":361},[4855],{"type":144,"value":619},{"type":139,"tag":331,"props":4857,"children":4858},{"class":333,"line":443},[4859],{"type":139,"tag":331,"props":4860,"children":4861},{"style":361},[4862],{"type":144,"value":685},{"type":139,"tag":157,"props":4864,"children":4866},{"id":4865},"dealing-with-image-ratio",[4867],{"type":144,"value":4868},"Dealing with image ratio",{"type":139,"tag":140,"props":4870,"children":4871},{},[4872],{"type":144,"value":4873},"Let's say you want to display an image in 4:3 aspect ratio with a width of 300px.",{"type":139,"tag":320,"props":4875,"children":4877},{"className":571,"code":4876,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  width=300\n  fit=\"fill\"\n  :modifiers=\"{cover:'4:3'}\"\n/>\n",[4878],{"type":139,"tag":199,"props":4879,"children":4880},{"__ignoreMap":127},[4881,4892,4915,4938,4953,4976,5000],{"type":139,"tag":331,"props":4882,"children":4883},{"class":333,"line":334},[4884,4888],{"type":139,"tag":331,"props":4885,"children":4886},{"style":361},[4887],{"type":144,"value":585},{"type":139,"tag":331,"props":4889,"children":4890},{"style":371},[4891],{"type":144,"value":590},{"type":139,"tag":331,"props":4893,"children":4894},{"class":333,"line":367},[4895,4899,4903,4907,4911],{"type":139,"tag":331,"props":4896,"children":4897},{"style":596},[4898],{"type":144,"value":599},{"type":139,"tag":331,"props":4900,"children":4901},{"style":361},[4902],{"type":144,"value":604},{"type":139,"tag":331,"props":4904,"children":4905},{"style":361},[4906],{"type":144,"value":609},{"type":139,"tag":331,"props":4908,"children":4909},{"style":422},[4910],{"type":144,"value":614},{"type":139,"tag":331,"props":4912,"children":4913},{"style":361},[4914],{"type":144,"value":619},{"type":139,"tag":331,"props":4916,"children":4917},{"class":333,"line":387},[4918,4922,4926,4930,4934],{"type":139,"tag":331,"props":4919,"children":4920},{"style":596},[4921],{"type":144,"value":627},{"type":139,"tag":331,"props":4923,"children":4924},{"style":361},[4925],{"type":144,"value":604},{"type":139,"tag":331,"props":4927,"children":4928},{"style":361},[4929],{"type":144,"value":609},{"type":139,"tag":331,"props":4931,"children":4932},{"style":422},[4933],{"type":144,"value":882},{"type":139,"tag":331,"props":4935,"children":4936},{"style":361},[4937],{"type":144,"value":619},{"type":139,"tag":331,"props":4939,"children":4940},{"class":333,"line":404},[4941,4945,4949],{"type":139,"tag":331,"props":4942,"children":4943},{"style":596},[4944],{"type":144,"value":669},{"type":139,"tag":331,"props":4946,"children":4947},{"style":361},[4948],{"type":144,"value":604},{"type":139,"tag":331,"props":4950,"children":4951},{"style":422},[4952],{"type":144,"value":661},{"type":139,"tag":331,"props":4954,"children":4955},{"class":333,"line":433},[4956,4960,4964,4968,4972],{"type":139,"tag":331,"props":4957,"children":4958},{"style":596},[4959],{"type":144,"value":762},{"type":139,"tag":331,"props":4961,"children":4962},{"style":361},[4963],{"type":144,"value":604},{"type":139,"tag":331,"props":4965,"children":4966},{"style":361},[4967],{"type":144,"value":609},{"type":139,"tag":331,"props":4969,"children":4970},{"style":422},[4971],{"type":144,"value":4827},{"type":139,"tag":331,"props":4973,"children":4974},{"style":361},[4975],{"type":144,"value":619},{"type":139,"tag":331,"props":4977,"children":4978},{"class":333,"line":443},[4979,4983,4987,4991,4996],{"type":139,"tag":331,"props":4980,"children":4981},{"style":596},[4982],{"type":144,"value":1964},{"type":139,"tag":331,"props":4984,"children":4985},{"style":361},[4986],{"type":144,"value":604},{"type":139,"tag":331,"props":4988,"children":4989},{"style":361},[4990],{"type":144,"value":609},{"type":139,"tag":331,"props":4992,"children":4993},{"style":422},[4994],{"type":144,"value":4995},"{cover:'4:3'}",{"type":139,"tag":331,"props":4997,"children":4998},{"style":361},[4999],{"type":144,"value":619},{"type":139,"tag":331,"props":5001,"children":5002},{"class":333,"line":452},[5003],{"type":139,"tag":331,"props":5004,"children":5005},{"style":361},[5006],{"type":144,"value":685},{"type":139,"tag":140,"props":5008,"children":5009},{},[5010,5012,5016],{"type":144,"value":5011},"Or, with ",{"type":139,"tag":199,"props":5013,"children":5014},{"className":127},[5015],{"type":144,"value":2799},{"type":144,"value":5017},"='auto'",{"type":139,"tag":320,"props":5019,"children":5021},{"className":571,"code":5020,"language":573,"meta":127,"style":127},"\u003CNuxtImg\n  provider=\"twicpics\"\n  src=\"/cat_1x1.jpg\"\n  width=300\n  fit=\"fill\"\n  :modifiers=\"{focus:'auto', cover:'4:3'}\"\n/>\n",[5022],{"type":139,"tag":199,"props":5023,"children":5024},{"__ignoreMap":127},[5025,5036,5059,5082,5097,5120,5144],{"type":139,"tag":331,"props":5026,"children":5027},{"class":333,"line":334},[5028,5032],{"type":139,"tag":331,"props":5029,"children":5030},{"style":361},[5031],{"type":144,"value":585},{"type":139,"tag":331,"props":5033,"children":5034},{"style":371},[5035],{"type":144,"value":590},{"type":139,"tag":331,"props":5037,"children":5038},{"class":333,"line":367},[5039,5043,5047,5051,5055],{"type":139,"tag":331,"props":5040,"children":5041},{"style":596},[5042],{"type":144,"value":599},{"type":139,"tag":331,"props":5044,"children":5045},{"style":361},[5046],{"type":144,"value":604},{"type":139,"tag":331,"props":5048,"children":5049},{"style":361},[5050],{"type":144,"value":609},{"type":139,"tag":331,"props":5052,"children":5053},{"style":422},[5054],{"type":144,"value":614},{"type":139,"tag":331,"props":5056,"children":5057},{"style":361},[5058],{"type":144,"value":619},{"type":139,"tag":331,"props":5060,"children":5061},{"class":333,"line":387},[5062,5066,5070,5074,5078],{"type":139,"tag":331,"props":5063,"children":5064},{"style":596},[5065],{"type":144,"value":627},{"type":139,"tag":331,"props":5067,"children":5068},{"style":361},[5069],{"type":144,"value":604},{"type":139,"tag":331,"props":5071,"children":5072},{"style":361},[5073],{"type":144,"value":609},{"type":139,"tag":331,"props":5075,"children":5076},{"style":422},[5077],{"type":144,"value":882},{"type":139,"tag":331,"props":5079,"children":5080},{"style":361},[5081],{"type":144,"value":619},{"type":139,"tag":331,"props":5083,"children":5084},{"class":333,"line":404},[5085,5089,5093],{"type":139,"tag":331,"props":5086,"children":5087},{"style":596},[5088],{"type":144,"value":669},{"type":139,"tag":331,"props":5090,"children":5091},{"style":361},[5092],{"type":144,"value":604},{"type":139,"tag":331,"props":5094,"children":5095},{"style":422},[5096],{"type":144,"value":661},{"type":139,"tag":331,"props":5098,"children":5099},{"class":333,"line":433},[5100,5104,5108,5112,5116],{"type":139,"tag":331,"props":5101,"children":5102},{"style":596},[5103],{"type":144,"value":762},{"type":139,"tag":331,"props":5105,"children":5106},{"style":361},[5107],{"type":144,"value":604},{"type":139,"tag":331,"props":5109,"children":5110},{"style":361},[5111],{"type":144,"value":609},{"type":139,"tag":331,"props":5113,"children":5114},{"style":422},[5115],{"type":144,"value":4827},{"type":139,"tag":331,"props":5117,"children":5118},{"style":361},[5119],{"type":144,"value":619},{"type":139,"tag":331,"props":5121,"children":5122},{"class":333,"line":443},[5123,5127,5131,5135,5140],{"type":139,"tag":331,"props":5124,"children":5125},{"style":596},[5126],{"type":144,"value":1964},{"type":139,"tag":331,"props":5128,"children":5129},{"style":361},[5130],{"type":144,"value":604},{"type":139,"tag":331,"props":5132,"children":5133},{"style":361},[5134],{"type":144,"value":609},{"type":139,"tag":331,"props":5136,"children":5137},{"style":422},[5138],{"type":144,"value":5139},"{focus:'auto', cover:'4:3'}",{"type":139,"tag":331,"props":5141,"children":5142},{"style":361},[5143],{"type":144,"value":619},{"type":139,"tag":331,"props":5145,"children":5146},{"class":333,"line":452},[5147],{"type":139,"tag":331,"props":5148,"children":5149},{"style":361},[5150],{"type":144,"value":685},{"type":139,"tag":157,"props":5152,"children":5154},{"id":5153},"go-further-with-twicpics",[5155],{"type":144,"value":5156},"Go further with TwicPics",{"type":139,"tag":140,"props":5158,"children":5159},{},[5160,5162,5169],{"type":144,"value":5161},"TwicPics offers a ",{"type":139,"tag":147,"props":5163,"children":5166},{"href":5164,"rel":5165},"https://www.npmjs.com/package/@twicpics/components",[151],[5167],{"type":144,"value":5168},"collection of web components",{"type":144,"value":5170}," that will allow you to exploit all its power :",{"type":139,"tag":179,"props":5172,"children":5173},{},[5174,5179,5184,5189,5194,5199],{"type":139,"tag":183,"props":5175,"children":5176},{},[5177],{"type":144,"value":5178},"Pixel Perfect",{"type":139,"tag":183,"props":5180,"children":5181},{},[5182],{"type":144,"value":5183},"Layout Driven",{"type":139,"tag":183,"props":5185,"children":5186},{},[5187],{"type":144,"value":5188},"Ideal Compression",{"type":139,"tag":183,"props":5190,"children":5191},{},[5192],{"type":144,"value":5193},"Lazy Loading",{"type":139,"tag":183,"props":5195,"children":5196},{},[5197],{"type":144,"value":5198},"LQIP",{"type":139,"tag":183,"props":5200,"children":5201},{},[5202],{"type":144,"value":5203},"CLS Optimization",{"type":139,"tag":140,"props":5205,"children":5206},{},[5207,5209,5216],{"type":144,"value":5208},"A specific integration to Nuxt is available ",{"type":139,"tag":147,"props":5210,"children":5213},{"href":5211,"rel":5212},"https://github.com/TwicPics/components/blob/main/documentation/nuxt2.md",[151],[5214],{"type":144,"value":5215},"here",{"type":144,"value":266},{"type":139,"tag":5218,"props":5219,"children":5220},"style",{},[5221],{"type":144,"value":5222},"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 .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.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 .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);}",{"title":127,"searchDepth":367,"depth":367,"links":5224},[5225,5226,5227,5228,5234,5242,5243,5244],{"id":159,"depth":367,"text":162},{"id":269,"depth":367,"text":272},{"id":288,"depth":367,"text":291},{"id":484,"depth":367,"text":487,"children":5229},[5230,5231,5232,5233],{"id":509,"depth":387,"text":509},{"id":1101,"depth":387,"text":1101},{"id":1380,"depth":387,"text":1380},{"id":959,"depth":387,"text":959},{"id":1837,"depth":367,"text":1840,"children":5235},[5236,5237,5238,5239,5240,5241],{"id":257,"depth":387,"text":257},{"id":243,"depth":387,"text":243},{"id":2799,"depth":387,"text":2799},{"id":3265,"depth":387,"text":3265},{"id":250,"depth":387,"text":250},{"id":264,"depth":387,"text":264},{"id":4567,"depth":367,"text":4570},{"id":4865,"depth":367,"text":4868},{"id":5153,"depth":367,"text":5156},"markdown","content:3.providers:twicpics.md","content","3.providers/twicpics.md","md",[5251,5772],{"_path":101,"_dir":125,"_draft":126,"_partial":126,"_locale":127,"title":100,"description":5252,"links":5253,"body":5256,"_type":5245,"_id":5770,"_source":5247,"_file":5771,"_extension":5249},"Nuxt Image with Strapi integration.",[5254],{"label":131,"icon":132,"to":5255,"size":134},"https://github.com/nuxt/image/blob/main/src/runtime/providers/strapi.ts",{"type":136,"children":5257,"toc":5767},[5258,5269,5281,5361,5366,5475,5480,5492,5504,5580,5594,5599,5666,5671,5754,5763],{"type":139,"tag":140,"props":5259,"children":5260},{},[5261,5262,5268],{"type":144,"value":145},{"type":139,"tag":147,"props":5263,"children":5266},{"href":5264,"rel":5265},"https://strapi.io",[151],[5267],{"type":144,"value":100},{"type":144,"value":155},{"type":139,"tag":140,"props":5270,"children":5271},{},[5272,5274,5279],{"type":144,"value":5273},"No specific configuration is required. You just need to specify ",{"type":139,"tag":199,"props":5275,"children":5276},{"className":127},[5277],{"type":144,"value":5278},"strapi",{"type":144,"value":5280}," in your configuration to make it the default:",{"type":139,"tag":320,"props":5282,"children":5284},{"className":322,"code":5283,"filename":324,"language":325,"meta":127,"style":127},"export default defineNuxtConfig({\n  image: {\n    strapi: {}\n  }\n})\n",[5285],{"type":139,"tag":199,"props":5286,"children":5287},{"__ignoreMap":127},[5288,5311,5326,5343,5350],{"type":139,"tag":331,"props":5289,"children":5290},{"class":333,"line":334},[5291,5295,5299,5303,5307],{"type":139,"tag":331,"props":5292,"children":5293},{"style":338},[5294],{"type":144,"value":341},{"type":139,"tag":331,"props":5296,"children":5297},{"style":338},[5298],{"type":144,"value":346},{"type":139,"tag":331,"props":5300,"children":5301},{"style":349},[5302],{"type":144,"value":352},{"type":139,"tag":331,"props":5304,"children":5305},{"style":355},[5306],{"type":144,"value":358},{"type":139,"tag":331,"props":5308,"children":5309},{"style":361},[5310],{"type":144,"value":364},{"type":139,"tag":331,"props":5312,"children":5313},{"class":333,"line":367},[5314,5318,5322],{"type":139,"tag":331,"props":5315,"children":5316},{"style":371},[5317],{"type":144,"value":374},{"type":139,"tag":331,"props":5319,"children":5320},{"style":361},[5321],{"type":144,"value":379},{"type":139,"tag":331,"props":5323,"children":5324},{"style":361},[5325],{"type":144,"value":384},{"type":139,"tag":331,"props":5327,"children":5328},{"class":333,"line":387},[5329,5334,5338],{"type":139,"tag":331,"props":5330,"children":5331},{"style":371},[5332],{"type":144,"value":5333},"    strapi",{"type":139,"tag":331,"props":5335,"children":5336},{"style":361},[5337],{"type":144,"value":379},{"type":139,"tag":331,"props":5339,"children":5340},{"style":361},[5341],{"type":144,"value":5342}," {}\n",{"type":139,"tag":331,"props":5344,"children":5345},{"class":333,"line":404},[5346],{"type":139,"tag":331,"props":5347,"children":5348},{"style":361},[5349],{"type":144,"value":467},{"type":139,"tag":331,"props":5351,"children":5352},{"class":333,"line":433},[5353,5357],{"type":139,"tag":331,"props":5354,"children":5355},{"style":361},[5356],{"type":144,"value":476},{"type":139,"tag":331,"props":5358,"children":5359},{"style":355},[5360],{"type":144,"value":481},{"type":139,"tag":140,"props":5362,"children":5363},{},[5364],{"type":144,"value":5365},"Override default options:",{"type":139,"tag":320,"props":5367,"children":5369},{"className":322,"code":5368,"filename":324,"language":325,"meta":127,"style":127},"export default defineNuxtConfig({\n  image: {\n    strapi: {\n      baseURL: 'http://localhost:1337/uploads/'\n    }\n  }\n})\n",[5370],{"type":139,"tag":199,"props":5371,"children":5372},{"__ignoreMap":127},[5373,5396,5411,5426,5450,5457,5464],{"type":139,"tag":331,"props":5374,"children":5375},{"class":333,"line":334},[5376,5380,5384,5388,5392],{"type":139,"tag":331,"props":5377,"children":5378},{"style":338},[5379],{"type":144,"value":341},{"type":139,"tag":331,"props":5381,"children":5382},{"style":338},[5383],{"type":144,"value":346},{"type":139,"tag":331,"props":5385,"children":5386},{"style":349},[5387],{"type":144,"value":352},{"type":139,"tag":331,"props":5389,"children":5390},{"style":355},[5391],{"type":144,"value":358},{"type":139,"tag":331,"props":5393,"children":5394},{"style":361},[5395],{"type":144,"value":364},{"type":139,"tag":331,"props":5397,"children":5398},{"class":333,"line":367},[5399,5403,5407],{"type":139,"tag":331,"props":5400,"children":5401},{"style":371},[5402],{"type":144,"value":374},{"type":139,"tag":331,"props":5404,"children":5405},{"style":361},[5406],{"type":144,"value":379},{"type":139,"tag":331,"props":5408,"children":5409},{"style":361},[5410],{"type":144,"value":384},{"type":139,"tag":331,"props":5412,"children":5413},{"class":333,"line":387},[5414,5418,5422],{"type":139,"tag":331,"props":5415,"children":5416},{"style":371},[5417],{"type":144,"value":5333},{"type":139,"tag":331,"props":5419,"children":5420},{"style":361},[5421],{"type":144,"value":379},{"type":139,"tag":331,"props":5423,"children":5424},{"style":361},[5425],{"type":144,"value":384},{"type":139,"tag":331,"props":5427,"children":5428},{"class":333,"line":404},[5429,5433,5437,5441,5446],{"type":139,"tag":331,"props":5430,"children":5431},{"style":371},[5432],{"type":144,"value":410},{"type":139,"tag":331,"props":5434,"children":5435},{"style":361},[5436],{"type":144,"value":379},{"type":139,"tag":331,"props":5438,"children":5439},{"style":361},[5440],{"type":144,"value":419},{"type":139,"tag":331,"props":5442,"children":5443},{"style":422},[5444],{"type":144,"value":5445},"http://localhost:1337/uploads/",{"type":139,"tag":331,"props":5447,"children":5448},{"style":361},[5449],{"type":144,"value":430},{"type":139,"tag":331,"props":5451,"children":5452},{"class":333,"line":433},[5453],{"type":139,"tag":331,"props":5454,"children":5455},{"style":361},[5456],{"type":144,"value":458},{"type":139,"tag":331,"props":5458,"children":5459},{"class":333,"line":443},[5460],{"type":139,"tag":331,"props":5461,"children":5462},{"style":361},[5463],{"type":144,"value":467},{"type":139,"tag":331,"props":5465,"children":5466},{"class":333,"line":452},[5467,5471],{"type":139,"tag":331,"props":5468,"children":5469},{"style":361},[5470],{"type":144,"value":476},{"type":139,"tag":331,"props":5472,"children":5473},{"style":355},[5474],{"type":144,"value":481},{"type":139,"tag":157,"props":5476,"children":5477},{"id":1850},[5478],{"type":144,"value":5479},"Modifiers",{"type":139,"tag":140,"props":5481,"children":5482},{},[5483,5485,5490],{"type":144,"value":5484},"The ",{"type":139,"tag":199,"props":5486,"children":5487},{"className":127},[5488],{"type":144,"value":5489},"breakpoint",{"type":144,"value":5491}," modifier is used to specify the size of the image.",{"type":139,"tag":140,"props":5493,"children":5494},{},[5495,5497,5502],{"type":144,"value":5496},"By default, when the image is uploaded and ",{"type":139,"tag":1427,"props":5498,"children":5499},{},[5500],{"type":144,"value":5501},"Enable responsive friendly upload",{"type":144,"value":5503}," Strapi setting is enabled in the settings panel the plugin will generate the following responsive image sizes:",{"type":139,"tag":5505,"props":5506,"children":5507},"table",{},[5508,5527],{"type":139,"tag":5509,"props":5510,"children":5511},"thead",{},[5512],{"type":139,"tag":5513,"props":5514,"children":5515},"tr",{},[5516,5522],{"type":139,"tag":5517,"props":5518,"children":5519},"th",{},[5520],{"type":144,"value":5521},"Name",{"type":139,"tag":5517,"props":5523,"children":5524},{},[5525],{"type":144,"value":5526},"Largest Dimension",{"type":139,"tag":5528,"props":5529,"children":5530},"tbody",{},[5531,5548,5564],{"type":139,"tag":5513,"props":5532,"children":5533},{},[5534,5543],{"type":139,"tag":5535,"props":5536,"children":5537},"td",{},[5538],{"type":139,"tag":199,"props":5539,"children":5540},{"className":127},[5541],{"type":144,"value":5542},"small",{"type":139,"tag":5535,"props":5544,"children":5545},{},[5546],{"type":144,"value":5547},"500px",{"type":139,"tag":5513,"props":5549,"children":5550},{},[5551,5559],{"type":139,"tag":5535,"props":5552,"children":5553},{},[5554],{"type":139,"tag":199,"props":5555,"children":5556},{"className":127},[5557],{"type":144,"value":5558},"medium",{"type":139,"tag":5535,"props":5560,"children":5561},{},[5562],{"type":144,"value":5563},"750px",{"type":139,"tag":5513,"props":5565,"children":5566},{},[5567,5575],{"type":139,"tag":5535,"props":5568,"children":5569},{},[5570],{"type":139,"tag":199,"props":5571,"children":5572},{"className":127},[5573],{"type":144,"value":5574},"large",{"type":139,"tag":5535,"props":5576,"children":5577},{},[5578],{"type":144,"value":5579},"1000px",{"type":139,"tag":140,"props":5581,"children":5582},{},[5583,5585,5592],{"type":144,"value":5584},"You can override the default breakpoints. See the ",{"type":139,"tag":147,"props":5586,"children":5589},{"href":5587,"rel":5588},"https://strapi.io/documentation/developer-docs/latest/development/plugins/upload.html#configuration",[151],[5590],{"type":144,"value":5591},"Upload configuration",{"type":144,"value":5593}," in the Strapi documentation.",{"type":139,"tag":140,"props":5595,"children":5596},{},[5597],{"type":144,"value":5598},"If you don't set breakpoint modifier, the original image size will be used:",{"type":139,"tag":320,"props":5600,"children":5602},{"className":571,"code":5601,"language":573,"meta":127,"style":127},"\u003CNuxtImg provider=\"strapi\" src=\"...\" />\n",[5603],{"type":139,"tag":199,"props":5604,"children":5605},{"__ignoreMap":127},[5606],{"type":139,"tag":331,"props":5607,"children":5608},{"class":333,"line":334},[5609,5613,5618,5623,5627,5631,5635,5639,5644,5648,5652,5657,5661],{"type":139,"tag":331,"props":5610,"children":5611},{"style":361},[5612],{"type":144,"value":585},{"type":139,"tag":331,"props":5614,"children":5615},{"style":371},[5616],{"type":144,"value":5617},"NuxtImg",{"type":139,"tag":331,"props":5619,"children":5620},{"style":596},[5621],{"type":144,"value":5622}," provider",{"type":139,"tag":331,"props":5624,"children":5625},{"style":361},[5626],{"type":144,"value":604},{"type":139,"tag":331,"props":5628,"children":5629},{"style":361},[5630],{"type":144,"value":609},{"type":139,"tag":331,"props":5632,"children":5633},{"style":422},[5634],{"type":144,"value":5278},{"type":139,"tag":331,"props":5636,"children":5637},{"style":361},[5638],{"type":144,"value":609},{"type":139,"tag":331,"props":5640,"children":5641},{"style":596},[5642],{"type":144,"value":5643}," src",{"type":139,"tag":331,"props":5645,"children":5646},{"style":361},[5647],{"type":144,"value":604},{"type":139,"tag":331,"props":5649,"children":5650},{"style":361},[5651],{"type":144,"value":609},{"type":139,"tag":331,"props":5653,"children":5654},{"style":422},[5655],{"type":144,"value":5656},"...",{"type":139,"tag":331,"props":5658,"children":5659},{"style":361},[5660],{"type":144,"value":609},{"type":139,"tag":331,"props":5662,"children":5663},{"style":361},[5664],{"type":144,"value":5665}," />\n",{"type":139,"tag":140,"props":5667,"children":5668},{},[5669],{"type":144,"value":5670},"Define breakpoint modifier:",{"type":139,"tag":320,"props":5672,"children":5674},{"className":571,"code":5673,"language":573,"meta":127,"style":127},"\u003CNuxtImg provider=\"strapi\" src=\"...\" :modifiers=\"{ breakpoint: 'small' }\" />\n",[5675],{"type":139,"tag":199,"props":5676,"children":5677},{"__ignoreMap":127},[5678],{"type":139,"tag":331,"props":5679,"children":5680},{"class":333,"line":334},[5681,5685,5689,5693,5697,5701,5705,5709,5713,5717,5721,5725,5729,5733,5737,5741,5746,5750],{"type":139,"tag":331,"props":5682,"children":5683},{"style":361},[5684],{"type":144,"value":585},{"type":139,"tag":331,"props":5686,"children":5687},{"style":371},[5688],{"type":144,"value":5617},{"type":139,"tag":331,"props":5690,"children":5691},{"style":596},[5692],{"type":144,"value":5622},{"type":139,"tag":331,"props":5694,"children":5695},{"style":361},[5696],{"type":144,"value":604},{"type":139,"tag":331,"props":5698,"children":5699},{"style":361},[5700],{"type":144,"value":609},{"type":139,"tag":331,"props":5702,"children":5703},{"style":422},[5704],{"type":144,"value":5278},{"type":139,"tag":331,"props":5706,"children":5707},{"style":361},[5708],{"type":144,"value":609},{"type":139,"tag":331,"props":5710,"children":5711},{"style":596},[5712],{"type":144,"value":5643},{"type":139,"tag":331,"props":5714,"children":5715},{"style":361},[5716],{"type":144,"value":604},{"type":139,"tag":331,"props":5718,"children":5719},{"style":361},[5720],{"type":144,"value":609},{"type":139,"tag":331,"props":5722,"children":5723},{"style":422},[5724],{"type":144,"value":5656},{"type":139,"tag":331,"props":5726,"children":5727},{"style":361},[5728],{"type":144,"value":609},{"type":139,"tag":331,"props":5730,"children":5731},{"style":596},[5732],{"type":144,"value":4170},{"type":139,"tag":331,"props":5734,"children":5735},{"style":361},[5736],{"type":144,"value":604},{"type":139,"tag":331,"props":5738,"children":5739},{"style":361},[5740],{"type":144,"value":609},{"type":139,"tag":331,"props":5742,"children":5743},{"style":422},[5744],{"type":144,"value":5745},"{ breakpoint: 'small' }",{"type":139,"tag":331,"props":5747,"children":5748},{"style":361},[5749],{"type":144,"value":609},{"type":139,"tag":331,"props":5751,"children":5752},{"style":361},[5753],{"type":144,"value":5665},{"type":139,"tag":5755,"props":5756,"children":5757},"callout",{},[5758],{"type":139,"tag":140,"props":5759,"children":5760},{},[5761],{"type":144,"value":5762},"Only one breakpoint can be modified per image.",{"type":139,"tag":5218,"props":5764,"children":5765},{},[5766],{"type":144,"value":5222},{"title":127,"searchDepth":367,"depth":367,"links":5768},[5769],{"id":1850,"depth":367,"text":5479},"content:3.providers:strapi.md","3.providers/strapi.md",{"_path":107,"_dir":125,"_draft":126,"_partial":126,"_locale":127,"title":106,"description":5773,"links":5774,"body":5777,"_type":5245,"_id":5927,"_source":5247,"_file":5928,"_extension":5249},"Nuxt Image has first class integration with Unsplash.",[5775],{"label":131,"icon":132,"to":5776,"size":134},"https://github.com/nuxt/image/blob/main/src/runtime/providers/unsplash.ts",{"type":136,"children":5778,"toc":5923},[5779,5800,5806,5811,5816,5827,5833,5838,5909,5914],{"type":139,"tag":140,"props":5780,"children":5781},{},[5782,5783,5789,5791,5798],{"type":144,"value":145},{"type":139,"tag":147,"props":5784,"children":5787},{"href":5785,"rel":5786},"https://unsplash.com/documentation#dynamically-resizable-images",[151],[5788],{"type":144,"value":106},{"type":144,"value":5790}," and the image module. See ",{"type":139,"tag":147,"props":5792,"children":5795},{"href":5793,"rel":5794},"https://unsplash.com/license",[151],[5796],{"type":144,"value":5797},"Unsplash License",{"type":144,"value":5799}," for what usage is permitted.",{"type":139,"tag":157,"props":5801,"children":5803},{"id":5802},"dynamically-resizable-images",[5804],{"type":144,"value":5805},"Dynamically resizable images",{"type":139,"tag":140,"props":5807,"children":5808},{},[5809],{"type":144,"value":5810},"Every image returned by the Unsplash API is a dynamic image URL, which means that it can be manipulated to create new transformations of the image by simply adjusting the query parameters of the image URL.",{"type":139,"tag":140,"props":5812,"children":5813},{},[5814],{"type":144,"value":5815},"This enables resizing, cropping, compression, and changing the format of the image in realtime client-side, without any API calls.",{"type":139,"tag":140,"props":5817,"children":5818},{},[5819,5821,5825],{"type":144,"value":5820},"Under the hood, Unsplash uses ",{"type":139,"tag":147,"props":5822,"children":5823},{"href":77},[5824],{"type":144,"value":76},{"type":144,"value":5826},", a powerful image manipulation service to provide dynamic image URLs.",{"type":139,"tag":157,"props":5828,"children":5830},{"id":5829},"supported-parameters",[5831],{"type":144,"value":5832},"Supported parameters",{"type":139,"tag":140,"props":5834,"children":5835},{},[5836],{"type":144,"value":5837},"Unsplash officially support the parameters:",{"type":139,"tag":179,"props":5839,"children":5840},{},[5841,5851,5860,5870,5880,5890,5899],{"type":139,"tag":183,"props":5842,"children":5843},{},[5844,5849],{"type":139,"tag":199,"props":5845,"children":5846},{"className":127},[5847],{"type":144,"value":5848},"w, h",{"type":144,"value":5850},": for adjusting the width and height of a photo",{"type":139,"tag":183,"props":5852,"children":5853},{},[5854,5858],{"type":139,"tag":199,"props":5855,"children":5856},{"className":127},[5857],{"type":144,"value":257},{"type":144,"value":5859},": for applying cropping to the photo",{"type":139,"tag":183,"props":5861,"children":5862},{},[5863,5868],{"type":139,"tag":199,"props":5864,"children":5865},{"className":127},[5866],{"type":144,"value":5867},"fm",{"type":144,"value":5869},": for converting image format",{"type":139,"tag":183,"props":5871,"children":5872},{},[5873,5878],{"type":139,"tag":199,"props":5874,"children":5875},{"className":127},[5876],{"type":144,"value":5877},"auto=format",{"type":144,"value":5879},": for automatically choosing the optimal image format depending on user browser",{"type":139,"tag":183,"props":5881,"children":5882},{},[5883,5888],{"type":139,"tag":199,"props":5884,"children":5885},{"className":127},[5886],{"type":144,"value":5887},"q",{"type":144,"value":5889},": for changing the compression quality when using lossy file formats",{"type":139,"tag":183,"props":5891,"children":5892},{},[5893,5897],{"type":139,"tag":199,"props":5894,"children":5895},{"className":127},[5896],{"type":144,"value":509},{"type":144,"value":5898},": for changing the fit of the image within the specified dimensions",{"type":139,"tag":183,"props":5900,"children":5901},{},[5902,5907],{"type":139,"tag":199,"props":5903,"children":5904},{"className":127},[5905],{"type":144,"value":5906},"dpr",{"type":144,"value":5908},": for adjusting the device pixel ratio of the image",{"type":139,"tag":140,"props":5910,"children":5911},{},[5912],{"type":144,"value":5913},"The other parameters offered by Imgix can be used, but we don’t officially support them and may remove support for them at any time in the future.",{"type":139,"tag":5915,"props":5916,"children":5917},"blockquote",{},[5918],{"type":139,"tag":140,"props":5919,"children":5920},{},[5921],{"type":144,"value":5922},"💫 Tip\nThe API returns image URLs containing an ixid parameter. All resizing and manipulations of image URLs must keep this parameter as it allows for your application to report photo views and be compliant with the API Guidelines.",{"title":127,"searchDepth":367,"depth":367,"links":5924},[5925,5926],{"id":5802,"depth":367,"text":5805},{"id":5829,"depth":367,"text":5832},"content:3.providers:unsplash.md","3.providers/unsplash.md",1700216901138]