Sakura: 2.4.1のヘルプ：「Windows 10 でのファイル拡張子関連付け」「Grep」「Grep置換」の画像がやたら大きくて見づらい。

[arigayas]

問題内容

5chの掲示板（サクラエディタふぁんくらぶ part19 → https://egg.5ch.net/test/read.cgi/software/1587603412/102 ）より転載

2.4.1のヘルプ、「Windows 10 でのファイル拡張子関連付け」「Grep」「Grep置換」
の画像がやたら大きくて見づらい。

ほとんどのヘルプの画像ファイルの横幅は1000px以下なのに指摘されたヘルプは1100px以上あります。

再現手順

「Windows 10 でのファイル拡張子関連付け」
https://sakura-editor.github.io/help/HLP000374.html
「Grep」
https://sakura-editor.github.io/help/HLP000067.html
「Grep置換」
https://sakura-editor.github.io/help/HLP000362.html

再現頻度

100％

問題のカテゴリ

• ドキュメントの問題

環境情報

• OS バージョン
  Windows 10
• サクラエディタバージョン
  2.4.1

[berryzplus]

たしかにちょっと大きいですね。

1833 x 1218

現代の標準的ディスプレイのサイズは 1920 x 1080 ですが、この画像サイズではヘルプビューアを最大化していても目次ビューの幅によって見切れてしまう場合がありそうです。

とりあえずの方針として、大きすぎる画像は縮小する、のかな。

どれくらいに？ って、縮小なしで印刷してA4縦に収まるサイズ(max=595px) がいいなぁ、と言ってみます。

[k-takata]

HiDPI 200%の環境でキャプチャした画像を載せてあるのだと思いますが、100%の環境でキャプチャし直すか、面倒ならば半分のサイズに縮小するのがよいのではないでしょうか。

[berryzplus]

幅が奇数なんで、半分にしようとすると割り切れないっていう...（　￣Д￣)ああああ

[beru]

CSSで相対単位でサイズ指定するのはどうでしょうか？

[arigayas]

ファイルサイズも大きい3ファイルはリサイズした方が良いと思います。

• FileAssoc-3-Application.png
• FileAssoc-4-DefaultApp.png
• FileAssoc-5-ChooseDefaultApp.png

[arigayas]

関連するissueとして「 Grep置換ダイアログでホットキーが重複している #1323 」がある事を明記しておきますね。

[arigayas]

藤 -Resizer- v3.8.0a という画像リサイズソフトにて縦横共に50％縮小しました。
「Grep」「Grep置換」の画像はホットキーの重複しているissueがCloseしてからスクリーンショットを撮るのが良いと思ったのでやってません。

FileAssoc-1-StartMenu.png

FileAssoc-2-Setting.png

FileAssoc-3-Application.png

FileAssoc-4-DefaultApp.png

FileAssoc-5-ChooseDefaultApp.png

FileAssoc-6-ChooseDefaultApp.png

FileAssoc-7-ChooseDefaultAppTxt.png

FileAssoc-8-ChooseDefaultAppTxt.png

FileAssoc-9-ChooseTxt-Sakura.png

ファイルサイズや解像度

[beru]

画像ファイルには手を入れずに、HTML側で相対サイズ指定を入れるやり方の対処を #1328 で行いました。

[arigayas]

