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