• 3dnames.jpg = 627kb
• 3dnames_1920x1080.webp = 90kb
• 3dnames_1920x1080.avif = 77kb
• 3dnames_1280x720.webp = 51kb
• 3dnames_1280x720.avif = 46kb
• 3dnames_640x360.webp = 21kb
• 3dnames_640x360.avif = 20kb

If you know the larger sized images will not be displayed, like in a grid or 2 or more flex columns you can of course simply call it with large="false"

And if in a grid of say 4 then... large={false} and medium={false}

You can also pass extra classes to the img itself className="border-teal-500 border-4 rounded-full"