(´；ω；`)

[beru]

(◞≼☉≽◟◞౪◟◞≼☉≽◟)

[arigayas]

(◞≼☉≽◟◞౪◟◞≼☉≽◟)

怖いww

[k-takata]

DPI 100%でキャプチャーしてみた。

1.

2.

3.

4.

5.

6.

7.

8.

9.

もうちょっとウィンドウ幅を狭くしてもよかったかな？

[arigayas]

ウィンドウ幅は1000px以下にするのが良さそう。

Microsoftの「ペイント」でルーラー表示させればウィンドウ幅は測りやすいと思います。

[beru]

HiDPI 200%の環境でキャプチャした画像を載せてあるのだと思いますが、100%の環境でキャプチャし直すか、面倒ならば半分のサイズに縮小するのがよいのではないでしょうか。

• FileAssoc-1-StartMenu.png
• FileAssoc-2-Setting.png
• FileAssoc-3-Application.png
• FileAssoc-4-DefaultApp.png
• FileAssoc-5-ChooseDefaultApp.png
• FileAssoc-6-ChooseDefaultApp.png
• FileAssoc-7-ChooseDefaultAppTxt.png
• FileAssoc-8-ChooseDefaultAppTxt.png
• FileAssoc-9-ChooseTxt-Sakura.png

はディスプレイ設定の表示スケール 150% でキャプチャ

• Grep.png
• GrepReplace.png

はディスプレイ設定の表示スケール 200% でキャプチャ

したように思えます。

その他の画像は昔にスクリーンショットが取られたものだと思いますが、表示スケールは 100% 相当のいわゆる HiDPI では無い設定でキャプチャしたものと思われます。

---

@arigayas さんがやったように大きい画像を縮小したり、@k-takata さんがやったように表示スケール 100% の設定でスクリーンショットを取った画像に差し替えれば、画像がやたら大きくてみづらい問題は解消されます。

ただしそもそもどうしてこういう問題が起きるのかを認識する必要があります。

[beru]

ディスプレイの解像度 1920 x 1080、表示スケール 100%

今現在最も多くのユーザーが使っていると思われる設定で確認します。

Chrome ブラウザ

まずヘルプのHTMLファイルをChromeブラウザで開いた際のスクリーンショットを紹介します。なお バージョン: 83.0.4103.116（Official Build） （64 ビット） で確認しています。

HLP000074.html

このページの画像はみづらくないです。適度な大きさです。

HLP000374.html

画像がやたら大きくてみづらいです。

hh.exe (Microsoft® HTML ヘルプの実行可能ファイル)

hh.exe というのはサクラエディタのヘルプのファイル sakura.chm を表示するのに使われるWindows標準のアプリです。

HLP000074.html

ブラウザで表示するのと同様にこのページの画像はみづらくないです。適度な大きさです。

HLP000374.html

ブラウザで表示するのと同様にこのページの画像はやたら大きく表示されてみづらいです。

[beru]

ディスプレイの解像度 3840 x 2160、表示スケール 200%

次にいわゆる 4K と呼ばれている解像度で確認します。この解像度だとOSのディスプレイ設定の表示スケールを上げないと表示が（特に文字が）小さすぎて操作しにくいので 200% とかに設定する事が多いです。

Chrome ブラウザ

HLP000074.html

ChromeブラウザはOSの表示スケールに合わせて画像を拡大して表示してくれます。

HLP000374.html

画像が拡大して表示されるので画像がやたら大きくてみづらいです。

hh.exe (Microsoft® HTML ヘルプの実行可能ファイル)

HLP000074.html

画像が引き延ばされずに小さく表示されます。

HLP000374.html

画像が引き延ばされずに等倍で表示されていますが、この環境だとそこまで見づらくは感じません。

[beru]

一般的に使われているChrome等のウェブブラウザでは、サイズを特に指定していなかったり、px(ピクセル)でサイズ指定した画像タグの表示要素はOSの表示スケールの設定に合わせて拡大して表示されています。

拡張子が chm のヘルプファイルを表示するビューワーは画像を拡大せずにそのまま表示します。なのでDPI 100% の環境でキャプチャした画像を DPI 200% の環境で表示すると小さく表示されて見辛いです。またDPI 200% の環境でキャプチャした画像を DPI 100% の環境で表示すると大きく表示されてこれまた見づらいです。

なので https://github.com/sakura-editor/sakura/issues/1325#issuecomment-650567489 でコメントした通り、相対単位のサイズ指定を全ての画像タグに入れる変更を入れるのが適切な対応だと思います。そうする事で色々なDPIの表示環境でヘルプの画像が極端に小さくまたは大きく表示される問題を緩和出来るのではないかと。

ただそうするとドットバイドットで表示されないので画像がぼけて表示されてしまう問題は出そうです…。

[berryzplus]

この issue と直接関係ない話ですが・・・。

「Windows 10 でのファイル拡張子関連付け」
https://sakura-editor.github.io/help/HLP000374.html

このトピックって、目次に追加し忘れてますね。
目次にはトピック一覧の役割もあると思うので、追加しとくのがベターだと思います。

ヘルプってたぶん、こんな感じに使うものだと思います。

こうしてみると、画像幅以外にもツッコミどころたくさんあるような気がしないでもない・・・。

[beru]

1328 を Merge したので Close します。