無料で使用できる、とっても便利なサイトをリストしました。
画像関係のクイックリンク
カラーコードや色の配色を参照できるサイト:
- 色見本と配色サイト
- 原色大辞典
- 配色パターン見本40選:配色パターンをUI画面で確認できます。サルワカさんサイト。
- Color Hunt: 膨大な量の配色パターンがあるので、きっと好きな組み合わせを見つけられます!
- おススメ Chromeの拡張ツール(ColorPick Eyedropper)
詳しくはこちら:ColorPick Eyedropperで画面上の「色」のカラーコードとRGB情報が分かる!
Cocoon関連のクイックリンク:
![いくみ](https://blogstudynotes.com/wp-content/uploads/2019/05/02_195pekori5562.png)
本当に感謝です・・・!
以下のセクションでは、チョコっと説明をそえています。手順を書いた場合は、そのリンクもつけました。
画像のダウンロード
当ブログで使用している画像は、以下のサイトからダウンロードし、文字を加えたものです。
各記事の冒頭に「アイキャッチ画像は」という欄を設けて、作者の方のお名前を掲載しています。
画像が文中にある場合は、画像のキャプションに掲載しています。
名前のリンクをクリックすると、その方の他の作品も見ることができます!
画像の圧縮
以下のサイトで画像を圧縮しています。
![](https://blogstudynotes.com/wp-content/uploads/cocoon-resources/blog-card-cache/359ff83618df8d37a04323064db1e34f.jpg)
このサイトは、Web上ですぐに利用できます。
パンダくんのプラグインもあって、それも合わせて利用しています。登録手続きを記事にしています。
画像の透過処理
こちらで、透過などの処理をしています。
使い方を記事にしています。
少し細かい作業は、こちらのダウンロードするソフトがおススメです。
使い方を記事にしています。
![](https://blogstudynotes.com/wp-content/uploads/2019/10/0EYE-58-glass-ball-2420969_1000-160x90.jpg)
画像の文字入れ
画像に文字を入れる際は、以下のサイトを利用させていただいています。
バナー工房の文字入れ手順を書きました。
Canvaの使い方をまとめました。
フォント
特殊なフォントの作成は、以下のサイトを利用させていただいております。
使い方を記事にしています。
イラスト枠
ホームイメージやアイキャッチの作成に、こちらのサイトを利用させていただきました。
![](https://blogstudynotes.com/wp-content/uploads/cocoon-resources/blog-card-cache/a58ea51d4750e0d9e8ddb9f8426be914.png)
イラスト素材
トップページの丸いボタンにあるイラストは、こちらのサイトを利用させていただきました。
イラストボックスの登録方法や使い方を記事にしています。
図
パワーポイント画像は、以下のサイトからダウンロードしたテンプレートに編集を加えたものです。(または、自作です。)
![](https://blogstudynotes.com/wp-content/uploads/cocoon-resources/blog-card-cache/ffefe90ba11a9be25b6d524e6a0298de.jpg)
OGP画像シュミレータ
画像をアップロードするか、URLを入力すると、FBやツイッターなどの画面で、どう表示されるかを確認できます!
最高に便利です。
OGP画像については以下でまとめています。
私がホームイメージのサイズチェックに利用した結果例も記事の最後に載せています。
![いくみ](https://blogstudynotes.com/wp-content/uploads/2019/05/04_230kirari_smile6069.png)
何かしら、毎日使っています!