[{"transcript":" Delivering your image at full size isn't always ideal.","confidence":0.8132222222222222,"words":[{"word":"Delivering","start_time":0.101,"end_time":0.444},{"word":"your","start_time":0.464,"end_time":0.585},{"word":"image","start_time":0.645,"end_time":0.887},{"word":"at","start_time":0.928,"end_time":1.008},{"word":"full","start_time":1.049,"end_time":1.23},{"word":"size","start_time":1.291,"end_time":1.654},{"word":"isn't","start_time":1.795,"end_time":1.996},{"word":"always","start_time":2.037,"end_time":2.238},{"word":"ideal.","start_time":2.259,"end_time":2.359}],"alternatives":[],"language":"en"},{"transcript":" Whether you want to resize it to deliver only the size you need,","confidence":0.8758461538461538,"words":[{"word":"Whether","start_time":2.922,"end_time":3.083},{"word":"you","start_time":3.123,"end_time":3.184},{"word":"want","start_time":3.204,"end_time":3.305},{"word":"to","start_time":3.325,"end_time":3.385},{"word":"resize","start_time":3.426,"end_time":3.849},{"word":"it","start_time":3.889,"end_time":3.95},{"word":"to","start_time":3.99,"end_time":4.07},{"word":"deliver","start_time":4.111,"end_time":4.413},{"word":"only","start_time":4.494,"end_time":4.655},{"word":"the","start_time":4.695,"end_time":4.756},{"word":"size","start_time":4.796,"end_time":4.998},{"word":"you","start_time":5.018,"end_time":5.118},{"word":"need,","start_time":5.179,"end_time":5.32}],"alternatives":[],"language":"en"},{"transcript":" or crop it to the aspect ratio you want for your app,","confidence":0.7793333333333333,"words":[{"word":"or","start_time":5.702,"end_time":5.783},{"word":"crop","start_time":5.823,"end_time":6.045},{"word":"it","start_time":6.085,"end_time":6.146},{"word":"to","start_time":6.186,"end_time":6.246},{"word":"the","start_time":6.287,"end_time":6.367},{"word":"aspect","start_time":6.468,"end_time":6.73},{"word":"ratio","start_time":6.771,"end_time":7.194},{"word":"you","start_time":7.234,"end_time":7.355},{"word":"want","start_time":7.375,"end_time":7.537},{"word":"for","start_time":7.557,"end_time":7.658},{"word":"your","start_time":7.698,"end_time":7.859},{"word":"app,","start_time":7.9,"end_time":7.96}],"alternatives":[],"language":"en"},{"transcript":" we can manage all the transformations we need in React with the Cloudinary URL Gen SDK.","confidence":0.729375,"words":[{"word":"we","start_time":8.301,"end_time":8.401},{"word":"can","start_time":8.422,"end_time":8.522},{"word":"manage","start_time":8.542,"end_time":8.783},{"word":"all","start_time":8.803,"end_time":8.924},{"word":"the","start_time":8.944,"end_time":9.004},{"word":"transformations","start_time":9.044,"end_time":9.728},{"word":"we","start_time":9.768,"end_time":9.888},{"word":"need","start_time":9.969,"end_time":10.23},{"word":"in","start_time":10.351,"end_time":10.431},{"word":"React","start_time":10.491,"end_time":10.873},{"word":"with","start_time":10.913,"end_time":11.014},{"word":"the","start_time":11.034,"end_time":11.094},{"word":"Cloudinary","start_time":11.114,"end_time":11.516},{"word":"URL","start_time":11.657,"end_time":11.958},{"word":"Gen","start_time":11.978,"end_time":12.219},{"word":"SDK.","start_time":12.3,"end_time":12.36}],"alternatives":[],"language":"en"},{"transcript":" Starting off with a full-size image,","confidence":0.6945,"words":[{"word":"Starting","start_time":15.544,"end_time":15.848},{"word":"off","start_time":15.908,"end_time":16.03},{"word":"with","start_time":16.05,"end_time":16.172},{"word":"a","start_time":16.192,"end_time":16.232},{"word":"full-size","start_time":16.293,"end_time":16.758},{"word":"image,","start_time":16.779,"end_time":16.9}],"alternatives":[],"language":"en"},{"transcript":" where we currently have our quality and format set to auto","confidence":0.7183636363636364,"words":[{"word":"where","start_time":17.462,"end_time":17.583},{"word":"we","start_time":17.603,"end_time":17.764},{"word":"currently","start_time":17.865,"end_time":18.187},{"word":"have","start_time":18.227,"end_time":18.409},{"word":"our","start_time":18.469,"end_time":18.55},{"word":"quality","start_time":18.65,"end_time":19.053},{"word":"and","start_time":19.113,"end_time":19.194},{"word":"format","start_time":19.254,"end_time":19.657},{"word":"set","start_time":19.677,"end_time":19.798},{"word":"to","start_time":19.838,"end_time":19.899},{"word":"auto","start_time":19.919,"end_time":20.1}],"alternatives":[],"language":"en"},{"transcript":" to make sure we're first of all optimizing it as much as we can,","confidence":0.7687857142857143,"words":[{"word":"to","start_time":20.322,"end_time":20.402},{"word":"make","start_time":20.443,"end_time":20.563},{"word":"sure","start_time":20.604,"end_time":20.725},{"word":"we're","start_time":20.765,"end_time":20.906},{"word":"first","start_time":20.987,"end_time":21.168},{"word":"of","start_time":21.188,"end_time":21.249},{"word":"all","start_time":21.289,"end_time":21.41},{"word":"optimizing","start_time":21.591,"end_time":22.115},{"word":"it","start_time":22.135,"end_time":22.175},{"word":"as","start_time":22.216,"end_time":22.296},{"word":"much","start_time":22.316,"end_time":22.457},{"word":"as","start_time":22.498,"end_time":22.558},{"word":"we","start_time":22.599,"end_time":22.659},{"word":"can,","start_time":22.699,"end_time":22.8}],"alternatives":[],"language":"en"},{"transcript":" the first step we want to take is see how we can resize this down to only deliver the size we need.","confidence":0.8287272727272726,"words":[{"word":"the","start_time":23.221,"end_time":23.302},{"word":"first","start_time":23.342,"end_time":23.463},{"word":"step","start_time":23.483,"end_time":23.603},{"word":"we","start_time":23.644,"end_time":23.704},{"word":"want","start_time":23.724,"end_time":23.845},{"word":"to","start_time":23.865,"end_time":23.925},{"word":"take","start_time":23.965,"end_time":24.146},{"word":"is","start_time":24.186,"end_time":24.246},{"word":"see","start_time":24.287,"end_time":24.427},{"word":"how","start_time":24.468,"end_time":24.568},{"word":"we","start_time":24.588,"end_time":24.648},{"word":"can","start_time":24.689,"end_time":24.789},{"word":"resize","start_time":24.829,"end_time":25.251},{"word":"this","start_time":25.292,"end_time":25.452},{"word":"down","start_time":25.493,"end_time":25.734},{"word":"to","start_time":25.774,"end_time":25.854},{"word":"only","start_time":25.935,"end_time":26.095},{"word":"deliver","start_time":26.136,"end_time":26.417},{"word":"the","start_time":26.457,"end_time":26.538},{"word":"size","start_time":26.558,"end_time":26.759},{"word":"we","start_time":26.779,"end_time":26.879},{"word":"need.","start_time":26.92,"end_time":27.02}],"alternatives":[],"language":"en"},{"transcript":" Where by default, even if we specify a width and a height","confidence":0.6199166666666666,"words":[{"word":"Where","start_time":27.4,"end_time":27.562},{"word":"by","start_time":27.582,"end_time":27.703},{"word":"default,","start_time":27.743,"end_time":28.186},{"word":"even","start_time":28.307,"end_time":28.448},{"word":"if","start_time":28.489,"end_time":28.549},{"word":"we","start_time":28.589,"end_time":28.67},{"word":"specify","start_time":28.73,"end_time":29.254},{"word":"a","start_time":29.275,"end_time":29.295},{"word":"width","start_time":29.456,"end_time":29.657},{"word":"and","start_time":29.698,"end_time":29.758},{"word":"a","start_time":29.778,"end_time":29.798},{"word":"height","start_time":29.819,"end_time":30.0}],"alternatives":[],"language":"en"},{"transcript":" that's smaller than the image itself on the image tag,","confidence":0.7777999999999999,"words":[{"word":"that's","start_time":30.161,"end_time":30.303},{"word":"smaller","start_time":30.323,"end_time":30.626},{"word":"than","start_time":30.666,"end_time":30.807},{"word":"the","start_time":30.868,"end_time":30.929},{"word":"image","start_time":30.989,"end_time":31.191},{"word":"itself","start_time":31.231,"end_time":31.554},{"word":"on","start_time":31.635,"end_time":31.696},{"word":"the","start_time":31.716,"end_time":31.796},{"word":"image","start_time":31.837,"end_time":32.059},{"word":"tag,","start_time":32.079,"end_time":32.14}],"alternatives":[],"language":"en"},{"transcript":" we're ultimately going to be dictating the size of that image with the URL.","confidence":0.8007142857142858,"words":[{"word":"we're","start_time":32.782,"end_time":32.983},{"word":"ultimately","start_time":33.124,"end_time":33.506},{"word":"going","start_time":33.546,"end_time":33.687},{"word":"to","start_time":33.707,"end_time":33.768},{"word":"be","start_time":33.788,"end_time":33.868},{"word":"dictating","start_time":33.969,"end_time":34.451},{"word":"the","start_time":34.492,"end_time":34.592},{"word":"size","start_time":34.653,"end_time":34.914},{"word":"of","start_time":34.954,"end_time":35.015},{"word":"that","start_time":35.035,"end_time":35.175},{"word":"image","start_time":35.236,"end_time":35.477},{"word":"with","start_time":35.537,"end_time":35.658},{"word":"the","start_time":35.678,"end_time":35.759},{"word":"URL.","start_time":35.879,"end_time":36.0}],"alternatives":[],"language":"en"},{"transcript":" Or in this case, it's over 2600 pixels wide.","confidence":0.5858888888888889,"words":[{"word":"Or","start_time":36.622,"end_time":36.703},{"word":"in","start_time":36.723,"end_time":36.783},{"word":"this","start_time":36.823,"end_time":36.964},{"word":"case,","start_time":37.025,"end_time":37.306},{"word":"it's","start_time":37.367,"end_time":37.487},{"word":"over","start_time":37.548,"end_time":37.729},{"word":"2600","start_time":37.769,"end_time":37.93},{"word":"pixels","start_time":37.97,"end_time":38.151},{"word":"wide.","start_time":38.172,"end_time":38.252}],"alternatives":[],"language":"en"},{"transcript":" We're really we only really want to show it at 600 pixels wide.","confidence":0.7210769230769233,"words":[{"word":"We're","start_time":40.082,"end_time":40.243},{"word":"really","start_time":40.284,"end_time":40.565},{"word":"we","start_time":40.626,"end_time":40.767},{"word":"only","start_time":40.807,"end_time":40.968},{"word":"really","start_time":41.008,"end_time":41.169},{"word":"want","start_time":41.189,"end_time":41.31},{"word":"to","start_time":41.33,"end_time":41.391},{"word":"show","start_time":41.451,"end_time":41.632},{"word":"it","start_time":41.693,"end_time":41.753},{"word":"at","start_time":41.814,"end_time":41.854},{"word":"600","start_time":41.874,"end_time":41.934},{"word":"pixels","start_time":41.954,"end_time":42.095},{"word":"wide.","start_time":42.116,"end_time":42.277}],"alternatives":[],"language":"en"},{"transcript":" To resize our image, we're going to chain on the resize method","confidence":0.7730833333333335,"words":[{"word":"To","start_time":43.222,"end_time":43.302},{"word":"resize","start_time":43.343,"end_time":43.725},{"word":"our","start_time":43.765,"end_time":43.886},{"word":"image,","start_time":43.987,"end_time":44.228},{"word":"we're","start_time":44.248,"end_time":44.389},{"word":"going","start_time":44.409,"end_time":44.53},{"word":"to","start_time":44.57,"end_time":44.631},{"word":"chain","start_time":44.671,"end_time":44.933},{"word":"on","start_time":45.073,"end_time":45.174},{"word":"the","start_time":45.254,"end_time":45.355},{"word":"resize","start_time":45.456,"end_time":45.999},{"word":"method","start_time":46.019,"end_time":46.14}],"alternatives":[],"language":"en"},{"transcript":" where we need to first pass in a new instance of resize.","confidence":0.69925,"words":[{"word":"where","start_time":46.724,"end_time":46.844},{"word":"we","start_time":46.865,"end_time":46.945},{"word":"need","start_time":46.965,"end_time":47.126},{"word":"to","start_time":47.146,"end_time":47.207},{"word":"first","start_time":47.267,"end_time":47.468},{"word":"pass","start_time":47.529,"end_time":47.81},{"word":"in","start_time":47.871,"end_time":47.971},{"word":"a","start_time":47.992,"end_time":48.012},{"word":"new","start_time":48.173,"end_time":48.314},{"word":"instance","start_time":48.414,"end_time":48.817},{"word":"of","start_time":48.958,"end_time":49.018},{"word":"resize.","start_time":49.038,"end_time":49.239}],"alternatives":[],"language":"en"},{"transcript":" Now to use that, we need to make sure we're importing resize","confidence":0.7593333333333333,"words":[{"word":"Now","start_time":50.003,"end_time":50.124},{"word":"to","start_time":50.144,"end_time":50.225},{"word":"use","start_time":50.325,"end_time":50.446},{"word":"that,","start_time":50.466,"end_time":50.628},{"word":"we","start_time":50.668,"end_time":50.749},{"word":"need","start_time":50.769,"end_time":50.91},{"word":"to","start_time":50.93,"end_time":50.991},{"word":"make","start_time":51.031,"end_time":51.172},{"word":"sure","start_time":51.212,"end_time":51.333},{"word":"we're","start_time":51.374,"end_time":51.555},{"word":"importing","start_time":51.595,"end_time":51.999},{"word":"resize","start_time":52.039,"end_time":52.16}],"alternatives":[],"language":"en"},{"transcript":" from the Cloudinary URL gen actions.","confidence":0.7038333333333334,"words":[{"word":"from","start_time":52.624,"end_time":52.745},{"word":"the","start_time":52.765,"end_time":52.826},{"word":"Cloudinary","start_time":52.886,"end_time":53.391},{"word":"URL","start_time":53.532,"end_time":53.835},{"word":"gen","start_time":53.855,"end_time":54.077},{"word":"actions.","start_time":54.138,"end_time":54.36}],"alternatives":[],"language":"en"},{"transcript":" Once that's imported, we can now start to chain on the resize methods we want to transform or resize our image, such as the scale method, which is going to tell Cloudinary that we want to scale down our image at the same ratio, where if we add a width to that, such as 1200, or once we reload the page, once we look at that URL, we can now see that the actual image size is 1200 wide by 800 pixels.","confidence":0.7649024390243901,"words":[{"word":"Once","start_time":55.26,"end_time":55.38},{"word":"that's","start_time":55.42,"end_time":55.601},{"word":"imported,","start_time":55.641,"end_time":56.081},{"word":"we","start_time":56.121,"end_time":56.201},{"word":"can","start_time":56.221,"end_time":56.341},{"word":"now","start_time":56.361,"end_time":56.481},{"word":"start","start_time":56.541,"end_time":56.722},{"word":"to","start_time":56.742,"end_time":56.822},{"word":"chain","start_time":56.842,"end_time":57.062},{"word":"on","start_time":57.122,"end_time":57.202},{"word":"the","start_time":57.222,"end_time":57.322},{"word":"resize","start_time":57.382,"end_time":57.823},{"word":"methods","start_time":57.863,"end_time":58.143},{"word":"we","start_time":58.183,"end_time":58.283},{"word":"want","start_time":58.303,"end_time":58.483},{"word":"to","start_time":58.503,"end_time":58.583},{"word":"transform","start_time":58.663,"end_time":59.244},{"word":"or","start_time":59.324,"end_time":59.424},{"word":"resize","start_time":59.484,"end_time":59.924},{"word":"our","start_time":59.984,"end_time":60.085},{"word":"image,","start_time":60.165,"end_time":60.425},{"word":"such","start_time":60.805,"end_time":61.186},{"word":"as","start_time":61.206,"end_time":61.246},{"word":"the","start_time":61.386,"end_time":61.526},{"word":"scale","start_time":61.626,"end_time":61.986},{"word":"method,","start_time":62.026,"end_time":62.347},{"word":"which","start_time":62.607,"end_time":62.747},{"word":"is","start_time":62.787,"end_time":62.847},{"word":"going","start_time":62.867,"end_time":63.027},{"word":"to","start_time":63.067,"end_time":63.107},{"word":"tell","start_time":63.167,"end_time":63.387},{"word":"Cloudinary","start_time":63.468,"end_time":63.968},{"word":"that","start_time":64.008,"end_time":64.128},{"word":"we","start_time":64.148,"end_time":64.248},{"word":"want","start_time":64.268,"end_time":64.428},{"word":"to","start_time":64.448,"end_time":64.508},{"word":"scale","start_time":64.589,"end_time":64.929},{"word":"down","start_time":64.989,"end_time":65.189},{"word":"our","start_time":65.229,"end_time":65.349},{"word":"image","start_time":65.429,"end_time":65.69},{"word":"at","start_time":65.73,"end_time":65.79},{"word":"the","start_time":65.83,"end_time":65.91},{"word":"same","start_time":65.95,"end_time":66.17},{"word":"ratio,","start_time":66.23,"end_time":66.67},{"word":"where","start_time":67.031,"end_time":67.151},{"word":"if","start_time":67.191,"end_time":67.251},{"word":"we","start_time":67.291,"end_time":67.411},{"word":"add","start_time":67.511,"end_time":67.651},{"word":"a","start_time":67.671,"end_time":67.711},{"word":"width","start_time":67.811,"end_time":68.032},{"word":"to","start_time":68.092,"end_time":68.192},{"word":"that,","start_time":68.232,"end_time":68.432},{"word":"such","start_time":68.732,"end_time":68.932},{"word":"as","start_time":69.033,"end_time":69.153},{"word":"1200,","start_time":69.173,"end_time":69.953},{"word":"or","start_time":70.294,"end_time":70.374},{"word":"once","start_time":70.434,"end_time":70.554},{"word":"we","start_time":70.574,"end_time":70.654},{"word":"reload","start_time":70.714,"end_time":70.994},{"word":"the","start_time":71.014,"end_time":71.114},{"word":"page,","start_time":71.154,"end_time":71.535},{"word":"once","start_time":71.695,"end_time":71.795},{"word":"we","start_time":71.815,"end_time":71.915},{"word":"look","start_time":71.955,"end_time":72.095},{"word":"at","start_time":72.115,"end_time":72.175},{"word":"that","start_time":72.195,"end_time":72.315},{"word":"URL,","start_time":72.436,"end_time":72.796},{"word":"we","start_time":72.836,"end_time":72.896},{"word":"can","start_time":72.916,"end_time":73.036},{"word":"now","start_time":73.056,"end_time":73.216},{"word":"see","start_time":73.296,"end_time":73.496},{"word":"that","start_time":73.557,"end_time":73.657},{"word":"the","start_time":73.697,"end_time":73.797},{"word":"actual","start_time":73.977,"end_time":74.317},{"word":"image","start_time":74.457,"end_time":74.698},{"word":"size","start_time":74.738,"end_time":75.038},{"word":"is","start_time":75.058,"end_time":75.098},{"word":"1200","start_time":75.438,"end_time":75.538},{"word":"wide","start_time":75.658,"end_time":75.899},{"word":"by","start_time":75.919,"end_time":75.979},{"word":"800","start_time":76.019,"end_time":76.179},{"word":"pixels.","start_time":76.239,"end_time":76.579}],"alternatives":[],"language":"en"},{"transcript":" Now, once we did resize that image, we'll notice that we had a big effect on that file size where originally it was around one megabyte, but now it's one hundred and sixty one kilobytes.","confidence":0.8473428571428571,"words":[{"word":"Now,","start_time":78.08,"end_time":78.18},{"word":"once","start_time":78.261,"end_time":78.381},{"word":"we","start_time":78.421,"end_time":78.501},{"word":"did","start_time":78.561,"end_time":78.722},{"word":"resize","start_time":78.782,"end_time":79.143},{"word":"that","start_time":79.203,"end_time":79.323},{"word":"image,","start_time":79.423,"end_time":79.684},{"word":"we'll","start_time":79.724,"end_time":79.865},{"word":"notice","start_time":79.905,"end_time":80.145},{"word":"that","start_time":80.165,"end_time":80.266},{"word":"we","start_time":80.286,"end_time":80.386},{"word":"had","start_time":80.446,"end_time":80.586},{"word":"a","start_time":80.606,"end_time":80.646},{"word":"big","start_time":80.767,"end_time":80.967},{"word":"effect","start_time":81.007,"end_time":81.348},{"word":"on","start_time":81.388,"end_time":81.448},{"word":"that","start_time":81.488,"end_time":81.609},{"word":"file","start_time":81.709,"end_time":82.01},{"word":"size","start_time":82.05,"end_time":82.33},{"word":"where","start_time":82.691,"end_time":82.832},{"word":"originally","start_time":82.892,"end_time":83.293},{"word":"it","start_time":83.333,"end_time":83.373},{"word":"was","start_time":83.413,"end_time":83.513},{"word":"around","start_time":83.533,"end_time":83.774},{"word":"one","start_time":83.854,"end_time":83.954},{"word":"megabyte,","start_time":83.994,"end_time":84.476},{"word":"but","start_time":84.496,"end_time":84.596},{"word":"now","start_time":84.656,"end_time":84.776},{"word":"it's","start_time":84.816,"end_time":84.917},{"word":"one","start_time":84.997,"end_time":85.077},{"word":"hundred","start_time":85.097,"end_time":85.298},{"word":"and","start_time":85.318,"end_time":85.378},{"word":"sixty","start_time":85.418,"end_time":85.679},{"word":"one","start_time":85.739,"end_time":85.819},{"word":"kilobytes.","start_time":85.859,"end_time":86.26}],"alternatives":[],"language":"en"},{"transcript":" But say on top of this, maybe I don't only want to resize the image, I want to create a square image.","confidence":0.6780909090909092,"words":[{"word":"But","start_time":86.741,"end_time":86.842},{"word":"say","start_time":86.902,"end_time":87.123},{"word":"on","start_time":87.223,"end_time":87.303},{"word":"top","start_time":87.364,"end_time":87.584},{"word":"of","start_time":87.605,"end_time":87.645},{"word":"this,","start_time":87.685,"end_time":87.866},{"word":"maybe","start_time":87.946,"end_time":88.227},{"word":"I","start_time":88.247,"end_time":88.267},{"word":"don't","start_time":88.568,"end_time":88.729},{"word":"only","start_time":88.809,"end_time":89.01},{"word":"want","start_time":89.05,"end_time":89.19},{"word":"to","start_time":89.21,"end_time":89.271},{"word":"resize","start_time":89.331,"end_time":89.833},{"word":"the","start_time":89.873,"end_time":89.993},{"word":"image,","start_time":90.073,"end_time":90.354},{"word":"I","start_time":90.455,"end_time":90.515},{"word":"want","start_time":90.535,"end_time":90.676},{"word":"to","start_time":90.696,"end_time":90.756},{"word":"create","start_time":90.816,"end_time":91.117},{"word":"a","start_time":91.177,"end_time":91.218},{"word":"square","start_time":91.298,"end_time":91.699},{"word":"image.","start_time":91.719,"end_time":91.82}],"alternatives":[],"language":"en"},{"transcript":" I can change the scale to crop instead, where now I want to also define a height of twelve hundred.","confidence":0.7922000000000001,"words":[{"word":"I","start_time":92.601,"end_time":92.642},{"word":"can","start_time":92.682,"end_time":92.822},{"word":"change","start_time":92.882,"end_time":93.183},{"word":"the","start_time":93.223,"end_time":93.344},{"word":"scale","start_time":93.384,"end_time":93.745},{"word":"to","start_time":93.805,"end_time":93.926},{"word":"crop","start_time":94.066,"end_time":94.507},{"word":"instead,","start_time":94.668,"end_time":95.27},{"word":"where","start_time":95.571,"end_time":95.751},{"word":"now","start_time":95.791,"end_time":96.012},{"word":"I","start_time":96.132,"end_time":96.173},{"word":"want","start_time":96.213,"end_time":96.373},{"word":"to","start_time":96.413,"end_time":96.494},{"word":"also","start_time":96.614,"end_time":96.875},{"word":"define","start_time":96.935,"end_time":97.316},{"word":"a","start_time":97.396,"end_time":97.437},{"word":"height","start_time":97.537,"end_time":97.798},{"word":"of","start_time":97.898,"end_time":97.958},{"word":"twelve","start_time":98.099,"end_time":98.339},{"word":"hundred.","start_time":98.359,"end_time":98.52}],"alternatives":[],"language":"en"},{"transcript":" But now once I reload the page, we can see that that image is now a square, but we can take that a step further where maybe I want to make sure that I focus this crop around the face.","confidence":0.8183,"words":[{"word":"But","start_time":98.981,"end_time":99.081},{"word":"now","start_time":99.121,"end_time":99.201},{"word":"once","start_time":99.281,"end_time":99.382},{"word":"I","start_time":99.402,"end_time":99.442},{"word":"reload","start_time":99.482,"end_time":99.723},{"word":"the","start_time":99.743,"end_time":99.823},{"word":"page,","start_time":99.843,"end_time":100.083},{"word":"we","start_time":100.124,"end_time":100.184},{"word":"can","start_time":100.204,"end_time":100.324},{"word":"see","start_time":100.364,"end_time":100.505},{"word":"that","start_time":100.545,"end_time":100.645},{"word":"that","start_time":100.665,"end_time":100.805},{"word":"image","start_time":100.926,"end_time":101.186},{"word":"is","start_time":101.307,"end_time":101.387},{"word":"now","start_time":101.487,"end_time":101.667},{"word":"a","start_time":101.707,"end_time":101.748},{"word":"square,","start_time":101.808,"end_time":102.108},{"word":"but","start_time":102.389,"end_time":102.469},{"word":"we","start_time":102.489,"end_time":102.55},{"word":"can","start_time":102.57,"end_time":102.67},{"word":"take","start_time":102.69,"end_time":102.81},{"word":"that","start_time":102.85,"end_time":102.971},{"word":"a","start_time":102.991,"end_time":103.031},{"word":"step","start_time":103.051,"end_time":103.251},{"word":"further","start_time":103.291,"end_time":103.572},{"word":"where","start_time":103.652,"end_time":103.793},{"word":"maybe","start_time":103.833,"end_time":104.053},{"word":"I","start_time":104.093,"end_time":104.133},{"word":"want","start_time":104.174,"end_time":104.294},{"word":"to","start_time":104.314,"end_time":104.374},{"word":"make","start_time":104.414,"end_time":104.575},{"word":"sure","start_time":104.615,"end_time":104.755},{"word":"that","start_time":104.795,"end_time":104.915},{"word":"I","start_time":104.976,"end_time":105.056},{"word":"focus","start_time":105.136,"end_time":105.497},{"word":"this","start_time":105.517,"end_time":105.677},{"word":"crop","start_time":105.798,"end_time":106.159},{"word":"around","start_time":106.259,"end_time":106.459},{"word":"the","start_time":106.479,"end_time":106.58},{"word":"face.","start_time":106.62,"end_time":106.76}],"alternatives":[],"language":"en"},{"transcript":" So I can chain on the gravity and set that to auto, where Cloudinary will automatically detect where that subject of the photo is and crop to that area.","confidence":0.7973448275862068,"words":[{"word":"So","start_time":107.33,"end_time":107.43},{"word":"I","start_time":107.471,"end_time":107.511},{"word":"can","start_time":107.551,"end_time":107.691},{"word":"chain","start_time":107.751,"end_time":108.032},{"word":"on","start_time":108.232,"end_time":108.353},{"word":"the","start_time":108.433,"end_time":108.533},{"word":"gravity","start_time":108.573,"end_time":109.275},{"word":"and","start_time":109.656,"end_time":109.756},{"word":"set","start_time":109.816,"end_time":110.037},{"word":"that","start_time":110.077,"end_time":110.257},{"word":"to","start_time":110.337,"end_time":110.438},{"word":"auto,","start_time":110.658,"end_time":110.919},{"word":"where","start_time":111.199,"end_time":111.34},{"word":"Cloudinary","start_time":111.36,"end_time":111.781},{"word":"will","start_time":111.821,"end_time":111.981},{"word":"automatically","start_time":112.062,"end_time":112.503},{"word":"detect","start_time":112.523,"end_time":112.843},{"word":"where","start_time":112.924,"end_time":113.104},{"word":"that","start_time":113.144,"end_time":113.304},{"word":"subject","start_time":113.385,"end_time":113.746},{"word":"of","start_time":113.786,"end_time":113.846},{"word":"the","start_time":113.886,"end_time":113.966},{"word":"photo","start_time":114.026,"end_time":114.347},{"word":"is","start_time":114.487,"end_time":114.588},{"word":"and","start_time":114.688,"end_time":114.768},{"word":"crop","start_time":114.848,"end_time":115.109},{"word":"to","start_time":115.129,"end_time":115.249},{"word":"that","start_time":115.269,"end_time":115.41},{"word":"area.","start_time":115.51,"end_time":115.61}],"alternatives":[],"language":"en"},{"transcript":" Now, the nice thing about this is if I want to then chain on another resize event, such as use the scale method after the crop method, I can simply duplicate this line, change this to scale, and then change my values, such as if I want to make this 600 by 600.","confidence":0.8033962264150943,"words":[{"word":"Now,","start_time":116.11,"end_time":116.211},{"word":"the","start_time":116.231,"end_time":116.331},{"word":"nice","start_time":116.371,"end_time":116.531},{"word":"thing","start_time":116.551,"end_time":116.711},{"word":"about","start_time":116.751,"end_time":116.972},{"word":"this","start_time":117.012,"end_time":117.232},{"word":"is","start_time":117.352,"end_time":117.432},{"word":"if","start_time":117.492,"end_time":117.572},{"word":"I","start_time":117.632,"end_time":117.672},{"word":"want","start_time":117.712,"end_time":117.853},{"word":"to","start_time":117.873,"end_time":117.953},{"word":"then","start_time":118.013,"end_time":118.253},{"word":"chain","start_time":118.373,"end_time":118.674},{"word":"on","start_time":118.834,"end_time":118.954},{"word":"another","start_time":119.094,"end_time":119.515},{"word":"resize","start_time":119.655,"end_time":120.236},{"word":"event,","start_time":120.296,"end_time":120.656},{"word":"such","start_time":120.977,"end_time":121.137},{"word":"as","start_time":121.177,"end_time":121.277},{"word":"use","start_time":121.457,"end_time":121.577},{"word":"the","start_time":121.618,"end_time":121.738},{"word":"scale","start_time":121.798,"end_time":122.138},{"word":"method","start_time":122.198,"end_time":122.499},{"word":"after","start_time":122.759,"end_time":122.979},{"word":"the","start_time":122.999,"end_time":123.079},{"word":"crop","start_time":123.119,"end_time":123.38},{"word":"method,","start_time":123.4,"end_time":123.74},{"word":"I","start_time":124.141,"end_time":124.181},{"word":"can","start_time":124.221,"end_time":124.341},{"word":"simply","start_time":124.381,"end_time":124.661},{"word":"duplicate","start_time":124.702,"end_time":125.122},{"word":"this","start_time":125.162,"end_time":125.322},{"word":"line,","start_time":125.422,"end_time":125.783},{"word":"change","start_time":126.143,"end_time":126.424},{"word":"this","start_time":126.464,"end_time":126.624},{"word":"to","start_time":126.664,"end_time":126.784},{"word":"scale,","start_time":126.844,"end_time":127.265},{"word":"and","start_time":127.585,"end_time":127.665},{"word":"then","start_time":127.685,"end_time":127.806},{"word":"change","start_time":127.866,"end_time":128.146},{"word":"my","start_time":128.206,"end_time":128.346},{"word":"values,","start_time":128.406,"end_time":128.887},{"word":"such","start_time":129.287,"end_time":129.428},{"word":"as","start_time":129.468,"end_time":129.528},{"word":"if","start_time":129.588,"end_time":129.648},{"word":"I","start_time":129.688,"end_time":129.748},{"word":"want","start_time":129.768,"end_time":129.908},{"word":"to","start_time":129.928,"end_time":130.008},{"word":"make","start_time":130.048,"end_time":130.209},{"word":"this","start_time":130.249,"end_time":130.329},{"word":"600","start_time":130.349,"end_time":130.409},{"word":"by","start_time":130.429,"end_time":130.469},{"word":"600.","start_time":130.489,"end_time":130.549}],"alternatives":[],"language":"en"},{"transcript":" We're the only thing we need to tweak in this case is remove the gravity from","confidence":0.7925625,"words":[{"word":"We're","start_time":131.82,"end_time":131.941},{"word":"the","start_time":131.961,"end_time":132.042},{"word":"only","start_time":132.082,"end_time":132.202},{"word":"thing","start_time":132.223,"end_time":132.343},{"word":"we","start_time":132.384,"end_time":132.444},{"word":"need","start_time":132.464,"end_time":132.605},{"word":"to","start_time":132.625,"end_time":132.685},{"word":"tweak","start_time":132.746,"end_time":132.987},{"word":"in","start_time":133.007,"end_time":133.067},{"word":"this","start_time":133.108,"end_time":133.248},{"word":"case","start_time":133.289,"end_time":133.57},{"word":"is","start_time":133.671,"end_time":133.751},{"word":"remove","start_time":133.791,"end_time":134.194},{"word":"the","start_time":134.234,"end_time":134.335},{"word":"gravity","start_time":134.395,"end_time":134.918},{"word":"from","start_time":134.938,"end_time":135.018}],"alternatives":[],"language":"en"},{"transcript":" the scale method as it's not available for that particular method.","confidence":0.8024545454545454,"words":[{"word":"the","start_time":135.441,"end_time":135.542},{"word":"scale","start_time":135.602,"end_time":135.924},{"word":"method","start_time":135.985,"end_time":136.327},{"word":"as","start_time":136.468,"end_time":136.548},{"word":"it's","start_time":136.609,"end_time":136.729},{"word":"not","start_time":136.79,"end_time":136.951},{"word":"available","start_time":137.011,"end_time":137.374},{"word":"for","start_time":137.394,"end_time":137.535},{"word":"that","start_time":137.575,"end_time":137.676},{"word":"particular","start_time":137.736,"end_time":138.159},{"word":"method.","start_time":138.179,"end_time":138.3}],"alternatives":[],"language":"en"},{"transcript":" But now while it looks probably the same as we saw before,","confidence":0.8555833333333333,"words":[{"word":"But","start_time":138.742,"end_time":138.843},{"word":"now","start_time":138.883,"end_time":139.064},{"word":"while","start_time":139.125,"end_time":139.306},{"word":"it","start_time":139.346,"end_time":139.407},{"word":"looks","start_time":139.447,"end_time":139.649},{"word":"probably","start_time":139.689,"end_time":139.991},{"word":"the","start_time":140.032,"end_time":140.112},{"word":"same","start_time":140.173,"end_time":140.455},{"word":"as","start_time":140.515,"end_time":140.576},{"word":"we","start_time":140.616,"end_time":140.697},{"word":"saw","start_time":140.757,"end_time":140.938},{"word":"before,","start_time":140.959,"end_time":141.14}],"alternatives":[],"language":"en"},{"transcript":" if we hover over that image, we can now see it's 600 by 600,","confidence":0.7160000000000001,"words":[{"word":"if","start_time":141.361,"end_time":141.421},{"word":"we","start_time":141.461,"end_time":141.542},{"word":"hover","start_time":141.582,"end_time":141.824},{"word":"over","start_time":141.884,"end_time":142.025},{"word":"that","start_time":142.065,"end_time":142.206},{"word":"image,","start_time":142.307,"end_time":142.528},{"word":"we","start_time":142.569,"end_time":142.629},{"word":"can","start_time":142.649,"end_time":142.77},{"word":"now","start_time":142.81,"end_time":142.991},{"word":"see","start_time":143.072,"end_time":143.273},{"word":"it's","start_time":143.314,"end_time":143.414},{"word":"600","start_time":143.434,"end_time":143.535},{"word":"by","start_time":143.575,"end_time":143.636},{"word":"600,","start_time":143.656,"end_time":143.716}],"alternatives":[],"language":"en"},{"transcript":" but it still appears the same as it did before.","confidence":0.8291999999999999,"words":[{"word":"but","start_time":144.944,"end_time":145.045},{"word":"it","start_time":145.065,"end_time":145.106},{"word":"still","start_time":145.166,"end_time":145.388},{"word":"appears","start_time":145.449,"end_time":145.752},{"word":"the","start_time":145.812,"end_time":145.893},{"word":"same","start_time":145.913,"end_time":146.175},{"word":"as","start_time":146.216,"end_time":146.276},{"word":"it","start_time":146.317,"end_time":146.357},{"word":"did","start_time":146.397,"end_time":146.519},{"word":"before.","start_time":146.539,"end_time":146.68}],"alternatives":[],"language":"en"},{"transcript":" Now this is important because this original image was 2600 by 1700.","confidence":0.7839166666666667,"words":[{"word":"Now","start_time":147.242,"end_time":147.342},{"word":"this","start_time":147.382,"end_time":147.503},{"word":"is","start_time":147.563,"end_time":147.643},{"word":"important","start_time":147.704,"end_time":148.126},{"word":"because","start_time":148.186,"end_time":148.427},{"word":"this","start_time":148.467,"end_time":148.628},{"word":"original","start_time":148.728,"end_time":149.17},{"word":"image","start_time":149.331,"end_time":149.612},{"word":"was","start_time":149.652,"end_time":149.753},{"word":"2600","start_time":149.773,"end_time":149.954},{"word":"by","start_time":149.994,"end_time":150.074},{"word":"1700.","start_time":150.094,"end_time":150.195}],"alternatives":[],"language":"en"},{"transcript":" Now if I change the width and the height to 1700,","confidence":0.7800909090909091,"words":[{"word":"Now","start_time":152.163,"end_time":152.284},{"word":"if","start_time":152.364,"end_time":152.445},{"word":"I","start_time":152.525,"end_time":152.606},{"word":"change","start_time":152.686,"end_time":153.029},{"word":"the","start_time":153.069,"end_time":153.149},{"word":"width","start_time":153.19,"end_time":153.371},{"word":"and","start_time":153.411,"end_time":153.492},{"word":"the","start_time":153.512,"end_time":153.572},{"word":"height","start_time":153.633,"end_time":153.914},{"word":"to","start_time":154.075,"end_time":154.357},{"word":"1700,","start_time":154.377,"end_time":154.518}],"alternatives":[],"language":"en"},{"transcript":" we'll see that that crop does look different because of how we're cropping it to","confidence":0.7717999999999999,"words":[{"word":"we'll","start_time":155.742,"end_time":155.943},{"word":"see","start_time":155.983,"end_time":156.204},{"word":"that","start_time":156.264,"end_time":156.385},{"word":"that","start_time":156.405,"end_time":156.545},{"word":"crop","start_time":156.626,"end_time":156.967},{"word":"does","start_time":157.068,"end_time":157.349},{"word":"look","start_time":157.449,"end_time":157.67},{"word":"different","start_time":157.771,"end_time":158.152},{"word":"because","start_time":158.293,"end_time":158.715},{"word":"of","start_time":158.795,"end_time":158.835},{"word":"how","start_time":158.936,"end_time":159.077},{"word":"we're","start_time":159.137,"end_time":159.298},{"word":"cropping","start_time":159.338,"end_time":159.719},{"word":"it","start_time":159.76,"end_time":159.8},{"word":"to","start_time":159.82,"end_time":159.86}],"alternatives":[],"language":"en"},{"transcript":" the original file size.","confidence":0.63275,"words":[{"word":"the","start_time":159.982,"end_time":160.064},{"word":"original","start_time":160.105,"end_time":160.431},{"word":"file","start_time":160.493,"end_time":160.717},{"word":"size.","start_time":160.738,"end_time":160.84}],"alternatives":[],"language":"en"},{"transcript":" So being able to chain on the resizes as we have gives us more control of how we","confidence":0.6388333333333334,"words":[{"word":"So","start_time":161.41,"end_time":161.551},{"word":"being","start_time":161.591,"end_time":161.752},{"word":"able","start_time":161.772,"end_time":161.893},{"word":"to","start_time":161.913,"end_time":161.973},{"word":"chain","start_time":162.013,"end_time":162.254},{"word":"on","start_time":162.335,"end_time":162.415},{"word":"the","start_time":162.455,"end_time":162.536},{"word":"resizes","start_time":162.596,"end_time":163.158},{"word":"as","start_time":163.319,"end_time":163.4},{"word":"we","start_time":163.44,"end_time":163.56},{"word":"have","start_time":163.641,"end_time":164.002},{"word":"gives","start_time":164.103,"end_time":164.284},{"word":"us","start_time":164.324,"end_time":164.424},{"word":"more","start_time":164.464,"end_time":164.625},{"word":"control","start_time":164.665,"end_time":165.107},{"word":"of","start_time":165.127,"end_time":165.168},{"word":"how","start_time":165.188,"end_time":165.268},{"word":"we","start_time":165.288,"end_time":165.328}],"alternatives":[],"language":"en"},{"transcript":" effectively transform our image, but whatever method you choose,","confidence":0.7677777777777777,"words":[{"word":"effectively","start_time":165.911,"end_time":166.494},{"word":"transform","start_time":166.575,"end_time":167.198},{"word":"our","start_time":167.54,"end_time":167.641},{"word":"image,","start_time":167.741,"end_time":168.003},{"word":"but","start_time":168.305,"end_time":168.405},{"word":"whatever","start_time":168.425,"end_time":168.727},{"word":"method","start_time":168.767,"end_time":168.988},{"word":"you","start_time":169.009,"end_time":169.109},{"word":"choose,","start_time":169.149,"end_time":169.27}],"alternatives":[],"language":"en"},{"transcript":" this gives us a lot of flexibility for how we work with our images in a react app","confidence":0.7496666666666667,"words":[{"word":"this","start_time":169.47,"end_time":169.591},{"word":"gives","start_time":169.611,"end_time":169.772},{"word":"us","start_time":169.812,"end_time":169.893},{"word":"a","start_time":169.913,"end_time":169.933},{"word":"lot","start_time":169.973,"end_time":170.114},{"word":"of","start_time":170.134,"end_time":170.174},{"word":"flexibility","start_time":170.194,"end_time":170.838},{"word":"for","start_time":170.918,"end_time":171.039},{"word":"how","start_time":171.099,"end_time":171.26},{"word":"we","start_time":171.3,"end_time":171.401},{"word":"work","start_time":171.421,"end_time":171.582},{"word":"with","start_time":171.622,"end_time":171.723},{"word":"our","start_time":171.783,"end_time":171.864},{"word":"images","start_time":171.984,"end_time":172.366},{"word":"in","start_time":172.427,"end_time":172.507},{"word":"a","start_time":172.527,"end_time":172.567},{"word":"react","start_time":172.608,"end_time":172.929},{"word":"app","start_time":172.949,"end_time":173.05}],"alternatives":[],"language":"en"},{"transcript":" or because the URL gen SDK isn't react specific.","confidence":0.7148888888888888,"words":[{"word":"or","start_time":173.534,"end_time":173.594},{"word":"because","start_time":173.634,"end_time":173.876},{"word":"the","start_time":173.916,"end_time":173.997},{"word":"URL","start_time":174.098,"end_time":174.34},{"word":"gen","start_time":174.36,"end_time":174.541},{"word":"SDK","start_time":174.601,"end_time":175.004},{"word":"isn't","start_time":175.105,"end_time":175.307},{"word":"react","start_time":175.347,"end_time":175.528},{"word":"specific.","start_time":175.569,"end_time":175.73}],"alternatives":[],"language":"en"},{"transcript":" This works with other frameworks and libraries as well.","confidence":0.8398888888888889,"words":[{"word":"This","start_time":176.251,"end_time":176.412},{"word":"works","start_time":176.452,"end_time":176.653},{"word":"with","start_time":176.694,"end_time":176.814},{"word":"other","start_time":176.935,"end_time":177.136},{"word":"frameworks","start_time":177.237,"end_time":177.699},{"word":"and","start_time":177.739,"end_time":177.82},{"word":"libraries","start_time":177.86,"end_time":178.363},{"word":"as","start_time":178.423,"end_time":178.484},{"word":"well.","start_time":178.544,"end_time":178.785}],"alternatives":[],"language":"en"},{"transcript":"So in review,","confidence":0.6556666666666666,"words":[{"word":"So","start_time":179.188,"end_time":179.308},{"word":"in","start_time":179.349,"end_time":179.429},{"word":"review,","start_time":179.469,"end_time":179.59}],"alternatives":[],"language":"en"},{"transcript":" in order to resize an image down or up to the size we need,","confidence":0.8094285714285713,"words":[{"word":"in","start_time":179.891,"end_time":179.951},{"word":"order","start_time":180.032,"end_time":180.213},{"word":"to","start_time":180.253,"end_time":180.313},{"word":"resize","start_time":180.354,"end_time":180.716},{"word":"an","start_time":180.736,"end_time":180.817},{"word":"image","start_time":180.897,"end_time":181.138},{"word":"down","start_time":181.199,"end_time":181.48},{"word":"or","start_time":181.662,"end_time":181.762},{"word":"up","start_time":182.064,"end_time":182.165},{"word":"to","start_time":182.245,"end_time":182.326},{"word":"the","start_time":182.366,"end_time":182.487},{"word":"size","start_time":182.527,"end_time":182.768},{"word":"we","start_time":182.788,"end_time":182.849},{"word":"need,","start_time":182.869,"end_time":182.949}],"alternatives":[],"language":"en"},{"transcript":" as well as crop it to the ratio we'd like, we can use the Cloudinary URL gen SDK,","confidence":0.7250000000000001,"words":[{"word":"as","start_time":183.391,"end_time":183.471},{"word":"well","start_time":183.532,"end_time":183.753},{"word":"as","start_time":183.793,"end_time":183.873},{"word":"crop","start_time":183.953,"end_time":184.235},{"word":"it","start_time":184.255,"end_time":184.295},{"word":"to","start_time":184.335,"end_time":184.436},{"word":"the","start_time":184.476,"end_time":184.556},{"word":"ratio","start_time":184.657,"end_time":185.058},{"word":"we'd","start_time":185.099,"end_time":185.259},{"word":"like,","start_time":185.3,"end_time":185.541},{"word":"we","start_time":185.942,"end_time":186.043},{"word":"can","start_time":186.063,"end_time":186.183},{"word":"use","start_time":186.244,"end_time":186.344},{"word":"the","start_time":186.364,"end_time":186.425},{"word":"Cloudinary","start_time":186.465,"end_time":186.887},{"word":"URL","start_time":186.987,"end_time":187.268},{"word":"gen","start_time":187.288,"end_time":187.469},{"word":"SDK,","start_time":187.509,"end_time":187.61}],"alternatives":[],"language":"en"},{"transcript":" whereby chaining on the resize method","confidence":0.7040000000000001,"words":[{"word":"whereby","start_time":188.314,"end_time":188.596},{"word":"chaining","start_time":188.677,"end_time":189.001},{"word":"on","start_time":189.081,"end_time":189.182},{"word":"the","start_time":189.203,"end_time":189.304},{"word":"resize","start_time":189.364,"end_time":189.809},{"word":"method","start_time":189.829,"end_time":189.95}],"alternatives":[],"language":"en"},{"transcript":" We have the ability to crop and scale our images to whatever format we need.","confidence":0.8218666666666665,"words":[{"word":"We","start_time":190.581,"end_time":190.661},{"word":"have","start_time":190.701,"end_time":190.802},{"word":"the","start_time":190.822,"end_time":190.882},{"word":"ability","start_time":190.922,"end_time":191.264},{"word":"to","start_time":191.284,"end_time":191.365},{"word":"crop","start_time":191.465,"end_time":191.767},{"word":"and","start_time":191.887,"end_time":191.988},{"word":"scale","start_time":192.048,"end_time":192.35},{"word":"our","start_time":192.43,"end_time":192.551},{"word":"images","start_time":192.611,"end_time":192.973},{"word":"to","start_time":193.094,"end_time":193.214},{"word":"whatever","start_time":193.275,"end_time":193.616},{"word":"format","start_time":193.677,"end_time":194.018},{"word":"we","start_time":194.059,"end_time":194.179},{"word":"need.","start_time":194.199,"end_time":194.32}],"alternatives":[],"language":"en"}]