TakuroEX https://blog.hatena.ne.jp/TakuroEX/ タクロウ日記 https://takuroex.hatenadiary.jp/ 日記 どうも、タクロウです。 日記を始めて4日目ですが、日記の上部が少し寂しい気がしています。 そこで、今回は上部ヘッダーに画像を入れてみたいと思います。 まず始めに、はてなブログのヘルプから画像の推奨サイズを調べます。 ・PC用：幅1000px、高さ200px ・スマートフォン用：幅720px、高さ240px スマートフォン用の方が高さはあるけど幅が狭いといった感じですかね。 あと、表示環境によっては画像の端がカットされてしまうみたいです。 とりあえずPC用ヘッダー画像をターゲットに進めます。 余談ですが、画像のサイズ表記に使われる単位「px」は「pixel（ピクセル）*1」と呼びます。 さて、推… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftakuroex.hatenadiary.jp%2Fentry%2F2024%2F01%2F08%2F162416" title="ヘッダー画像を作成してみました - タクロウ日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/T/TakuroEX/20240107/20240107230054.png Hatena Blog https://hatena.blog 2024-01-08 16:24:16 rich https://takuroex.hatenadiary.jp/entry/2024/01/08/162416 1.0 100%