webp

app/Filament/Resources/AlbumResource.php

                         ->directory('album/img')
                         ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor(),
                     FileUpload::make('news_img_pc')->label('列表圖(desktop)')
+                        ->image()
+                        ->optimize('webp')
                         ->directory('album/img')
                         ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor(),
                     FileUpload::make('news_img_mobile')->label('列表圖(mobile)')
+                        ->image()
+                        ->optimize('webp')
                         ->directory('album/img')
                         ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor(),
-                    Translate::make()->schema(fn(string $locale) => [
+                    Translate::make()->schema(fn (string $locale) => [
                         TextInput::make('title')
                             ->label('標題')
                             ->columnSpan(1),
                         ])->columnSpanFull()->default(1)->live(),
                         Group::make()->schema([
                             TextInput::make('link_video')->label('網址')->nullable(),
-                        ])->visible(fn(Get $get): bool => $get('upload_type') == 1)->columnSpanFull(),
+                        ])->visible(fn (Get $get): bool => $get('upload_type') == 1)->columnSpanFull(),
                         Group::make()->schema([
                             FileUpload::make('link_upload')->label('')->directory('album/video')
                                 ->acceptedFileTypes(['video/mp4', 'video/mpeg', 'video/quicktime', 'video/x-msvideo', 'video/x-ms-wmv'])
                                 ->helperText('建議影片寬高限制為:1920*1080px，出血寬度720px，大小限制為:100M以下')
                                 ->maxSize(102400)->nullable(),
-                        ])->visible(fn(Get $get): bool => $get('upload_type') == 2)->columnSpanFull(),
+                        ])->visible(fn (Get $get): bool => $get('upload_type') == 2)->columnSpanFull(),
                     ])->columnSpanFull(),
                     Toggle::make('on_top')->inline()->label('置頂輪播')->columnSpanFull(),
-//                    Toggle::make('homepage_top')->inline()->label('在首頁輪播')->columnSpanFull(),
+                    //                    Toggle::make('homepage_top')->inline()->label('在首頁輪播')->columnSpanFull(),
                 ])->columns(3),
             ]);
     }
                 TextColumn::make('post_date')->label('發布日期')->date()->alignCenter(),
                 ImageColumn::make('news_img_pc')->label('列表圖(desktop)')->alignCenter(),
                 TextColumn::make('list_audit_state')->label('狀態')->badge()
