note1280×670画像サイズおぼえがき

noteを使い始めて、最初に戸惑ったのがトップ画面の画像サイズや記事のヘッダー画像サイズでした。何も気にせず自分のPCから画像をアップロードすると一部表示、画像の下部分を使いたいけれど四角選択が下に動かず。

noteヘルプセンターの登録画像推奨サイズ一覧

googleさんで「note　画像サイズ」と検索したところ、noteヘルプセンターさんにて一覧表示されていました。リンクとして貼ってもおきますが、自分の記事にもおぼえがきで書いておきます。2020年8月15日9時のヘルプセンターさんの表記です。

1. 記事見出し画像　サイズは横1280 ×縦670ピクセル

このサイズよりも大きいとトリミングされ表示されます。
例として「はじめまして」の記事
はじめまして
記事の最後に桜咲く諏訪湖畔の画像を貼っておきましたが下の画像はもともと横1280×縦1707ピクセルのオリジナルサイズ。
これを画像記事のヘッダーにしたところ、1280ピクセル×670ピクセルで表示がされました。やや画像が横に歪んでいますが風景ですのであまり気にならずこのまま使いました。
画像の種類は、記事で画像投稿できるのは、jpgとpngと書いてあるので同じでしょう。試しにbmpでアップしようとしたらできませんでした。
ちなみに、テキスト投稿ではなく、画像投稿を選択した場合は
・画像 : 1ファイル10MB以内、最大30枚、形式: JPG,PNG
と投稿画面でできること、に書かれていました。
毎回私はサイズを忘れてしまうので、png形式でこちらに置いておきます。

マガジンのヘッダー画像について

自分の記事をジャンル分けし自身で見直す事のにも便利にしておこうかとマガジンも作成しておきました。通常はマガジンは投稿順となりますので、投稿順の昇順のものと降順のものを作成しておきました。（マガジンについてはまた別にメモで書こうと思います）

2.マイページ/マガジンヘッダー画像
登録できる画像の推奨比率は 1.91:1 です。
● 基本サイズ
・1280 × 670px
　記事の見出し画像と同じものを使えます。
　中央部分 216px がヘッダー部分に表示されます。
●より綺麗に表示するなら（おすすめ）
・1920 × 1006 px
　中央部分 324px がヘッダー部分に表示されます

と書かれています。
マガジンのヘッダー画像は、縦の約32.238％。3分の1ちょっとが表示されます。
画像の上下好きな部分を選択できますが、画像の底辺部分を使う事ができません。仕事用のマガジン見出し画像はマガジンをクリックすると夕焼け空だけで下の山際が表示されません。自分ではあまり納得いかず以下の通りに画像のキャンパスサイズを変えました。

画像サイズを縦幅を1600ピクセル、横幅は変更せずの1920ピクセル
夕焼けなので山際から里部分は底辺と同じ茶黒系で塗りつぶし、png形式で保存したものにしました。

なお、noteヘルプさんのところには、
▼ヘッダー画像のサンプルをダウンロード　をクリックすると圧縮ファイル（zip形式）がダウンロードされてサイズごとのファイルが保存されていますので、そちらを使用してもよいですね。
ヘルプセンターの画像サイズについて書かれているページをリンクしておきます。

登録画像の推奨サイズ一覧WEB

以上記事の見出し画像とマガジンの見出し画像についての覚え書きでした。