change(*): update preview index.html and relevant docs files

docs/CONTRIBUTING.ja.md

@@ -7,7 +7,7 @@
 1. ツールでスキャフォールド: `cd tools && go run . create <style-name>` — 全11種類のメールタイプ用のプレースホルダ `.tmpl` ファイルを含む完全なディレクトリ構造を作成します
 2. `themes/<style-name>/` 内の各 `.tmpl` ファイルを独自デザインで編集
 3. プレビューを再生成: `cd tools && go run . preview all`（ビルドスクリプトが `themes/` 以下の全テーマを自動検出し、テーマセレクターも自動生成されます）
-4. スクリーンショット付きで PR を提出
+4. スクリーンショット付きで PR を提出（1枚あたり 50 KiB 以下、10–20 KiB 推奨）
 
 ### スタイルガイドライン
 

docs/CONTRIBUTING.ko.md

@@ -7,7 +7,7 @@
 1. 도구로 스캐폴드: `cd tools && go run . create <style-name>` — 11개 이메일 유형 모두에 대한 플레이스홀더 `.tmpl` 파일이 포함된 완전한 디렉토리 구조를 생성합니다
 2. `themes/<style-name>/`에서 각 `.tmpl` 파일을 고유한 디자인으로 편집
 3. 프리뷰 재생성: `cd tools && go run . preview all` (빌드 스크립트가 `themes/` 아래의 모든 테마 디렉토리를 자동으로 찾고 테마 선택기도 자동 생성합니다)
-4. 스크린샷과 함께 PR 제출
+4. 스크린샷과 함께 PR 제출 (이미지당 50 KiB 이하, 10–20 KiB 권장)
 
 ### 스타일 가이드라인
 

docs/CONTRIBUTING.ru.md

@@ -7,7 +7,7 @@
 1. Создайте каркас через инструмент: `cd tools && go run . create <имя-стиля>` — создаёт полную структуру директорий с файлами-заготовками `.tmpl` для всех 11 типов писем
 2. Отредактируйте каждый `.tmpl` файл в `themes/<имя-стиля>/` с вашим уникальным дизайном
 3. Перегенерируйте превью: `cd tools && go run . preview all` (скрипт автоматически находит все темы в `themes/` и динамически генерирует селектор тем)
-4. Отправьте PR со скриншотами
+4. Отправьте PR со скриншотами (≤ 50 КиБ каждый, рекомендуется 10–20 КиБ)
 
 ### Рекомендации по стилю
 

docs/CONTRIBUTING.zh-CN.md

@@ -7,7 +7,7 @@
 1. 使用工具脚手架：`cd tools && go run . create <风格名称>` — 这会创建完整的目录结构和全部 11 种邮件类型的占位 `.tmpl` 文件
 2. 在 `themes/<风格名称>/` 中编写每个 `.tmpl` 文件，应用独特的视觉设计
 3. 重新生成预览：`cd tools && go run . preview all`（构建脚本会自动发现 `themes/` 下的所有主题目录并动态生成主题选择器）
-4. 提交包含截图渲染效果的 PR
+4. 提交包含截图渲染效果的 PR（单张图片 ≤ 50 KiB，建议 10–20 KiB）
 
 ### 风格指南
 

docs/CONTRIBUTING.zh-TW.md

@@ -7,7 +7,7 @@
 1. 使用工具腳手架：`cd tools && go run . create <風格名稱>` — 這會建立完整的目錄結構和全部 11 種郵件類型的佔位 `.tmpl` 檔案
 2. 在 `themes/<風格名稱>/` 中編寫每個 `.tmpl` 檔案，套用獨特的視覺設計
 3. 重新產生預覽：`cd tools && go run . preview all`（建置腳本會自動發現 `themes/` 下的所有主題目錄並動態生成主題選擇器）
-4. 提交包含螢幕截圖的 PR
+4. 提交包含螢幕截圖的 PR（單張圖片 ≤ 50 KiB，建議 10–20 KiB）
 
 ### 風格指南
 

docs/images/README.md

@@ -9,6 +9,12 @@ horizon.png    terminal.png    ember.png    bloom.png    heritage.png
 neon.png       mono.png        terra.png    ink.png      aurora.png
 ```
 
+## Image Size Requirements
+
+- **Maximum:** 50 KiB per image
+- **Recommended:** 10–20 KiB
+- **Format:** PNG, optimised — run through `pngquant` or `optipng` before committing
+
 ## How to Capture
 
 1. Start the dev server: `cd tools && go run . dev` (opens http://localhost:3456)