© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
1 reply
sven

Spatie media images get very small after upload

I'm using the filament/spatie-laravel-media-library-plugin v 3.2 in my app. All works well, but after the saving the form with the uploaded images, they show very small. I don't have any conversions that small so I'm confused what could be wrong.


Forms\Components\SpatieMediaLibraryFileUpload::make('cover')
->label('')
->collection('cover')
->conversion('lg')
->image()
->openable(),

Forms\Components\SpatieMediaLibraryFileUpload::make('cover')
->label('')
->collection('cover')
->conversion('lg')
->image()
->openable(),


And these are the conversions in my model:


$this->addMediaConversion('md')->fit(Fit::Max, 714, 714)->format('jpg')->quality(80)->nonQueued();
        $this->addMediaConversion('md_webp')->fit(Fit::Max, 714, 714)->format('webp')->quality(80)->nonQueued();
        $this->addMediaConversion('lg')->fit(Fit::Max, 1436, 1436)->format('jpg')->quality(80)->nonQueued();
        $this->addMediaConversion('lg_webp')->fit(Fit::Max, 1436, 1436)->format('webp')->quality(80)->nonQueued();

$this->addMediaConversion('md')->fit(Fit::Max, 714, 714)->format('jpg')->quality(80)->nonQueued();
        $this->addMediaConversion('md_webp')->fit(Fit::Max, 714, 714)->format('webp')->quality(80)->nonQueued();
        $this->addMediaConversion('lg')->fit(Fit::Max, 1436, 1436)->format('jpg')->quality(80)->nonQueued();
        $this->addMediaConversion('lg_webp')->fit(Fit::Max, 1436, 1436)->format('webp')->quality(80)->nonQueued();


The images upload without a problem and I can retrieve them in my app elsewhere. Only in the fileupload component they show tiny and blurry.

Does anyone have an idea?
Schermafbeelding_2024-07-18_om_17.17.46.png
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Spatie media library responsive images
FilamentFFilament / ❓┊help
2y ago
Spatie Media File Upload Issue
FilamentFFilament / ❓┊help
2y ago
Replicate images - Spatie Media Library Image
FilamentFFilament / ❓┊help
3y ago
Error with spatie media file upload
FilamentFFilament / ❓┊help
12mo ago