Update doc: How to treat given logo image

Author: yasulab

doc/how_to_add_dojo.md

@@ -81,8 +81,10 @@ Zen: https://zen.coderdojo.com/dojos/jp/okinawa-ken/okinawa-okinawa-prefecture/n
 
 - `id` は後述するコマンドで自動的に作成・書き出しされるため、省略してください。
 - `order` には総務省が定める[全国地方公共団体コード](http://www.soumu.go.jp/denshijiti/code.html)の値を入力します。（db/city_code.csv も参照できます。）
-- `logo` のロゴ画像は [TinyPNG](https://tinypng.com/) で圧縮してから `public/img/dojos` に置いてください。
-  - サイズが正方形以外の場合、表示が崩れる場合があるので、[Macのプレビューで画像に余白を付け足す方法](http://teapipin.blog10.fc2.com/blog-entry-913.html)を参考に正方形にすると良さそうです。
+- `logo` にはロゴ画像へのパスを入力してください。
+  - ロゴ画像が省略されていた場合は `default.webp` を入力してください。
+  - ロゴ画像があれば `.png` と `.webp` に変換し、[TinyPNG](https://tinypng.com/) で圧縮し、`public/img/dojos` に置いてください。
+  - ロゴ画像が正方形ではない場合、表示が崩れることがあるため、[Macのプレビューで画像に余白を追加](https://www.google.com/search?q=Mac+プレビュー+画像+余白)し、正方形にしてください。
 
 yaml ファイルに各項目を追記したら次のコマンドを実行し、DB に新規 Dojo 情報を反映させます。