サイトアイコンやロゴ画像の作り方(Hatchful利用で無料作成)

ロゴやアイコンの画像

サイトやブログで使用するアイコンやロゴって、どうやって作るの?
センスなくても作れる?

検索した時によくurlの前にのマークや地球のマークを見かけませんか?
これはサイトやブログで、アイコン設定しないままだとこのWordPressのマークや地球マークで表示されます。
そのページを開いた時のタブの表示も同じです。
ちょっと残念ですよね。

せっかく作成したサイトやブログなので、アイコンがあった方が見栄えも良いですし覚えてもらいやすい利点もあります。

とはいえデザイン苦手で、作るなんてできないよ。。。(私も)
って人でも大丈夫!
Hatchfulなら自動でたくさんのオシャレなロゴやアイコンのデザインを作成してくれて、その中から選べば良いだけです。

>>もちろんアイコンやロゴは有料でも良いからこだわりたい方は、ココナラで依頼する方法もあります。

目次

Hatchfulでアカウントを作成

>> Hatchful公式ページはこちら

Hatchfulの公式サイトを開きます。

右上の登録をクリックします。


メールアドレスパスワードを入力します。

サインアップするをクリックします。


デザインやカラーを決めダウンロード

ビジネスの業界を選択します。

次へをクリックします。


デザインのスタイルを選択します。

次へをクリックします。


ビジネス名を必要なら入力します。

次へをクリックします。


サイトやブログで使用するなら、オンラインウェブサイトにチェックを入れます。

次へをクリックします。


お好みのデザイン上でマウスホバーし、ロゴを編集するをクリックします。

カラーは後で選べますので、デザインを選んでくださいね。


先ほど決めたビジネス名は変更することができます。

フォント、色、アイコン、レイアウトをお好みで変更します。

次へをクリックします。


各サイズの画像がセットになったファイルが出来上がりましたので、ダウンロードをクリックします。

登録したメールアドレスにファイルが届きます。


各画像のサイズ

ダウンロードされた画像ファイルの各サイズです。

画像幅(px)高さ(px)
facebook_cover_photo_11640624
facebook_cover_photo_21640624
facebook_profile_image12001200
favicon3232
instagram_profile_image10001000
linkedin_banner_image-11536768
linkedin_banner_image-21536768
linkedin_profile_image10001000
logo_transparent12001200
logo12001200
printerest_boad_photo800800
printerest_profile_image330330
twitter_header_photo_11500500
twitter_header_photo_21500500
twitter_profile_image800800
youtube_profile_image800800

アイコンにはどのサイズ?

WordPressで推奨されているアイコンのサイズは512px × 512px以上となってますので調整してみてください。

ロゴにはどのサイズ?

WordPressのテーマによって推奨されているロゴのサイズが変わってきますが、SWELLではサイズ 1600px × 360pxを推奨されていますので、調整してみてください。

背景を透過してくれるサイト

まとめ

ご自分でIllustratorなど使用してデザインできる方ならパパッと素敵に作成できるのかもしれませんが、私の様にそんなスキルを持ち合わせてなくてもHatchfulならこんなに簡単にしかも無料で作れちゃいます。

サイト作成やブログを始めたい気持ちはあっても、アイコンやロゴの作成で躓いてしまってはもったいないですもんね。

~本日も最後まで読んでいただき、ありがとうございました。〜

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次
閉じる