こんにちは。ごご(@igogotea)です。 お気付きの方もいるかもですが、昨日唐突にヘッダー画像を変えてみました。 いかがでしょうか、手抜きシンプル感が漂ってますね。 ヘッダー画像を作成する上で結構つまづきが合ったので、他にもいるんじゃないかなぁと思って記事にしてみました。 参考になれば〜。 ヘッダ画像の作成 ヘッダー画像の作成アプリ デザインは超絶適当だがシンプルに 画像サイズは2種類作成 はてなフォトライフにオリジナルサイズでアップロードするに設定 デザインのカスタマイズにてヘッダ画像をアップロード PCは問題無し、しかしスマホは・・・。 CSSで調整してヘッダ画像を調整 そもそも、mediaってなんぞや コードを読み解いてみる カスタマイズ後に思ったこと ヘッダ画像の作成 ヘッダー画像の作成アプリ 私の場合、Pixelmatorというアプリで作成しました。 この画像編集ソフトなので
![はてなブログ用のヘッダー画像の作成とスマホ用ヘッダー画像の調整方法 - くろねこめも](https://cdn-ak-scissors.b.st-hatena.com/image/square/2839ce7b34e5a0ef11aa7a002310cd2d99a24f2e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Figogotea%2F20170826%2F20170826134001.jpg)