ダンゴムシ情報

* 生物飼育、マクロ撮影、ブログカスタムなどの情報共有 *

はてなブログ|Smoothヘッダー画像のサイズ設定

本ページにはプロモーションが含まれます。

パソコン・スマホ・タブレット縦画面の3種類に1枚で対応できるレスポンシブデザインのヘッダー画像を作成する際に役立つガイドラインを公開します。

使用デザインテーマはSmoothです。

Smoothヘッダーのガイドライン

  1. ・この画像は実寸ではありません。
  2. ・72dpiの1000×200pxでキャンバスを開いてから、この画像をサイズを合わせて貼ってお使いください。

 

参考:当ブログのヘッダーと重ねた図

はてなブログSmoothヘッダーのガイドライン

  1. ・絵の線の太さは2pxで、タイトル字は3pxで書くとちょうど良いです。
  2. ・ヘッダーは透過pngに対応しています。

 

完成例:当ブログのヘッダー

パソコン・iPad横画面

iPad縦画面

スマホ

 

ご参考になれば幸いです。

 

 

【参考記事】

はてなブログ ヘルプ

ヘッダ画像の推奨サイズ - はてなブログ ヘルプ