-                    ->color(fn(string $state): string => match ($state) {
+                    ->color(fn (string $state): string => match ($state) {
                         '暫存' => 'warning',
                         '已發佈' => 'success',
                     }),
                 SelectFilter::make('post_date')->label('年份')
                     ->options(Album::select(DB::raw("DATE_FORMAT(post_date, '%Y') as year"))->whereNotNull('post_date')->distinct()->pluck('year', 'year')->toArray())
                     ->query(
-                        fn(array $data, Builder $query): Builder => $query->when(
+                        fn (array $data, Builder $query): Builder => $query->when(
                             $data['value'],
-                            fn(Builder $query, $value): Builder => $query->where('post_date', 'like', $data['value'] . '%')
+                            fn (Builder $query, $value): Builder => $query->where('post_date', 'like', $data['value'].'%')
                         )
                     ),
                 SelectFilter::make('album_category_id')->label('分類')
                     ->relationship('albumCategory', 'name')
-                    ->getOptionLabelFromRecordUsing(fn($record, $livewire) => $record->getTranslation('name', 'zh_TW')),
+                    ->getOptionLabelFromRecordUsing(fn ($record, $livewire) => $record->getTranslation('name', 'zh_TW')),
                 SelectFilter::make('visible')->label('狀態')
                     ->options([
                         0 => '暫存',
                         1 => '已發佈',
                     ])
                     ->query(
-                        fn(array $data, Builder $query): Builder => $query->when(
+                        fn (array $data, Builder $query): Builder => $query->when(
                             $data['value'],
-                            fn(Builder $query, $value): Builder => $query->where('visible', $data['value'])
+                            fn (Builder $query, $value): Builder => $query->where('visible', $data['value'])
                         )
                     ),
             ])
                 Tables\Actions\EditAction::make(),
                 Tables\Actions\DeleteAction::make(),
                 \Filament\Tables\Actions\Action::make('audit')
-                    ->label(fn($record) => match ($record->visible) {
+                    ->label(fn ($record) => match ($record->visible) {
                         0 => '發佈',
                         1 => '下架',
                     })
-                    ->color(fn($record) => match ($record->visible) {
+                    ->color(fn ($record) => match ($record->visible) {
                         0 => 'warning',
                         1 => 'gray',
                     })
-                    ->icon(fn($record) => match ($record->visible) {
+                    ->icon(fn ($record) => match ($record->visible) {
                         0 => 'heroicon-m-chevron-double-up',
                         1 => 'heroicon-m-chevron-double-down',
                     })
                     ->action(function ($record) {
-                        $record->visible = !$record->visible;
+                        $record->visible = ! $record->visible;
                         $record->save();
                     })
                     ->outlined()

app/Filament/Resources/BadgeResource.php

                         ])->columns(2)->columnSpanFull(),
                         Group::make()->schema([
                             FileUpload::make('img_url')->label('圖片')->directory('badge')->columnSpan(1)
+                                ->image()
+                                ->optimize('webp')
                                 ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor(),
                         ])->columnSpanFull(),
                     ])->columns(4)->columnSpanFull(),

app/Filament/Resources/BannerResource.php

 use Filament\Forms\Form;
 use Filament\Resources\Resource;
 use Filament\Tables;
+use Filament\Tables\Columns\IconColumn;
 use Filament\Tables\Columns\ImageColumn;
 use Filament\Tables\Columns\TextColumn;
-use Filament\Tables\Columns\IconColumn;
 use Filament\Tables\Table;
 use SolutionForest\FilamentTranslateField\Forms\Component\Translate;
 
                 Section::make('')->schema([
                     Group::make()->schema([
                         Radio::make('type')->label('')->default(1)->options([1 => '圖片', 2 => '影片'])->reactive(),
-                        Translate::make()->schema(fn(string $locale) => [
+                        Translate::make()->schema(fn (string $locale) => [
                             Textarea::make('title')
-                                ->required(fn($get) => $locale == 'zh_TW' && $get('../../type') == 1)
+                                ->required(fn ($get) => $locale == 'zh_TW' && $get('../../type') == 1)
                                 ->label('大字標題'),
                             Textarea::make('content')
-                                ->required(fn($get) => $locale == 'zh_TW' && $get('../../type') == 1)
+                                ->required(fn ($get) => $locale == 'zh_TW' && $get('../../type') == 1)
                                 ->label('小字標題'),
                         ])
                             ->locales(['zh_TW', 'en'])
                             ->actions([
                                 app(DeepLService::class)->createTranslationAction('Main', ['title', 'content']),
                             ])->columnSpanFull()
-                            ->visible(fn($get) => $get('type') == 1),
+                            ->visible(fn ($get) => $get('type') == 1),
                         Group::make()->schema([
                             FileUpload::make('img_url')->label('圖片')->directory('banners')->columnSpan(1)
+                                ->image()
+                                ->optimize('webp')
                                 ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])
-                                ->required(fn($get) => $get('type') == 1)
+                                ->required(fn ($get) => $get('type') == 1)
                                 ->imageEditor()
-                                ->visible(fn($get) => $get('type') == 1),
+                                ->visible(fn ($get) => $get('type') == 1),
                             FileUpload::make('mobile_img')->label('手機板圖片')->directory('banners')->columnSpan(1)
+                                ->image()
+                                ->optimize('webp')
                                 ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])
-                                ->required(fn($get) => $get('type') == 1)
+                                ->required(fn ($get) => $get('type') == 1)
                                 ->imageEditor()
-                                ->visible(fn($get) => $get('type') == 1),
-                            Translate::make()->schema(fn(string $locale) => [
+                                ->visible(fn ($get) => $get('type') == 1),
+                            Translate::make()->schema(fn (string $locale) => [
                                 TextInput::make('img_alt')
-                                    ->required(fn($get) => $locale == 'zh_TW' && $get('../../type') == 1)
+                                    ->required(fn ($get) => $locale == 'zh_TW' && $get('../../type') == 1)
                                     ->label('圖片註釋'),
                             ])
                                 ->locales(['zh_TW', 'en'])
                                 ->actions([
                                     app(DeepLService::class)->createTranslationAction('Main', ['img_alt']),
                                 ])->columnSpan(1)
-                                ->visible(fn($get) => $get('../type') == 1),
+                                ->visible(fn ($get) => $get('../type') == 1),
                         ])->columnSpanFull(),
                         TextInput::make('video_url')->label('影片網址')->url()->columnSpanFull()
-                            ->required(fn($get) => $get('type') == 2)
-                            ->visible(fn($get) => $get('type') == 2),
+                            ->required(fn ($get) => $get('type') == 2)
+                            ->visible(fn ($get) => $get('type') == 2),
                         Radio::make('visible')->label('顯示/不顯示')->options([1 => '顯示', 0 => '不顯示'])->inline()->default(1)->columnSpan(2),
                     ])->columns(4)->columnSpanFull(),
                 ]),
         return $table
             ->columns([
                 IconColumn::make('type')->label('類別')
-                    ->icon(fn(string $state): string => match ($state) {
+                    ->icon(fn (string $state): string => match ($state) {
                         '1' => 'heroicon-o-photo',
                         '2' => 'heroicon-o-film',
                     }),
                 ImageColumn::make('img_url')->label('圖片')
-                    ->getStateUsing(fn($record) => $record->type == 1 ? $record->img_url : null),
+                    ->getStateUsing(fn ($record) => $record->type == 1 ? $record->img_url : null),
                 TextColumn::make('title')->label('標題')
-                    ->getStateUsing(fn($record) => $record->type == 1 ? $record->title : null),
+                    ->getStateUsing(fn ($record) => $record->type == 1 ? $record->title : null),
                 TextColumn::make('video_url')->label('影片網址')
-                    ->formatStateUsing(fn($record) => $record->type == 2 ? $record->video_url : null),
+                    ->formatStateUsing(fn ($record) => $record->type == 2 ? $record->video_url : null),
             ])
             ->filters([
                 //

app/Filament/Resources/HistoryResource.php

                         ])->columnSpanFull(),
                     Group::make()->schema([
                         FileUpload::make('img_url')->label('圖片')->directory('histories')
+                            ->image()
+                            ->optimize('webp')
                             ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->imageEditor()
                             ->columnSpanFull(),
                     ])->columnSpanFull(),

app/Filament/Resources/NewsResource.php

                             ->closeOnDateSelection()
                             ->required()
                             ->columnSpan(1),
-                        Translate::make()->schema(fn(string $locale) => [
+                        Translate::make()->schema(fn (string $locale) => [
                             TextInput::make('title')->required($locale == 'zh_TW')->label('標題')->columnSpan(1),
                             TextInput::make('written_by')->required($locale == 'zh_TW')->label('撰文者')->columnSpan(1),
                             Textarea::make('description')->required($locale == 'zh_TW')->label('簡述')->columnSpan(2),
                             ->columnSpan(2)
                             ->id('Main-content'),
                         FileUpload::make('news_img')->label('圖片')
+                            ->image()
+                            ->optimize('webp')
                             ->directory('news')
                             ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor()
                             ->columnSpan(2),
-                        Translate::make()->schema(fn(string $locale) => [
+                        Translate::make()->schema(fn (string $locale) => [
                             TextInput::make('news_img_alt')->label('圖片註釋'),
                         ])
                             ->locales(['zh_TW', 'en'])
                             ->id('Main-alt'),
                     ])->columns(2),
                     Tab::make('SEO')->schema([
-                        Translate::make()->schema(fn(string $locale) => [
+                        Translate::make()->schema(fn (string $locale) => [
                             TextInput::make('meta_title')->label('SEO 標題'),
                             TextInput::make('meta_keyword')->label('SEO 關鍵字'),
                             Textarea::make('meta_description')->label('SEO 簡述'),
                                 app(DeepLService::class)->createTranslationAction('Seo', ['meta_title', 'meta_keyword', 'meta_description']),
                             ])->columnSpanFull(),
                         FileUpload::make('meta_img')->label('放大預覽圖')
+                            ->image()
+                            ->optimize('webp')
                             ->directory('news/seo')
                             ->columnSpan(1)
                             ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->imageEditor()
                     Tab::make('內文編輯')->schema([
                         Repeater::make('paragraphs')->schema([
                             TextInput::make('item_key')
-                                ->default(fn() => Str::random())
+                                ->default(fn () => Str::random())
                                 ->hidden()
                                 ->afterStateHydrated(function (TextInput $component, $state) {
                                     if (empty($state)) {
                             Group::make()->schema([
                                 Section::make('')->schema([
                                     FileUpload::make('img_url')->label('')->directory('news/paragraphs')
+                                        ->image()
+                                        ->optimize('webp')
                                         ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor(),
-                                    Translate::make()->schema(fn(string $locale) => [
+                                    Translate::make()->schema(fn (string $locale) => [
                                         TextInput::make('img_alt')->label('圖片註釋'),
                                     ])
                                         ->locales(['zh_TW', 'en'])
                                         ->actions([
                                             app(DeepLService::class)->createTranslationAction('ParagraphImgAlt', ['img_alt']),
                                         ])->columnSpan(1)
-                                        ->id(fn($get) => 'para_img_' . $get('item_key')),
+                                        ->id(fn ($get) => 'para_img_'.$get('item_key')),
                                 ]),
-                            ])->visible(fn(Get $get): bool => $get('paragraph_type') == 1),
+                            ])->visible(fn (Get $get): bool => $get('paragraph_type') == 1),
                             Group::make()->schema([
-                                Translate::make()->schema(fn(string $locale) => [
+                                Translate::make()->schema(fn (string $locale) => [
                                     RichEditor::make('text_content')
                                         ->toolbarButtons([
                                             'blockquote',
                                     ->actions([
                                         app(DeepLService::class)->createTranslationAction('ParagraphText', ['text_content']),
                                     ])->columnSpan(1)
-                                    ->id(fn($get) => 'para_text_' . $get('item_key')),
-                            ])->visible(fn(Get $get): bool => $get('paragraph_type') == 2),
+                                    ->id(fn ($get) => 'para_text_'.$get('item_key')),
+                            ])->visible(fn (Get $get): bool => $get('paragraph_type') == 2),
                         ])
                             ->relationship('paragraphs')
                             ->label('段落')
                 TextColumn::make('post_date')->label('發佈時間')->dateTime('Y/m/d')->alignCenter(),
                 ImageColumn::make('news_img')->label('列表圖')->alignCenter(),
                 TextColumn::make('list_audit_state')->label('狀態')->badge()
-                    ->color(fn(string $state): string => match ($state) {
+                    ->color(fn (string $state): string => match ($state) {
                         '暫存' => 'warning',
                         '已發佈' => 'success',
                     }),
                 IconColumn::make('on_top')->label('置頂')
-                    ->color(fn(string $state): string => match ($state) {
+                    ->color(fn (string $state): string => match ($state) {
                         1 => 'success',
                         default => ''
                     })
-                    ->icon(fn(string $state): string => match ($state) {
+                    ->icon(fn (string $state): string => match ($state) {
                         1 => 'heroicon-o-check-circle',
                         default => ''
                     })
                     ->action(function ($record): void {
-                        $record->on_top = !$record->on_top;
+                        $record->on_top = ! $record->on_top;
                         $record->save();
                     }),
                 TextColumn::make('created_at')->label('建立時間')->dateTime('Y/m/d H:i:s')->alignCenter(),
                 SelectFilter::make('post_date')->label('年份')
                     ->options(News::select(\DB::raw("DATE_FORMAT(post_date, '%Y') as year"))->whereNotNull('post_date')->distinct()->pluck('year', 'year')->toArray())
                     ->query(
-                        fn(array $data, Builder $query): Builder => $query->when(
+                        fn (array $data, Builder $query): Builder => $query->when(
                             $data['value'],
-                            fn(Builder $query, $value): Builder => $query->where('post_date', 'like', $data['value'] . '%')
+                            fn (Builder $query, $value): Builder => $query->where('post_date', 'like', $data['value'].'%')
                         )
                     ),
                 SelectFilter::make('visible')->label('狀態')
                         1 => '已發佈',
                     ])
                     ->query(
-                        fn(array $data, Builder $query): Builder => $query->when(
+                        fn (array $data, Builder $query): Builder => $query->when(
                             $data['value'],
-                            fn(Builder $query, $value): Builder => $query->where('visible', $data['value'])
+                            fn (Builder $query, $value): Builder => $query->where('visible', $data['value'])
                         )
                     ),
             ])
                 Tables\Actions\EditAction::make(),
                 Tables\Actions\DeleteAction::make(),
                 \Filament\Tables\Actions\Action::make('audit')
-                    ->label(fn($record) => match ($record->visible) {
+                    ->label(fn ($record) => match ($record->visible) {
                         0 => '發佈',
                         1 => '下架',
                     })
-                    ->color(fn($record) => match ($record->visible) {
+                    ->color(fn ($record) => match ($record->visible) {
                         0 => 'warning',
                         1 => 'gray',
                     })
-                    ->icon(fn($record) => match ($record->visible) {
+                    ->icon(fn ($record) => match ($record->visible) {
                         0 => 'heroicon-m-chevron-double-up',
                         1 => 'heroicon-m-chevron-double-down',
                     })
                     ->action(function ($record): void {
-                        $record->visible = !$record->visible;
+                        $record->visible = ! $record->visible;
                         $record->save();
                     })
                     ->outlined()

app/Filament/Resources/ProfilePartResource.php

                         ->id('Main')->columnSpanFull(),
                     Group::make()->schema([
                         FileUpload::make('img_url')->label('圖片')
+                            ->image()
+                            ->optimize('webp')
                             ->directory('profile-parts')
                             ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor()
                             ->columnSpanFull(),

app/Filament/Resources/ProjectResource.php

                         ->preload()
                         ->label('標籤'),
                     FileUpload::make('thumbnail')->label('縮圖')->directory('project')->image()
+                        ->optimize('webp')
                         ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor(),
                     FileUpload::make('img_url')->label('圖片')->directory('project')->reorderable()
+                        ->image()
+                        ->optimize('webp')
                         ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor()->multiple()->maxFiles(20),
                     FileUpload::make('mobile_img_url')->label('手機版圖片')->directory('project')->reorderable()
+                        ->image()
+                        ->optimize('webp')
                         ->acceptedFileTypes(['image/jpeg', 'image/jpg', 'image/png', 'image/webp'])->required()->imageEditor()->multiple()->maxFiles(20),
                 ]),
                 Tabs::make()->schema([
                         ])
                             ->reorderableWithButtons()
                             ->defaultItems(0)
-                            ->visible(fn($get) => $get('badge_type') == 1),
+                            ->visible(fn ($get) => $get('badge_type') == 1),
                         Repeater::make('badgesAward')->label('取得標章')->schema([
                             Select::make('badge_id')
                                 ->options(function () {
                         ])
                             ->reorderableWithButtons()
                             ->defaultItems(0)
-                            ->visible(fn($get) => $get('badge_type') == 2),
+                            ->visible(fn ($get) => $get('badge_type') == 2),
                     ]),
                     Tab::make('開發歷程')->schema([
                         Repeater::make('histories')->label('')->schema([

config/livewire.php

     */
 
     'temporary_file_upload' => [
-        'disk' => null,        // Example: 'local', 's3'              | Default: 'default'
+        'disk' => 'local',        // Example: 'local', 's3'              | Default: 'default'
         'rules' => ["max:122880"],       // Example: ['file', 'mimes:png,jpg']  | Default: ['required', 'file', 'max:12288'] (12MB)
         'directory' => null,   // Example: 'tmp'                      | Default: 'livewire-tmp'
         'middleware' => null,  // Example: 'throttle:5,1'             | Default: 'throttle:60,1'