[Middleman 3] middleman-favicon-maker で favicon, icon image を生成する

Favicon maker という gem をつかって、色々なサイズの icon 類を作成します。

% middleman version
Middleman 3.3.6

こちらで紹介されていました。

Understanding Middleman – the static site generator for faster prototyping – Author and responsive web developer Ben Frain

インストール

follmann/middleman-favicon-maker

imagemagick をインストールします。

% brew install imagemagick
Gemfile
gem 'middleman-favicon-maker', '~> 3.7'

Bundle インストールします。

% bundle install --path vendor/bundle

つかいかた

source/_favicon_template.png に元になるファイルを設置します。
さらに config.rb に必要なサイズとフォーマットを設定として書き加えます。

config.rb
configure :build do
  activate :favicon_maker, :icons => {
    "_favicon_template.png" => [
      { icon: "apple-touch-icon-precomposed.png", size: "152x152" },
      { icon: "favicon.png", size: "96x96" },
      { icon: "favicon.ico", size: "32x32" },
      { icon: "tileicon.png", size: "144x144" },
    ]
  }

/build に画像が生成されました。