diff --git a/src/Snap.Hutao/Snap.Hutao/Resource/GuideStaticResourceQualityComparison.png b/src/Snap.Hutao/Snap.Hutao/Resource/GuideStaticResourceQualityComparison.png
new file mode 100644
index 00000000..2d9dba5d
Binary files /dev/null and b/src/Snap.Hutao/Snap.Hutao/Resource/GuideStaticResourceQualityComparison.png differ
diff --git a/src/Snap.Hutao/Snap.Hutao/Snap.Hutao.csproj b/src/Snap.Hutao/Snap.Hutao/Snap.Hutao.csproj
index 55739408..cf212ac3 100644
--- a/src/Snap.Hutao/Snap.Hutao/Snap.Hutao.csproj
+++ b/src/Snap.Hutao/Snap.Hutao/Snap.Hutao.csproj
@@ -117,6 +117,7 @@
     <None Remove="Resource\BlurBackground.png" />
     <None Remove="Resource\Font\CascadiaMono.ttf" />
     <None Remove="Resource\Font\MiSans-Regular.ttf" />
+    <None Remove="Resource\GuideStaticResourceQualityComparison.png" />
     <None Remove="Resource\HutaoIconSourceTransparentBackgroundGradient1.png" />
     <None Remove="Resource\Icon\UI_AchievementIcon_3_3.png" />
     <None Remove="Resource\Icon\UI_GachaShowPanel_Bg_Weapon.png" />
@@ -266,6 +267,7 @@
     <Content Include="Resource\BlurBackground.png" />
     <Content Include="Resource\Font\CascadiaMono.ttf" />
     <Content Include="Resource\Font\MiSans-Regular.ttf" />
+    <Content Include="Resource\GuideStaticResourceQualityComparison.png" />
     <Content Include="Resource\HutaoIconSourceTransparentBackgroundGradient1.png" />
     <Content Include="Resource\Icon\UI_AchievementIcon_3_3.png" />
     <Content Include="Resource\Icon\UI_GachaShowPanel_Bg_Weapon.png" />
diff --git a/src/Snap.Hutao/Snap.Hutao/View/Guide/GuideView.xaml b/src/Snap.Hutao/Snap.Hutao/View/Guide/GuideView.xaml
index af9c14a6..fdce769b 100644
--- a/src/Snap.Hutao/Snap.Hutao/View/Guide/GuideView.xaml
+++ b/src/Snap.Hutao/Snap.Hutao/View/Guide/GuideView.xaml
@@ -214,23 +214,53 @@
                         Grid.Row="0"
                         Margin="16"
                         HorizontalAlignment="Center"
-                        VerticalAlignment="Center">
-                        <TextBlock Style="{StaticResource SubtitleTextBlockStyle}" Text="{shcm:ResourceString Name=ViewGuideStepStaticResourceSettingQualityHeader}"/>
-                        <ListView
-                            MinWidth="320"
-                            Margin="0,8,0,32"
-                            DisplayMemberPath="Name"
-                            ItemsSource="{Binding StaticResourceOptions.ImageQualities}"
-                            SelectedItem="{Binding StaticResourceOptions.ImageQuality, Mode=TwoWay}"/>
-                        <TextBlock Style="{StaticResource SubtitleTextBlockStyle}" Text="{shcm:ResourceString Name=ViewGuideStepStaticResourceSettingMinimumHeader}"/>
-                        <ListView
-                            MinWidth="320"
-                            Margin="0,8,0,32"
-                            DisplayMemberPath="Name"
-                            ItemsSource="{Binding StaticResourceOptions.ImageArchives}"
-                            SelectedItem="{Binding StaticResourceOptions.ImageArchive, Mode=TwoWay}"/>
-
-                        <TextBlock Margin="0,16,0,0" Text="{Binding StaticResourceOptions.SizeInformationText, Mode=OneWay}"/>
+                        VerticalAlignment="Center"
+                        Orientation="Horizontal"
+                        Spacing="16">
+                        <StackPanel VerticalAlignment="Center">
+                            <TextBlock Style="{StaticResource SubtitleTextBlockStyle}" Text="{shcm:ResourceString Name=ViewGuideStepStaticResourceSettingQualityHeader}"/>
+                            <ListView
+                                MinWidth="320"
+                                Margin="0,8,0,32"
+                                DisplayMemberPath="Name"
+                                ItemsSource="{Binding StaticResourceOptions.ImageQualities}"
+                                SelectedItem="{Binding StaticResourceOptions.ImageQuality, Mode=TwoWay}"/>
+                            <TextBlock Style="{StaticResource SubtitleTextBlockStyle}" Text="{shcm:ResourceString Name=ViewGuideStepStaticResourceSettingMinimumHeader}"/>
+                            <ListView
+                                MinWidth="320"
+                                Margin="0,8,0,32"
+                                DisplayMemberPath="Name"
+                                ItemsSource="{Binding StaticResourceOptions.ImageArchives}"
+                                SelectedItem="{Binding StaticResourceOptions.ImageArchive, Mode=TwoWay}"/>
+                            <TextBlock Margin="0,16,0,0" Text="{Binding StaticResourceOptions.SizeInformationText, Mode=OneWay}"/>
+                        </StackPanel>
+                        <Grid VerticalAlignment="Center" Style="{ThemeResource GridCardStyle}">
+                            <Image
+                                Width="320"
+                                Height="320"
+                                VerticalAlignment="Center"
+                                Source="ms-appx:///Resource/GuideStaticResourceQualityComparison.png"/>
+                            <Rectangle
+                                Width="2"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Stretch"
+                                Fill="White"/>
+                            <Grid
+                                Margin="4"
+                                Padding="16"
+                                HorizontalAlignment="Stretch"
+                                VerticalAlignment="Bottom"
+                                Style="{ThemeResource GridCardStyle}">
+                                <StackPanel HorizontalAlignment="Left" Orientation="Vertical">
+                                    <TextBlock Text="{shcm:ResourceString Name=ViewModelGuideStaticResourceQualityHigh}"/>
+                                    <TextBlock Text="233 KB"/>
+                                </StackPanel>
+                                <StackPanel HorizontalAlignment="Right" Orientation="Vertical">
+                                    <TextBlock Text="{shcm:ResourceString Name=ViewModelGuideStaticResourceQualityRaw}" TextAlignment="Right"/>
+                                    <TextBlock Text="1030 KB" TextAlignment="Right"/>
+                                </StackPanel>
+                            </Grid>
+                        </Grid>
                     </StackPanel>
 
                     <TextBlock