--- title: "Nuxt vs Next: the battle of the Images" description: "In this video I compare the newly released Nuxt and Next native Image tags to the Next Image. Who wins? The rules: Output semantically valid HTML according to web standards. No opinions added to the output. Should work out of the box." date: "2021-06-21T08:31:45.000Z" url: "https://timbenniks.dev/videos/tim/046-lpk392g10ou" youtube_url: "https://www.youtube.com/watch?v=lpK392G10OU" playlist: "tim" image: "https://i.ytimg.com/vi/lpK392G10OU/maxresdefault.jpg" tags: ["performance", "frontend", "media-production"] --- # Nuxt vs Next: the battle of the Images In this video I compare the newly released Nuxt and Next native Image tags to the Next Image. Who wins? The rules: Output semantically valid HTML according to web standards. No opinions added to the output. Should work out of the box. Watch on YouTube: https://www.youtube.com/watch?v=lpK392G10OU ## Transcript image ik had het moment bolknak stent next just came out met der nee tief image-tags voor de framework smart knuffels milzink muziek warging slag der beek week is moemoe feest met high quality right zo armoede check out is next en next day good job zo there would be je battle between the two are you ready let's rock en roll welcome to the battle of the image-tags next personnel are you ready let's get ready to rumble [Applaus] [Muziek] hij een ex die u die ik site to get going het is zo'n oké sal let's talk about the set up of the battle ibood be creating een basic responsive image super simpel jazz it should work so i wanted to work on small medium en large screens en een hoop ik er zijn the fault in dood systems to make their helpen and then i will be using a de bock settings no change is nothing en zo let's talk about the outcome of bereik spect vormen spatel hij woont is in mijn sterkte the semantic lee correct it should be boarding de standards of x 2 mln houden image suppose to work bright and also i don't like op indien zij doen want to have like some crazy stuff er aan die immers tijd to make ik doe fun stuff houdoe dag mijzelf right qualities and richting zo nauw crazy je pincet fleece en waar hij onze hoop ik is door system sectie die vorm ook olie dit deel optima is the image kerstman everbody hers cloud een eer voor accent op white oké that's it for the rules and mike spek dit outcome les get doe ik oké hey miko wat niveau congo je kunt zien die van shirt of een time of day and life heb een tattoo stuff and back now let's get into it oké a-gps coach project met de bodem en xtend en apps en stal een dozijn boten latest versions in kloetinge already the image tekst of vijf inch en zijn binnen free work aduard is video batch hoe lang zal het startpunt next balderschwang lets travel ook insight knights weekend hier in de stad ik folder ah i watched oké back to this file and using in next en narsingh file dit is 1212 100e back and one point to megabyte wie the big stuff right ze let's see what the systems duw het is en zo dadelijk en die index page and remove any case wie waren completly clean ving hem just loning in which insight is dit zoals lessen van leuk in de browser refresh yes hier is die in jazz de normaal image level ik het en edward tijd wat zie haar beken deze bank want to know about the right words to win a little and they're just een normaal image-tag hier zo het is mijn mixtape en let's go to de nep boksen never look zo installation of dan wf en zo leuk usage zo it seems like weekend juist smart is over to next image and it should be running wat doe dat zo de location esthetica er de folder source met een high but this is actually the increasing leuk dus icing zo de herfst mode medium large en echt jullie in my intro iser uitbannen te doen something like that i know responsief image zo houd je je start by en ik de next thing and then slowly sting leukst boots next image and sizes every move de voor 100 en kees show on a small screen i want to 100 pixels medium voor 100 pixels marge een handdoek want ik mijn bed het cv works oké zodat een a larger already queso dit mooie succes klimaat wanted white iphone actually know what small medium large is we dit is een simpel video we dat kunnen doen wie jullie into the option seizoenen see what comes out en na duidelijk de de dam elementaire check jullie die zindelijk het persen mypbx voller heer de nieuwe tijdens bad en deursen normaal source er net voor wit of 100 to the biggest eventjes nodig by the gold voor browser te doen understand forse is and then who he sizes with maximum which asks for the gonna be to 100 pixels mexx wit seven things dieet zodat ze medium iets voor 100 en otherwise er is een handdruk zo dat workshop shackly je zei het al het zo de help u deze nummers hier en dennis een soort site met toegang great for 100 en 100 it's interesting week is echt jullie de sizer spoor in de next elemend pols en give us orse in taiwan het u deviator little bit met dat blijkt mars ice is een might wanna specify en d frankly de mars of zet het deksel idee van tanks herkennen doe dat hier mijn dodelijk' daar s max blad hou ochtend dus te helpen probably not daar of de zo dit is die zendt het comes out wel ze lesgeven look how big die me check jury is oké zo de een handdruk won is ethisch wie kilobytes de voorganger this twentysix kilobytes dat dat spray die oké zo iets ziens like in dit worden ai want dit te duur uit die out to display the native en met responsive ik dus een herman shopping in other then of course sizes and source het not being said treden however dat ferry miner ging oké dead yet let's go to next zie je dat jack hoe airbag hoe het next ik doe ik niet bidt budget is de word pikken timing en one mac hoe het no 16 in die ehm configuratie uit de nieuw chips' en ik dus dit market and love issues zo richard het back to another node.js woning in rosette al een intel en were good to go zo in to next en laten we net zoals is running laten zien op de derde sectie louis fastfood website verder neemt zo in publiek is dan dat statisticus is next wie haar de what she can access lieden zijn file en zo in die index file you already have next image and ivory moet effe dingen hen en hem xlii loading next image waar ik een ex lead you may be kindjes doe normaal image-tag de cia daar word en hij nu er te doen is oké zo knowledge doe normaal and then you go to de proppen naar de next image fresh werk doet en like het en hier is die normaal image just bmx nac staat ik en leds hebben een leuk eerst and images wat de size wil je ziet xlii bond punt toen megabytes edition de normaal image oké clare simpel let's do this oké zo nou let's geddes oh de lucht next zorg next image-tag rit de eem inch en een bungee het skip the four hundred joost klitsie wat is dat oh hoi oké zo out of de box is een normaal image work this is tijd daaronder waren ook een les over lukken wat is dit display inline blok mexx wit over vloog in een show this is kanaal like en reset zie je zes in het deeg released open dus open sea world doe je huis oké zo theres een ander dicht met zo'n soort reset en een image wat er je hele en euro percentage in wit en en tea for 100 bed 1211 which i can then be heeft de image-tag they actually essence or set met one en two ex en een whole bunch of css is wel dat must be your reason for this most likely they have some sort of invloeden die oranje shirt en size holy ghost u details nee ik een pro league apps en props to kan of make it ander object it or skill insight door sander must be something like that level logicus this broer is merely to like and imagine this the sting well maybe dergelijke blur up of this image is lezing heb ik is een harde butt af in mijn ex ds conf en let's have lukken gaan remove de voor 100 oké d'amigo ook een soort auto's thaise snow white because of the css des en nacho but what if you step for hanger in die het scannen worries hem wat hij think that's probably sam hier this is probably je vinger layout waar het ook is zo van fixed the image and manage will not change als de viewport jentjes no response of neus oké zo layout fixed you need is bieden die faalt nooit oké this seems to be en normaal image nou net uit de for hondenbak paradijs 30 en zo snel lang we de normaal image oké en waar els doe je hem the image will skill de den menschen staan voor smalle viewport met maintain the original demand for larger oké dat is cool layout intrinsiek and how bad met jullie moest daarin chemicus en inge werd je sims te breken oké wat deed in excel inn the source at night shift loading the future oké oh responsive rewind mandaat easy reading de docs might help you okay something change nou oké zo deze stil die zendt met oud en nieuw it by the way salut naf saai 600 via bidet white crow in kubusvorm ik is al heeft echte full page en en verzorg set met 6 for the seven fifty een twenty-eight oké da's al lang is koning up to four keer wat mij een beetje sexy niets wel van werd hij dronken thuis sizes waarin dit daar automatically however zodat mars mipro bis an option to set door seismic is dit is kennen natte the fault in mijn menu anyway is hij think we hef de basics down hier nou let's go to conclusies zijn komt per post or white conclusie die led 7 look how boot of door frameworks deed first and foremost mijn posting poorten van cement ik eet schemale according to standards warm in beide is mainly is defecte t views tikt u de standards and keep het cement ik een keeper de koning die wat browser fenders one you to you it's much easier for them to update de browser and keep your rating and making things were performed and more optimal waar dit hij punt met css and the nations mijn people soorten used and more with my teacher voor de browser fender sectie die wie optima stem afrika using jquery enymate ter mude en of happened right singles voor emotie's en mediale thing chauffeur import en and honestly next the aim ik sta ik het zelf dit work it was actually going to spek bad tips around it and some interesting css choices is iets zo opdoet je kunt work which it but according to this to be this was not a cup karaf het hij er adjustable is zo de image you just skill dit dorp in moskou roken en zo de next ksd die duel met de one kunnen tekenen die couldn't sets ice is een soort set red ik in some occasions want je doet propere architectuur stuff you might wanna doe dat maar dat ze small one zo aan religie de thumbs up hier oké oh sorry import en opinies er die mannen doen maar jan lazy loting en upscaling bla bla bla wel next big veel plaatsen voor ping in edit de zing eens iets most likely a very smart op in you these guys are great developers het is donker die care fund uit dat niet doet myself and of course met not there is nothing at a time as stress using react of you dare kan het definitieve door je kunt u dus een vingers met hem die je prothetische dit model flink right and no time to some to black en white her but which you people tend to be more templates given more website driven and then apps achter alles possible witte but that's karig de week people think is van wie die clare het evidentie wat je doe een wild is kan het template in detail ging maar je hem boeket react is much more detail first application given first and then websites zo wordt er in mind cementing sammy en liet op dit wel s white kies je kenmerk greeley welsum en de kliek creates a is hoe die werkt en next of course met out of the box' it's more application framework like zo voor apps and that's what this shows in wheelworks what it's very driven and a more of the website building count oké zo lokaal images waarop team ice 2-ball dit very well i just realized en mike naar de show net voor niks dat dit dit was basically rifling maximus te zijn zo that's it for aan de conclusies in my opinion next one en dat snap ik de hele nacht in bath dravers wie die hoping for next the great and he think it will be is niet zo dat we de federation anyway thank you for watching and please leave a like or subscribe op commons beavis and my ass party beter please comment so much as you can and am not speak en twitter cheers bij