圖檔閱覽用 html

chinois

我自己有感圖片檔案閱覽不易，
製成 pdf 的話，若圖片畫質太高，拉頁時容易卡頓，若圖片壓縮，有些部分又會變得模糊。

所以自己寫了個簡陋的 html 檔來看圖，沒甚麼厲害的技術，就只是單純把每頁圖片按序排好，用一個網頁呈現。

效果如下：
一來是把單頁圖片排成雙頁，二來是可以像網頁一樣直接拉到要看的地方，快速查找瀏覽。
如果想放大看某一頁，也可以在該頁按右鍵，選擇「在新分頁中開啟圖片」。


有需要的人可以試試。

（裏面有兩個 html 檔，一個是給單頁圖檔用，一個是雙頁圖檔用。）


套用方法：

一、把 html 檔放在圖片檔的資料夾內。

二、用文字編輯器或記事本開啟 html 檔，再按需求修改以下參數：

var r2l=true; //翻頁方向，false 左往右、true 右往左
var second=false; //false 以第一張為雙頁之首，true 以第二張為雙頁之首（這裏是為了頁面排序。由於有時會有錯開的情形，所以多了這個設定。）
var prefix="Sangokushi-X-PC-"; //檔案名頁數前綴（這裏的範例原圖檔檔名是：Sangokushi-X-PC-001、Sangokushi-X-PC-002……）
var suffix=""; //檔案名頁數後綴（一般圖檔命名，不會在頁數後再加字，不過，為了以防萬一）
var firstPage=1; //首頁頁數（指檔案名裏面的頁數）
var finalPage=166; //末頁頁數（指檔案名裏面的頁數）
var prefixZero=true; //頁數前要需不需要補零，true 補零，false 不補（有些圖檔頁數命名為 1、2、3 就不需補；命名 001、002、003，就需要補）
（注：補零時，會按末頁頁數的位數去補，比如末頁頁數為55，那麼1就會補為01；如果末頁為155，那麼1就會補為001）
var fileNameEx="jpg"; //副檔名格式

三、直接雙擊該 html 檔即可。或用瀏覽器開啟該 html 檔。

guanin

沒辦法自動抓檔名有點可惜，
我覺得參數可以做成可以在網頁上填寫或選擇的模式。

chinois

guanin 發表於 2024-2-14 19:13
沒辦法自動抓檔名有點可惜，
我覺得參數可以做成可以在網頁上填寫或選擇的模式。 ...

我自己的作法是，每個圖檔資料夾都放一個針對該圖檔修改的 html。
之後要看，就可以直接開 html 用瀏覽器看。

在頁面上設定參數的話，因為程式不允許修改或儲存本地資料，會變成每次開都要重新設定一次，
（也可能是我技術有限，我只會一點點 javascript。）

roach

謝謝分享自製的小工具，這年頭直接DIY ，用起來還是比較順手呀

garyfu

我自己喜好使用 Honeyview 這個工具看圖
輕量快速
可雙頁顯示
還提供簡單編輯攻能

官網：https://www.bandisoft.com/honeyview/

roach

以往我都用Windows, Mac內建的圖片瀏覽器，看來應該進化了，謝謝推薦

zb321237

以前看漫畫用的一個軟件 ComicsViewer應該也可以用來看這些攻略書，可以直接打開壓縮文件不用解壓，同時也支持左右頁並排顯示。

h25891016

zb321237 發表於 2024-3-4 00:04
以前看漫畫用的一個軟件 ComicsViewer應該也可以用來看這些攻略書，可以直接打開壓縮文件不用解壓，同時也 ...

真巧我也有用ComicsViewer，它算冷門的，它有一個圖像增強參數的選項，很好用，遇到比較反白的可以直接調整黑一點

Honeyview也很好用，有濾鏡的功能，能改變圖片的清晰度，類似的功能