Unnamed Notes

まーぼーです

写真の面積

#website

このウェブサイトを作った当初、記事中の写真はすべて横幅を本文に揃えて表示していたが、同じアスペクト比でも横位置か縦位置かで面積が変わってしまうことに違和感があった。今は、ブラウザーの横幅が十分広い場合に限るが、写真の短辺側を本文と同じ幅にして、横位置でも縦位置でも同じ面積で表示している。

ブラウザーの横幅が狭い場合はこれまで通りで、横位置と縦位置の面積を揃えることよりも、個々の写真ができるだけ大きく表示されることを優先している。

アスペクト比が 3:2 の写真。
GR IIIx で撮影。
アスペクト比が 1:1 の写真。
GR IIIx で撮影。
アスペクト比が 2:3 の写真。
GR IIIx で撮影。