From e6ee23aeac78c05033b6141b3ed90d457810d142 Mon Sep 17 00:00:00 2001
From: fish34851-hash <317297427+fish34851-hash@users.noreply.github.com>
Date: Sat, 15 Aug 2026 21:17:37 +0800
Subject: [PATCH 1/2] feat: add installable offline PWA

---
 CHANGELOG.md                 |   9 +++++
 README.md                    |   9 +++++
 ROADMAP.md                   |   6 ++--
 assets/icon-192.png          | Bin 0 -> 5704 bytes
 assets/icon-512.png          | Bin 0 -> 8585 bytes
 assets/icon-maskable-512.png | Bin 0 -> 7337 bytes
 assets/icon-maskable.svg     |   5 +++
 assets/icon.svg              |   4 +++
 docs/ARCHITECTURE.md         |   4 +++
 index.html                   |  22 ++++++++----
 manifest.webmanifest         |  45 +++++++++++++++++++++++++
 package.json                 |   4 +--
 server.js                    |   2 ++
 service-worker.js            |  63 +++++++++++++++++++++++++++++++++++
 src/app.js                   |  40 ++++++++++++++++++++++
 src/styles.css               |  21 ++++++++++++
 tests/pwa.test.js            |  54 ++++++++++++++++++++++++++++++
 17 files changed, 276 insertions(+), 12 deletions(-)
 create mode 100644 assets/icon-192.png
 create mode 100644 assets/icon-512.png
 create mode 100644 assets/icon-maskable-512.png
 create mode 100644 assets/icon-maskable.svg
 create mode 100644 assets/icon.svg
 create mode 100644 manifest.webmanifest
 create mode 100644 service-worker.js
 create mode 100644 tests/pwa.test.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 46591c8..88b99b8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 
 ## [Unreleased]
 
+## [0.3.0] - 2026-08-15
+
+### Added
+
+- Installable Progressive Web App manifest and icons
+- Offline app shell powered by a privacy-preserving service worker
+- Install prompt and online/offline status indicator
+- Automated checks for manifest and offline-cache completeness
+
 ## [0.2.0] - 2026-08-15
 
 ### Added
diff --git a/README.md b/README.md
index c6d3187..8c675c1 100644
--- a/README.md
+++ b/README.md
@@ -20,6 +20,7 @@ ImageTool converts PNG, JPG, and WebP images locally. Your files are never uploa
 - Responsive interface for desktop and mobile
 - Zero runtime dependencies
 - Remove source metadata by re-encoding image pixels in the browser
+- Install the app and use its core interface offline
 
 ## Try it locally
 
@@ -35,6 +36,12 @@ Then open <http://127.0.0.1:5173>.
 
 No `npm install` step is required.
 
