☰
The Movelog every things knowledge

ブログで使える素材やツール9選【Webサイト・Youtube制作でも使える】

Web

ブログ作成の素材

ブログ書いてみたい、サイト作ってみたい人「みんな綺麗な画像とアイコンとか使ってるけど、どうしてるのかな？」

そんな疑問にお答えします。

ブログをちまちま書いている私ですがが、うーん画像とか探すの時間かかりますよね。あとは、配色とか、アイコンとか、ちょっとしたリンクをデコってみたりとか・・。ほんと時間がかかります。

そのへん調べもって探して来たり、紹介してもらってりなど、ちょっとだけノウハウとして溜まったので、それを公開してみます。

  • ブログ・YouTubeで使える素材：フリーの画像素材集
  • ブログ・YouTube で使えるツール：ブログ編集お助けツール
  • ブログ・YouTube やWebサイト制作で使えるフリーフォントサイト

ブログ・YouTubeで使える素材：フリーの画像素材集

  • ODAN
  • GIRLY DROP
  • タダピク

ODAN

ブログで使える画像検索として定番サイト。

38サイトから無料写真素材を検索できます。会員登録や有料の部分も一部検索してきますので注意。

無難で手軽な画像としては検索結果のPixabayをクリックして利用するといいです。

気に入った画像をクリック後、FreeDownLoadのボタンを押します。
画像のサイズを選ん部画面が出ますが、無加工でブログのイメージ画像に使うのであれば、640×359で十分です。

ブログで使える素材
ピンクの枠の部分の指定で軽量化OK

普通に設定されている1920×1079などでは容量が結構大きいので利用するブログやサイトが重くなる原因となるので、
なるべく軽量なものを選んだほうがいいです。
⇒画像検索サイト：ODAN

GIRLY DROP

女性向けの可愛い美麗な画像の検索サイト。

商用利用可、クレジット表記不要のフリー素材・画像の検索サイトです。規約は確認してください。

画像検索してPRとイメージに記載されている物以外が対象となります。検索キーワードによっては結構PR画像多いので注意です。

なかなか押し間違えた多かったのでちょっとだけ説明を入れておきます。

PR以外を指定

画像を表示後のすぐ右のDownloadボタンを押してしまいそうですが、それではなく、ページ下のオレンジのボタンが本当のダウンロードですのでご注意。

スクロールして下へ

スクロールして下のオレンジのボタンです。

結構透明度高い画像が揃っていますから女性向けサイトに利用できるんじゃないでしょうか。
⇒GIRLY DROP

タダピク

43の無料画像提供サイトから画像検索ができます。商用利用可、クレジット表記不要のフリー素材・画像の検索サイトではありますが、利用する場合はリンク先の規約は確認しましょう。

ちょっと広告を押しやすいのでリンク先を注意して利用してください。
⇒タダピク

ブログ・YouTube で使えるツール：ブログ編集お助けツール

  • より美しいHTMLをシェアしよう
  • Card validator
  • Font Awesome
  • 配色の見本帳
  • COLORION

より美しいHTMLをシェアしよう

入力したURLをCSSとHTMLコードに分解して綺麗にブログに張り付けれるコードを出してくれます。

真っ白すぎて枠つけました

CSS部分の記述をWordpressなどであらかじめ設定しておけば、HTMLだけの貼り付けで綺麗な内部リンク、外部リンクが作る事ができます。
⇒より美しいHTMLをシェアしよう

Card validator

Twitterにどう映るかなと気になる時にあらかじめ確認できるツールです。

うまく設定できずにアイキャッチ画像が抜けていたり、タイトル文字、ディスクリプションの確認とかに使えます。

こんな感じでURLを入れるとプレビューしてくれます。

⇒Card validator

Font Awesome

簡単にいつとウェブサイトやブログでWebアイコンフォントを表示できます。

有償無償ありますが無償で十分

アイコンの種類がとっても豊富、かつ画像をいちいち指定することなく、名称していで表示できるようになります。
⇒Font Awesome

配色の見本帳

直感的に色の作成ができます。色のコードについても簡単に取得できて、ブログやWebサイトの配色に便利です。

「この色の情報と配色展開を見る」を押すと色の解説やアドバイスまでしてくれます。
⇒配色の見本帳

他にも漫画配色やテーマに沿った色の提案もありますので、マジおすすめ。

COLORION

あらかじめいくつかの組み合わせをコーディネートして提案してくれます。

おしゃれな配色が豊富です。
⇒COLORION

ブログ・YouTube やWebサイト制作で使えるフリーフォントサイト

  • FONT FREE

FONT FREE

日本語のフリーフォントに特化しています。書体別やひらがな、カタカナなどで検索できます。

いかがでしたしょうか。ブログやサイト作成にお役立てばと思います。

また何か他にも見つけていけば追加していく予定です。

人気記事Youtube始める時間を取るにはフリーランス
フリーランスの求人サイトのおすすめと比較（無料登録）【決定版】

RELATED

HOME >  Web >  ブログで使える素材やツール9選【Webサイト・Youtube制作でも使える】