ウェブサイト・ブログ作成におすすめの便利な無料ツールを厳選まとめ

ウェブサイトやブログを作成にあたって重要なことは、検索される方の意図を把握することです。そして、その答えがサイトにあれば十分です。

したがって答えを提示するには、文章だけでも十分ですが、分かりやすいサイト・ページの作成を心がけたいもの。そこでサイトやブログのページ作成におすすめの便利な無料ツールをまとめたいと思います。

サイトキャプチャ(スクリーンショット)

記事を書いていると、他のサイトを紹介する場面がよくあります。そんな時に役立つのが「キャプチャ」。トップページなどをそのまま画像として保存するものです。

このキャプチャができるサイトは結構多くありますが、実際に使ってみて便利なサイトをまとめたいと思います。

kwout

私がよく使うキャプチャーツールです。次のような特長があります。

  1. ページ全体やページの一部(領域)を指定して、キャプチャが撮れる。
  2. サイズの変更が可能。
  3. 画像の角を丸くしたり、背景色も用意。
  4. 保存した画像は、ウェブサイトや各種ブログに掲載したり、メールで送信できる。
  5. kwoutをツールバーに登録することも可能。

↓こんな感じでキャプチャ(スクリーンショット)が撮れます。サイズは300×200にしてみました。
kwout

↓公式サイトはこちら

HeartRails - ハートレイルズ - 新規事業開発のエキスパート
新規事業開発はハートレイルズにお任せください。サーバーサイド (API)、フロントエンド (PWA / SPA)、iOS アプリ、Android アプリなど、お客様と共に考え、提案し、柔軟に対応いたします。

バナー工房

「バナー工房」のサイトキャプチャも使い勝手が良いです。というか簡単!「アドレスを入力」「横幅・縦幅を指定」「クリックするだけ」の3ステップです。

またバナー工房ではサイトキャプチャのほか、「画像加工編集」、「バナー作成」、「QRコード作成」、「HTML・CSSタグ自動作成」などのツールも無料で提供しています。

410 Gone

HeartRails

サイトキャプチャ(サムネイル)作成では、HeartRailsも有名です。こちらも「アドレスを入力」「横幅・縦幅を指定」「クリックするだけ」の3ステップです。

また背景色の指定や、「影をつける」「縁をつける」「角を丸める」といった装飾も可能です。PDFファイルの作成も無料です。

HeartRails Capture | サムネイル画像/PDF ファイル作成サービス
サムネイル画像/PDF ファイル作成サービス

画像の圧縮ツール(サイト)

サイトやブログでは画像の掲載は必須です。文字だらけのサイトに離脱率は大きいとか。

読者
文字が多いサイトは苦手です

そこで画像の掲載となりますが、画像が多いとサイトが重くなり、表示が遅くなります。そこで画像の容量を圧縮し、サイトを軽くします。

ここで画像の圧縮ツール(サイト)をまとめます。

TinyJPG

パンダのイラストが特長の「TinyJPG」。画像をドラッグするだけで、JPGファイルとPNGファイルを圧縮します。

なお複数枚の画像も一度に圧縮可能ですが、ダウンロードは「圧縮ファイル(ZIPファイル)」か「一枚づつのダウンロード」が選べます。

TinyJPG – Compress JPEG images intelligently
Make your website faster and save bandwidth. TinyJPG is the best automatic JPEG optimizer and compresses your JPEG images by 40-60%!

compressor

こちらも画像をドラッグするだけで圧縮してくれる無料サイトです。なおカバーしているファイルの種類ですが、「JPEG」「PNG」「GIF」「SVG」の4種類です(2018年2月現在)。

Compressor.io - optimize and compress JPEG photos and PNG images
Optimize and compress your jpeg and png images online. Compressor is a lossy and lossless photo compression tool.

まとめ

ここまでウェブサイトやブログ作成におすすめの無料ツール(サイト)についてまとめてきました。

サイト作りにはこのほか、基本的なタグを覚える必要がありますが、手軽に情報発信したい方には無料ブログがおすすめです。初心者でも安心なプロ並みのテンプレートが用意されています。

広告なしの無料ブログ、お勧めの3サービス【メリット・デメリットも】
無料ながら広告が一切入らないブログサービスが存在します。そのブログサービス3つを紹介します。メリットとデメリットも併せて紹介します。

もちろん本格的なホームページを作成したいならば、タグのマスターは必須です。本でも学習できますが、初学者にはハードルが高いかもしれません。講座で学習するのも手です。

千貫りこ先生の動画講座「本当のプロになるためのHTML/CSS基礎講座」を受講してみた
きれいなサイトの必要性 サイトやブログに訪問される方に対して、出来るだけ「きれいなサイト」を作るのが理想的です。一昔前の見た目が貧相なホームページだと、すぐに画面を閉じてしまう方も多いのではないでしょうか。 もちろん有料テンプレ...
タイトルとURLをコピーしました