2018年時点でサムネイル画像・OGP画像は横1200px以上が最適解

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To アスペクト比の件 内緒さん

こんばんは (o'ω')ﾉ

Facebookは16:9ではありませんが16:9というのは黄金比なので、それを強調するために「約」としました。
web上では16:9を守っていればほぼどのサービス・どのシステムでも問題はないと思いますよ、という意味で。
なので内緒さんがサムネイル画像を今後サイズ編集を行い、横1200を規定とするならば私としては縦675をおすすめします。
なんでかというと、AMPは画素数も規定があって80万画素ないとダメなんですね。
縦628だと約75万なので若干下回ります。675の場合は81万です。
といってもトップニュースカルーセルの要件なので一般ブロガーには(ほぼ)無関係ですけどね (´・ω・｀)
AMP自体FC2が導入するかどうかわからないわけだし。

なんで私のおすすめ例が1216にしてあるかというと、Windowsパソコンの余剰分です。
Macの1200px横幅はWindowsの約1184pxなので、ってここはまぁテンプレート制作上のビューポートの関係なので1200pxでも構いません(笑)

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To アスペクト比の件 内緒さん②

こんにちは ('0')/

FC2ブログのAMPが実現するかはわかりませんし、どのみち導入されたとしても記事毎にかなりの書き直しを余儀なくされるはずですが、画像ぐらいは規定にしておくといざという時多少は楽かも(笑)
そう考えると自由度の制限されたブログサービスの方が良いのかもしれませんね。
なんでも運営任せという意味で(笑)

画像って編集した後は元ファイルをゴミ箱へ… という方も多いと思いますので、元を16:9で取っておけばたぶん正解ではないかなぁと思います。
たぶんね。たぶん(笑)

アスペクト比

　アスペクト比のことでちょっと書かせて下さい。
　そんなことなど知っとるわいと外野席から一杯ガヤが飛んできそうですが。
　まずアスペクト比を日本語で言うと縦横比ということになると思います。これでいくと縦：横なので、Akira氏おっしゃられてるのを言い換えると9:16という言い方になりますね。
　でもそれを16:9と横：縦の順に言うのがアスペクト比の一般的な言いまわしになってますよね。
　じゃ　横縦比　はなんて読めばいいの。

　横縦比（アスペクト比）が16:9というのは、もう日本人全員が慣れ親しんだ地デジ画面の横縦比ですね。
　スマホでも今はこの16:9というハイビジョンサイズで動画を撮ることができるし、デジイチ（デジタル一眼カメラ）でもこのハイビジョンサイズで動画を撮る機能は搭載されてます。
　昔のアナログテレビの横縦比は4:3でした。昔の動画の標準は4:3なので監視カメラも同様です。
　監視カメラのハイビジョン化は費用の関係もありなかなか進んでないようです。
　この影響でデジカメ（コンパクトデジカメも含む）も4:3の横縦比をオプションとして持ってます。
　で、私が持ってるデジイチでは、1:1、3:4、16:9　以外に　3:2　という横縦比が選択できます。
　この3:2という横縦比は、カメラ屋というかカメラ撮影を主とされている人たちが、必ず採用されている横縦比です。
　この横縦比はフィルムカメラからの流れで、殆どの方がこれで撮っておられると思います。16:9というのは現状をみればありかも知れませんが、4:3はないと思います。
　なので写真のアスペクト比の絶対多数は3:2。
　写真の縦横比にはおもしろいことがあって、公募写真の場合、四つ切りの紙に印刷（プリントアウト）されたものという応募規定されてる場合があります。
　この場合の横縦比は6:5とかなり正方形に近くなります。で、色々調べてみると大昔の組立暗箱という原始カメラの横縦比に行き着きました。

　ともあれ、現代のスマホを含めた撮影事情は高画質化、高画素化に向ってまして、1200pxなんぞ小さい小さいと云うことになります。
　FC2の場合、他の無料ブログよりは画像のアップデート容量が多いにもかかわらず、容量を心配されて、画像を小さくされるとか、画像の盗用が心配なので小さい画像にしているとかがあるのではないでしょうか。
　ながながと書いてごめんなさい。
　自ブログに書いて、リンクを貼れば良かった。
　

To ｈｉｇｅさん

一般的には「横」「縦」ではなく「長辺」「短辺」ではないですかね。
html, CSS的には「横」「縦」ですね(後述)

アスペクト比は時代に応じてかなり変化しています。
テレビにしても4:3やらなんやら色々存在している中で、ある程度揃えようや、と。
すると現存している様々な比率の画面を最も効率的にカバー(見切れ・寸足らずを最小限にする)できたのが16:9、という認識ですが合ってるかどうかはわかりません(笑)
いずれにしろweb上での黄金比は16:9なのでそれを守っていればほぼ間違いはないと思いますよ。
また時代が進化するにつれ状況が変わるかもしれませんけどね。

長辺:短辺 がポピュラーな表現で、説明書きなど場合によっては「横縦比」と表現しているものもありますね。
映画フィルムやスクリーンが 短辺:長辺 で表現されるのはたぶん昔からの習わしだと思います。

CSS的には 横:縦 ですね。
何故ならそれが一番効果的だからです。
縦サイズを指定する際に親要素の「横幅」を基準に算出するケースは多々あります。
なので 縦:横 では具合が悪いんですね。横をまず決めなければ縦が決まらないから。
で、比のどちらが横でどちらが縦かを明示する必要が無い場合web製作者は恐らく「縦横比」という表現ではなく「アスペクト比」という表現を意図的に用いることが多いと思います。
そして英語圏では「5:3だよ」と言われた時には脊髄反射的に 5 = 横(width) と受け取られます。
映画関連はさきほど書いたように「短辺:長辺」なので 5:3 ではなく 3:5 という表現になりますが、3を横だと思う人は居なくても「あれ？フツー逆じゃね？」と感じる人が多いような ^^;