add screenshot

README.md

@@ -1,9 +1,12 @@
 # PhotoMint 图片压缩桌面软件
 
-特色
+### 特色
 1. 简单，高效果
 2. 拖拽批量处理
 3. 自动覆盖保存
 
 基于tauri 2.0 和 squoosh
 
+### 软件截图
+
+<img src="screenshot/photo-mint.webp" width="480px" />

src/App.tsx

@@ -5,9 +5,12 @@ function App() {
   return (
     <div className="flex bg-white bg-opacity-50">
       <div
-        className="absolute top-0 z-20 h-7 w-full bg-white shadow-sm"
+        className=" absolute top-0 z-20 flex h-7 w-full items-center justify-center bg-white text-sm font-black shadow-sm"
         data-tauri-drag-region
-      />
+      >
+        <img src="/logo.png" className="h-6 w-6" />
+        Photo Mint
+      </div>
 
       <div className="h-screen grow overflow-hidden pt-8 opacity-90">
         <div className="m-2 ">

src/components/app/tasks-panel.tsx

@@ -43,13 +43,17 @@ export default function TasksPanel(props) {
         </div>
         <div className="mx-1 flex-1 text-sm">
           <div>{file.name}</div>
-          <div>
-            <span>原大小{formatFileSize(file.osize)}</span>
+          <div className="text-xs font-black">
+            <span>原始大小{formatFileSize(file.osize)}</span>
             <span className="ml-4">处理后{formatFileSize(file.nsize)}</span>
           </div>
         </div>
         <div className="flex items-center">
-          <div></div>
+          {file.nsize && (
+            <div className="font-black text-green-700">
+              -{Math.round(((file.osize - file.nsize) / file.osize) * 100)} %
+            </div>
+          )}
           {/* <TooltipProvider>
             <Tooltip>
               <TooltipTrigger asChild>