Responsive limitations

[Gil-1]

I'm not sure if I have a bug or if it's just a missuse so I put my issue in the question.

I use the latest version of the medialibrary (9.4.2)

My issue is that when I generate responsive images the generated images are half the resolution it should be.
For example, if I use this https://helpx.adobe.com/content/dam/help/en/photoshop/using/convert-color-image-black-white/jcr_content/main-pars/before_and_after/image-before/Landscape-Color.jpg which is 1601 x 664px

They result in these images

I register the MediaConversions in the model like this

public function registerMediaConversions(Media $media = null): void
    {
        $this->addMediaConversion('opti')
        ->format(Manipulations::FORMAT_JPG)
        ->width(2000)
        ->withResponsiveImages()
        ->performOnCollections('img');

        $this->addMediaConversion('thumb')
        ->fit(Manipulations::FIT_CONTAIN, 370, 285)
        ->crop(Manipulations::CROP_CENTER, 370, 285)
        ->format(Manipulations::FORMAT_JPG)
        ->performOnCollections('img');

        $this->addMediaConversion('mini-thumb')
        ->quality(70)
        ->format(Manipulations::FORMAT_JPG)
        ->fit(Manipulations::FIT_CONTAIN, 50, 50)
        ->performOnCollections('img');
    }

As I use this package in Nova I tried both current nova fields with the least option possible as the setup is done in the model to avoid interfering

"dmitrybubyakin/nova-medialibrary-field": "^3.2",
"ebess/advanced-nova-media-library": "^3.4",

They both give the same result. What is strange is the I can see the higher resolution being created but they are deleted right after.

To try to debug this I also tried to manually add the image via url with this command

$article->addMediaFromURL($url)->withResponsiveImages()->tomediaCollection('img')

The main difference with the nova packages is that I still have the higher resolution images left. They are not deleted after being added.
But for both, when I display the html it's limited to a lower resolution.
I can see in both case (with and without a nova package) that the responsive_images field in the database is the same with the higher resolution being 770 x 485px.

Here is how I output the html in blade just in case

{{ $page->GetFirstMedia('test')->img('opti')->lazy()->attributes(['class' => 'article__img', 'alt' => $page->alt]) }}

This is the html output

<img class="article__img" alt="Description de l'image" loading="lazy" srcset="https://cynaptek.cyn/storage/media/210/responsive-images/Landscape-Color___opti_770_485.jpg 770w, https://cynaptek.cyn/storage/media/210/responsive-images/Landscape-Color___opti_644_405.jpg 644w, https://cynaptek.cyn/storage/media/210/responsive-images/Landscape-Color___opti_539_339.jpg 539w, https://cynaptek.cyn/storage/media/210/responsive-images/Landscape-Color___opti_450_283.jpg 450w, https://cynaptek.cyn/storage/media/210/responsive-images/Landscape-Color___opti_377_237.jpg 377w, https://cynaptek.cyn/storage/media/210/responsive-images/Landscape-Color___opti_315_198.jpg 315w, https://cynaptek.cyn/storage/media/210/responsive-images/Landscape-Color___opti_264_166.jpg 264w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgNzcwIDQ4NSI+Cgk8aW1hZ2Ugd2lkdGg9Ijc3MCIgaGVpZ2h0PSI0ODUiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRkFBZ0F3RVJBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBK2RyTDRaZUlmR3JCN2Eya2xKOUJYelNwM1A2RnFZeWxSWHZNOWcrRUg3TzJxUmFnSk5VdDJpalQrOE1WNldHcHhUdXo0M09NNXRDMUpuVGZGejRjNlZwV251MjNjUVA0YTN4dEtseVhTMVBOeVRPTVc1Mms5RDVtTWNKdTVZSVl5T2NaeFh3T0lqT011WjdIMjlTZnQ5VDdkK0Z4bjhHNlF4K3dveHgxSTVyN0dwWk8wRDh0cTRxZUkxbXlQeFY4YmZzTHNza1loOWNjVjEwcUZXV3lQTHFTcC9hWjVINGkrS3FhNDBrQ3A1NlB4enpYVFZ3MWVkT3pSdmc4VFJ3OVJTVE9BYlFKNXJwcGJleUdHT2M0cnhsbGs1cjN6NnllZTBrbHlIdGwxNHMxS05DaXo0WDB4WDFNY1BUN0g1eTZrdTU1ejQzdVpMK0oybU81dlVWNnRDS2pzY2RSdDduSzZGRWtJSlVjK3BydmtyNkhISGM2YUhWTGlKY0srQjlLNW5UaStodHp5UC9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" sizes="100vw" src="https://cynaptek.cyn/storage/media/210/conversions/Landscape-Color-opti.jpg?v=1611079706" width="770" height="485">

---

Does anyone have an idea of what's going on ?
Am I missing something or should I try something ?

[Gil-1]

Strangely I figured that the max resolution is always half the source.