請問 thumbnail 的圖片，width 與 height 多少才適當 ? 謝謝

SukkaW / hexo-theme-suka

🎨Modern, powerful and simple theme for Hexo.

https://theme-suka.skk.moe

GNU General Public License v3.0

615 stars 49 forks source link

Open oomusou opened 5 years ago

oomusou commented 5 years ago

我正在測試您的 Suka 請問 thumbnail 的圖片的 width 與 height，應該多大才會表現最優？謝謝

SukkaW commented 5 years ago

目前的版本缩略图在移动端和电脑端上显示比例不同，因此没有一个最佳的长宽比例设置。建议缩略图仅包含位于中心的少量主要元素以达到最好的显示效果。

oomusou commented 5 years ago

目前試了幾個 size 還是很難在 desktop 很漂亮，不過你在 https://blog.skk.moe/ 圖片在 desktop 與 mobile 都很漂亮，請問這些各自的 width 與 height 各自是多少 ?

SukkaW commented 5 years ago

@oomusou 和图片大小无关，和图片主要内容与图片大小的比例有关。一般的，图片的主要内容占图片的 1/8 到 1/6、居中放置。

oomusou commented 5 years ago

謝謝你的回答，不過我還是不太懂，以 https://blog.skk.moe/post/nas-dsm-vmm-lede/ 這篇而言，請問這篇的圖片的 width 與 height 是多少 ?

oomusou commented 5 years ago

我的解析度是 1024 x 640，1/8 約 128，我使用了 128x128 的圖片，結果如下圖所示： _ 2019-04-29_23-36-17 _

wintertee commented 4 years ago

量了一下，大概在桌面浏览器上的比例是3:1，手机浏览器上16:9