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