+## Install for offline use
+
+Open the [live ImageTool site](https://fish34851-hash.github.io/ImageTool/) in Chrome or Edge. Use the **Install app** control in the browser or the in-page install button when it appears.
+
+After the first successful visit, the application shell can open without reaching the server. Image files and converted results remain temporary local browser data and are not added to the offline cache.
+
 ## Check the code
 
 ```bash
@@ -48,6 +55,8 @@ ImageTool uses the browser's Canvas API. Selected images stay on your device and
 
 Re-encoding through Canvas produces a new image from pixel data, so source EXIF and other file metadata are not copied to the output.
 
+The offline service worker caches only same-origin ImageTool application files. It does not intercept, upload, or store selected images.
+
 ## Roadmap
 
 - Offline installation as a Progressive Web App
diff --git a/ROADMAP.md b/ROADMAP.md
index c05c24f..a852e56 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -10,8 +10,6 @@ This roadmap describes intended directions, not guaranteed deadlines. Priorities
 - Quality controls and image preview
 - Privacy-first, zero-dependency browser architecture
 
-## In progress
-
 ### v0.2 — Batch workflow and maintainability
 
 - Batch conversion for up to 20 images
@@ -19,7 +17,7 @@ This roadmap describes intended directions, not guaranteed deadlines. Priorities
 - Automated tests and pull-request checks
 - Security, contribution, and community documentation
 
-## Planned
+## In progress
 
 ### v0.3 — Offline installation
 
@@ -28,6 +26,8 @@ This roadmap describes intended directions, not guaranteed deadlines. Priorities
 - Clear update behavior and cache controls
 - Browser-level offline tests
 
+## Planned
+
 ### v0.4 — Editing and access
 
 - Rotation and cropping
diff --git a/assets/icon-192.png b/assets/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..0579bc95872e5e7814f9269c6933455f90b9f3bd
GIT binary patch
literal 5704
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
AB>(^b

literal 0
HcmV?d00001

diff --git a/assets/icon-512.png b/assets/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac143f8a97faf4c59e16f3d0464819545c621ff5
GIT binary patch
literal 8585
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

literal 0
HcmV?d00001

diff --git a/assets/icon-maskable-512.png b/assets/icon-maskable-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..6db3d0a5633fc71d8438ed4493b2080801401bd1
GIT binary patch
literal 7337
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

literal 0
HcmV?d00001

diff --git a/assets/icon-maskable.svg b/assets/icon-maskable.svg
new file mode 100644
index 0000000..e38b0bf
--- /dev/null
+++ b/assets/icon-maskable.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-label="ImageTool">
+  <rect width="512" height="512" fill="#f5f1e8"/>
+  <rect x="76" y="76" width="360" height="360" rx="96" fill="#2e4a37"/>
+  <path d="M210 158h134l-10 42h-43l-32 112h44l-11 42H160l11-42h42l32-112h-45z" fill="#f5f1e8"/>
+</svg>
diff --git a/assets/icon.svg b/assets/icon.svg
new file mode 100644
index 0000000..fa77585
--- /dev/null
+++ b/assets/icon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-label="ImageTool">
+  <rect width="512" height="512" rx="120" fill="#2e4a37"/>
+  <path d="M196 128h164l-13 52h-52l-40 152h54l-14 52H132l14-52h52l40-152h-55z" fill="#f5f1e8"/>
+</svg>
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index a209db9..b0cae5e 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -8,6 +8,9 @@ ImageTool is a zero-dependency static web application. It can run from a local f
 - `src/app.js` owns browser interaction, image decoding, Canvas rendering, and downloads.
 - `src/core.js` contains deterministic formatting, filename, and resize calculations shared by the app and tests.
 - `src/styles.css` provides the responsive visual system.
+- `manifest.webmanifest` describes the installable application experience.
+- `service-worker.js` caches only the same-origin application shell for offline use.
+- `assets/` contains source SVG and rasterized PWA icons.
 - `server.js` is an optional local development server built only with Node.js standard modules.
 
 ## Image data flow
@@ -23,6 +26,7 @@ ImageTool is a zero-dependency static web application. It can run from a local f
 
 - Selected images must never be uploaded or included in a network request.
 - The application must not add analytics, advertising, remote scripts, or remote fonts.
+- Offline caching must remain limited to same-origin application assets and must not cache selected images or converted results.
 - Output files are created from decoded pixels; source EXIF and other file metadata are not copied.
 - Features that would weaken these guarantees require prior public discussion and documentation.
 
diff --git a/index.html b/index.html
index 7e84485..423896b 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="ImageTool 是一个完全在浏览器本地运行的批量图片转换与尺寸调整工具。" />
     <meta name="theme-color" content="#f5f1e8" />
+    <link rel="manifest" href="./manifest.webmanifest" />
+    <link rel="icon" href="./assets/icon.svg" type="image/svg+xml" />
     <link rel="stylesheet" href="./src/styles.css" />
     <title>ImageTool — 私密的本地图片工具</title>
   </head>
@@ -15,12 +17,15 @@
           <span class="brand-mark">I</span>
           <span>ImageTool</span>
         </a>
-        <div class="privacy-pill">
-          <svg viewBox="0 0 24 24" aria-hidden="true">
-            <rect x="5" y="10" width="14" height="10" rx="2"></rect>
-            <path d="M8.5 10V7.5a3.5 3.5 0 0 1 7 0V10"></path>
-          </svg>
-          <span>100% 本地处理</span>
+        <div class="header-actions">
+          <button class="install-button hidden" id="install-button" type="button">安装应用</button>
+          <div class="privacy-pill">
+            <svg viewBox="0 0 24 24" aria-hidden="true">
+              <rect x="5" y="10" width="14" height="10" rx="2"></rect>
+              <path d="M8.5 10V7.5a3.5 3.5 0 0 1 7 0V10"></path>
+            </svg>
+            <span>100% 本地处理</span>
+          </div>
         </div>
       </header>
 
@@ -125,7 +130,10 @@ <h2>把图片拖到这里</h2>
 
       <footer>
         <span>ImageTool · 你的图片只属于你</span>
-        <a href="https://github.com/fish34851-hash/ImageTool">GitHub</a>
+        <div class="footer-links">
+          <span class="network-status" id="network-status">在线</span>
+          <a href="https://github.com/fish34851-hash/ImageTool">GitHub</a>
+        </div>
       </footer>
     </div>
 
diff --git a/manifest.webmanifest b/manifest.webmanifest
new file mode 100644
index 0000000..406c1e1
--- /dev/null
+++ b/manifest.webmanifest
@@ -0,0 +1,45 @@
+{
+  "name": "ImageTool — Private Image Converter",
+  "short_name": "ImageTool",
+  "description": "Batch-convert and resize images privately in your browser.",
+  "lang": "zh-CN",
+  "id": "./",
+  "start_url": "./",
+  "scope": "./",
+  "display": "standalone",
+  "prefer_related_applications": false,
+  "background_color": "#f5f1e8",
+  "theme_color": "#2e4a37",
+  "icons": [
+    {
+      "src": "./assets/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "./assets/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "./assets/icon-maskable-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "./assets/icon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "./assets/icon-maskable.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "maskable"
+    }
+  ]
+}
diff --git a/package.json b/package.json
index b2993ad..e4d1a7f 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,11 @@
 {
   "name": "imagetool",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A private, browser-based image converter with zero dependencies.",
   "scripts": {
     "dev": "node server.js",
-    "check": "node --check src/core.js && node --check src/app.js && node --check server.js",
+    "check": "node --check src/core.js && node --check src/app.js && node --check service-worker.js && node --check server.js",
     "test": "node --test tests/*.test.js"
   },
   "keywords": ["image", "converter", "privacy", "png", "jpeg", "webp"],
diff --git a/server.js b/server.js
index 3eea29f..1a6855d 100644
--- a/server.js
+++ b/server.js
@@ -9,6 +9,8 @@ const contentTypes = {
   '.html': 'text/html; charset=utf-8',
   '.js': 'text/javascript; charset=utf-8',
   '.json': 'application/json; charset=utf-8',
+  '.webmanifest': 'application/manifest+json; charset=utf-8',
+  '.svg': 'image/svg+xml',
   '.png': 'image/png',
   '.jpg': 'image/jpeg',
   '.jpeg': 'image/jpeg',
diff --git a/service-worker.js b/service-worker.js
new file mode 100644
index 0000000..a8f45ab
--- /dev/null
+++ b/service-worker.js
@@ -0,0 +1,63 @@
+const CACHE_NAME = 'imagetool-v0.3.0'
+const APP_SHELL = [
+  './',
+  './index.html',
+  './manifest.webmanifest',
+  './assets/icon-192.png',
+  './assets/icon-512.png',
+  './assets/icon-maskable-512.png',
+  './assets/icon.svg',
+  './assets/icon-maskable.svg',
+  './src/styles.css',
+  './src/core.js',
+  './src/app.js',
+]
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then((cache) => cache.addAll(APP_SHELL))
+      .then(() => self.skipWaiting()),
+  )
+})
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    Promise.all([
+      caches.keys().then((keys) => Promise.all(
+        keys
+          .filter((key) => key.startsWith('imagetool-') && key !== CACHE_NAME)
+          .map((key) => caches.delete(key)),
+      )),
+      self.clients.claim(),
+    ]),
+  )
+})
+
+self.addEventListener('fetch', (event) => {
+  const request = event.request
+  const url = new URL(request.url)
+  if (request.method !== 'GET' || url.origin !== self.location.origin) return
+
+  if (request.mode === 'navigate') {
+    event.respondWith(
+      fetch(request)
+        .then((response) => {
+          const copy = response.clone()
+          caches.open(CACHE_NAME).then((cache) => cache.put('./index.html', copy))
+          return response
+        })
+        .catch(() => caches.match('./index.html')),
+    )
+    return
+  }
+
+  event.respondWith(
+    caches.match(request).then((cached) => cached || fetch(request).then((response) => {
+      if (!response.ok) return response
+      const copy = response.clone()
+      caches.open(CACHE_NAME).then((cache) => cache.put(request, copy))
+      return response
+    })),
+  )
+})
diff --git a/src/app.js b/src/app.js
index d485c7b..17f5ade 100644
--- a/src/app.js
+++ b/src/app.js
@@ -12,8 +12,10 @@ const elements = {
   fileMeta: document.querySelector('#file-meta'),
   fileName: document.querySelector('#file-name'),
   formatButtons: [...document.querySelectorAll('[data-format]')],
+  installButton: document.querySelector('#install-button'),
   maxHeight: document.querySelector('#max-height'),
   maxWidth: document.querySelector('#max-width'),
+  networkStatus: document.querySelector('#network-status'),
   previewImage: document.querySelector('#preview-image'),
   quality: document.querySelector('#quality'),
   qualityOutput: document.querySelector('#quality-output'),
@@ -32,6 +34,7 @@ let currentFiles = []
 let previewUrl = ''
 let resultUrls = []
 let outputFormat = 'image/webp'
+let deferredInstallPrompt = null
 
 function showError(message = '') {
   elements.errorMessage.textContent = message
@@ -268,6 +271,43 @@ elements.downloadAllButton.addEventListener('click', () => {
   links.forEach((link, index) => setTimeout(() => link.click(), index * 180))
 })
 
+function updateNetworkStatus() {
+  const isOnline = navigator.onLine
+  elements.networkStatus.textContent = isOnline ? '在线' : '离线可用'
+  elements.networkStatus.classList.toggle('is-offline', !isOnline)
+}
+
+window.addEventListener('beforeinstallprompt', (event) => {
+  event.preventDefault()
+  deferredInstallPrompt = event
+  elements.installButton.classList.remove('hidden')
+})
+
+elements.installButton.addEventListener('click', async () => {
+  if (!deferredInstallPrompt) return
+  deferredInstallPrompt.prompt()
+  await deferredInstallPrompt.userChoice
+  deferredInstallPrompt = null
+  elements.installButton.classList.add('hidden')
+})
+
+window.addEventListener('appinstalled', () => {
+  deferredInstallPrompt = null
+  elements.installButton.classList.add('hidden')
+})
+
+window.addEventListener('online', updateNetworkStatus)
+window.addEventListener('offline', updateNetworkStatus)
+updateNetworkStatus()
+
+if ('serviceWorker' in navigator && location.protocol !== 'file:') {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('./service-worker.js').catch((error) => {
+      console.warn('ImageTool offline support could not be enabled.', error)
+    })
+  })
+}
+
 window.addEventListener('beforeunload', () => {
   if (previewUrl) URL.revokeObjectURL(previewUrl)
   resultUrls.forEach((url) => URL.revokeObjectURL(url))
diff --git a/src/styles.css b/src/styles.css
index cc5f0d5..60fb6ad 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -37,6 +37,21 @@ button, a { -webkit-tap-highlight-color: transparent; }
   justify-content: space-between;
 }
 
+.header-actions { display: flex; align-items: center; gap: 9px; }
+
+.install-button {
+  padding: 8px 12px;
+  color: #fff;
+  border: 0;
+  border-radius: 999px;
+  background: #2e4a37;
+  font-size: 12px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.install-button:hover { background: #223e2c; }
+
 .brand {
   display: inline-flex;
   gap: 10px;
@@ -453,6 +468,11 @@ footer {
 }
 
 footer a { color: #59685b; font-weight: 600; text-decoration: none; }
+.footer-links { display: flex; align-items: center; gap: 15px; }
+.network-status { display: inline-flex; align-items: center; gap: 5px; }
+.network-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #6e8a71; }
+.network-status.is-offline { color: #52705a; font-weight: 600; }
+.network-status.is-offline::before { background: #d49353; }
 .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
 
 @media (max-width: 720px) {
@@ -470,6 +490,7 @@ footer a { color: #59685b; font-weight: 600; text-decoration: none; }
 }
 
 @media (max-width: 430px) {
+  .install-button { padding: 8px 10px; font-size: 10px; }
   .privacy-pill span { display: none; }
   .privacy-pill { padding: 8px; }
   .tool-card { padding: 7px; border-radius: 20px; }
diff --git a/tests/pwa.test.js b/tests/pwa.test.js
new file mode 100644
index 0000000..697e1be
--- /dev/null
+++ b/tests/pwa.test.js
@@ -0,0 +1,54 @@
+const test = require('node:test')
+const assert = require('node:assert/strict')
+const fs = require('node:fs')
+const path = require('node:path')
+
+const projectRoot = path.resolve(__dirname, '..')
+const manifest = JSON.parse(fs.readFileSync(path.join(projectRoot, 'manifest.webmanifest'), 'utf8'))
+const serviceWorker = fs.readFileSync(path.join(projectRoot, 'service-worker.js'), 'utf8')
+
+function readPngDimensions(filePath) {
+  const buffer = fs.readFileSync(filePath)
+  assert.equal(buffer.toString('ascii', 1, 4), 'PNG')
+  return { width: buffer.readUInt32BE(16), height: buffer.readUInt32BE(20) }
+}
+
+test('web app manifest has installable app metadata', () => {
+  assert.equal(manifest.display, 'standalone')
+  assert.equal(manifest.start_url, './')
+  assert.equal(manifest.scope, './')
+  assert.equal(manifest.id, './')
+  assert.ok(manifest.name.includes('ImageTool'))
+  assert.ok(manifest.icons.some((icon) => icon.purpose === 'any'))
+  assert.ok(manifest.icons.some((icon) => icon.purpose === 'maskable'))
+  assert.ok(manifest.icons.some((icon) => icon.type === 'image/png' && icon.sizes === '192x192'))
+  assert.ok(manifest.icons.some((icon) => icon.type === 'image/png' && icon.sizes === '512x512'))
+})
+
+test('manifest icons exist in the repository', () => {
+  manifest.icons.forEach((icon) => {
+    const iconPath = icon.src.replace(/^\.\//, '')
+    assert.ok(fs.existsSync(path.join(projectRoot, iconPath)), `${iconPath} should exist`)
+  })
+})
+
+test('raster icons have their declared dimensions', () => {
+  const rasterIcons = manifest.icons.filter((icon) => icon.type === 'image/png')
+  rasterIcons.forEach((icon) => {
+    const [declaredWidth, declaredHeight] = icon.sizes.split('x').map(Number)
+    const iconPath = path.join(projectRoot, icon.src.replace(/^\.\//, ''))
+    assert.deepEqual(readPngDimensions(iconPath), { width: declaredWidth, height: declaredHeight })
+  })
+})
+
+test('service worker pre-caches the complete app shell', () => {
+  const expectedAssets = [
+    './index.html',
+    './manifest.webmanifest',
+    './src/styles.css',
+    './src/core.js',
+    './src/app.js',
+  ]
+  expectedAssets.forEach((asset) => assert.ok(serviceWorker.includes(`'${asset}'`), `${asset} should be cached`))
+  assert.match(serviceWorker, /CACHE_NAME = 'imagetool-v0\.3\.0'/)
+})

From 5d3e9f4197be36b152efe587b77dcb77570e2cf6 Mon Sep 17 00:00:00 2001
From: fish34851-hash <317297427+fish34851-hash@users.noreply.github.com>
Date: Sat, 15 Aug 2026 21:20:13 +0800
Subject: [PATCH 2/2] feat: add privacy-friendly feedback flow

---
 .github/ISSUE_TEMPLATE/user_feedback.yml | 36 ++++++++++++++++++++++++
 CHANGELOG.md                             |  1 +
 README.md                                |  2 ++
 index.html                               |  2 ++
 src/app.js                               | 20 +++++++++++++
 src/styles.css                           |  4 +++
 6 files changed, 65 insertions(+)
 create mode 100644 .github/ISSUE_TEMPLATE/user_feedback.yml

diff --git a/.github/ISSUE_TEMPLATE/user_feedback.yml b/.github/ISSUE_TEMPLATE/user_feedback.yml
new file mode 100644
index 0000000..2846b67
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/user_feedback.yml
@@ -0,0 +1,36 @@
+name: User feedback
+description: Tell us how ImageTool worked for you
+title: "[Feedback]: "
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for using ImageTool. Real usage feedback helps decide what to build next.
+  - type: dropdown
+    id: task
+    attributes:
+      label: What did you use ImageTool for?
+      options:
+        - Convert image formats
+        - Compress images
+        - Resize images
+        - Remove image metadata
+        - Offline use
+        - Something else
+    validations:
+      required: true
+  - type: textarea
+    id: outcome
+    attributes:
+      label: What worked or did not work?
+      description: Do not attach private or sensitive images.
+    validations:
+      required: true
+  - type: textarea
+    id: improvement
+    attributes:
+      label: What would make ImageTool more useful?
+  - type: input
+    id: browser
+    attributes:
+      label: Browser and device
+      placeholder: Edge on Windows 11, Safari on iPhone, etc.
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 88b99b8..f16fdfb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 - Installable Progressive Web App manifest and icons
 - Offline app shell powered by a privacy-preserving service worker
 - Install prompt and online/offline status indicator
+- Privacy-friendly system share control and structured user feedback form
 - Automated checks for manifest and offline-cache completeness
 
 ## [0.2.0] - 2026-08-15
diff --git a/README.md b/README.md
index 8c675c1..d1058b2 100644
--- a/README.md
+++ b/README.md
@@ -68,6 +68,8 @@ The offline service worker caches only same-origin ImageTool application files.
 
 Contributions are welcome. Read [CONTRIBUTING.md](CONTRIBUTING.md) before opening an issue or pull request.
 
+Used ImageTool for a real task? [Share feedback](https://github.com/fish34851-hash/ImageTool/issues/new/choose) without uploading any private images. Reports from real users guide the roadmap.
+
 Project documentation:
 
 - [Roadmap](ROADMAP.md)
diff --git a/index.html b/index.html
index 423896b..468775e 100644
--- a/index.html
+++ b/index.html
@@ -132,6 +132,8 @@ <h2>把图片拖到这里</h2>
         <span>ImageTool · 你的图片只属于你</span>
         <div class="footer-links">
           <span class="network-status" id="network-status">在线</span>
+          <button class="footer-button" id="share-button" type="button">分享</button>
+          <a href="https://github.com/fish34851-hash/ImageTool/issues/new/choose">反馈</a>
           <a href="https://github.com/fish34851-hash/ImageTool">GitHub</a>
         </div>
       </footer>
diff --git a/src/app.js b/src/app.js
index 17f5ade..a3f04ef 100644
--- a/src/app.js
+++ b/src/app.js
@@ -27,6 +27,7 @@ const elements = {
   resultList: document.querySelector('#result-list'),
   resultSummary: document.querySelector('#result-summary'),
   selectionCount: document.querySelector('#selection-count'),
+  shareButton: document.querySelector('#share-button'),
   workspace: document.querySelector('#workspace'),
 }
 
@@ -271,6 +272,25 @@ elements.downloadAllButton.addEventListener('click', () => {
   links.forEach((link, index) => setTimeout(() => link.click(), index * 180))
 })
 
+elements.shareButton.addEventListener('click', async () => {
+  const shareData = {
+    title: 'ImageTool',
+    text: '无需上传图片的批量转换与压缩工具',
+    url: 'https://fish34851-hash.github.io/ImageTool/',
+  }
+
+  try {
+    if (navigator.share) await navigator.share(shareData)
+    else {
+      await navigator.clipboard.writeText(shareData.url)
+      elements.shareButton.textContent = '链接已复制'
+      setTimeout(() => { elements.shareButton.textContent = '分享' }, 1800)
+    }
+  } catch (error) {
+    if (error.name !== 'AbortError') showError('暂时无法分享，请复制浏览器地址。')
+  }
+})
+
 function updateNetworkStatus() {
   const isOnline = navigator.onLine
   elements.networkStatus.textContent = isOnline ? '在线' : '离线可用'
diff --git a/src/styles.css b/src/styles.css
index 60fb6ad..cbbcc50 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -469,6 +469,8 @@ footer {
 
 footer a { color: #59685b; font-weight: 600; text-decoration: none; }
 .footer-links { display: flex; align-items: center; gap: 15px; }
+.footer-button { padding: 0; color: #59685b; border: 0; background: transparent; font-size: inherit; font-weight: 600; cursor: pointer; }
+.footer-button:hover, footer a:hover { color: #2f503a; }
 .network-status { display: inline-flex; align-items: center; gap: 5px; }
 .network-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #6e8a71; }
 .network-status.is-offline { color: #52705a; font-weight: 600; }
@@ -497,6 +499,8 @@ footer a { color: #59685b; font-weight: 600; text-decoration: none; }
   .drop-zone { min-height: 300px; padding: 22px; }
   .format-option span { display: none; }
   footer span { max-width: 190px; }
+  .network-status { display: none; }
+  .footer-links { gap: 10px; }
 }
 
 @media (prefers-reduced-motion: reduce) {