名古屋でホームページ制作を通じてWEB集客を支援する(株)オンカの「お知らせ・コラム」ページ

ホームページを制作する際、AdobeのPhotoshopやIllustrator、XDなどを使用してデザインを作るというデザイナーの方が多いのではないでしょうか。Photoshopは写真の加工においてできないことはないと言っても過言ではないかもしれません。しかし、急いで画像を切り抜きたいのにPhotoshopが動かないといったトラブルもアプリケーションには付き物です。そんな時に役立つのがオンラインツールです。ブラウザベースで動くため、PhotoshopなどがインストールされていないPCでもすぐに写真の加工ができたりします。クオリティも高いため、うまく使うことでデザインの効率化も図ることができます。
今回のコラムではホームページ制作時に役立つ基本使用無料のオンラインツールをいくつかご紹介していきます。ホームページを制作する際にぜひ活用してみてください。

Adobe Express

1つ目にご紹介するのはAdobeが提供するオンラインツール「Adobe Express」です。こちらのツールは写真をアップロードすることで背景を自動的に除去し、透明な切り抜き写真を作成することができます。Adobeのユーザー登録が必要ですが、出先などでPhotoshopが使えない時などに便利なツールです。操作も写真をドラッグ&ドロップするだけですぐに使えるため、簡単です。切り抜きのクオリティも高いので、そのままデザインに使用しやすいのもポイントです。
また、写真のクロップや画像のサイズ変更も同サイト上で可能です。画像サイズやクロップするためだけにわざわざアプリケーションを開くということもなくなるため積極的に活用していきましょう。

Adobe Express

TinyPNG

次にご紹介するのは画像を圧縮し、画像のファイルサイズを小さくしてくれるオンラインツール「TinyPNG」です。解像度が高く、サイズの大きい画像はそのままホームページに使用するとページの読み込みに時間がかかってしまうため、SEOに悪影響を与えてしまう可能性があります。TinyPNGは画像をドラッグ&ドロップするだけで自動的に画像を圧縮してくれるツールです。WordPressなどのCMSに画像をアップロードする際、「ファイルサイズが大きすぎるためアップロードできません」といったエラーが表示される場合は、TinyPNGを使用してファイルサイズを小さくしましょう。無料版では同時にアップロードできる画像の数が限られていますが、大量の処理が必要な場合でもない限り、十分使える便利なオンラインツールです。

TinyPNG

Let’s Enhance

こちらは自動で解像度を上げてくれるオンラインツール「Let’s Enhance」です。AIを使って自動で画質の良い画像を作成でき、元サイズの4倍まで解像度を上げることができます。画質の悪い画像を使用する際、Photoshopなどのアプリケーションを使って解像度を上げることもできますが、無理に引き伸ばそうとすると画像が荒くなったり、ノイズが乗ってしまうことがあります。しかし、こちらのオンラインツールを使用することで、滑らかでかなり綺麗な画像にすることができます。携帯で撮った画質の悪い写真しかない場合などに使用したいツールです。

Let’s Enhance

TREX

こちらは、日本語のテキストを打ち込むことで、打ち込んだテキストを使用した英語の例文を表示してくれるオンラインツールです。WEBデザインを制作する際、装飾として英文を使用することがあると思いますが、自動翻訳ツールを使用すると、おかしな文章が出来上がってしまう場合があります。TREXは既に翻訳されている公式文書などのフレーズを複数見ることができ、ほとんどが正しい文法を用いています。ダミーテキストとして英語の文章が欲しい場合などに活用すると良いでしょう。

TREX

difff

こちらはテキストの差分を比較するオンラインツール「difff」です。WEBデザインを制作している際、テキストの修正をしたはずが直っていなかったということがあったりします。何度もテキストの修正が入ると本当にテキストが修正後のものになっているか気になることがあるかと思いますが、原稿とデザイン上のテキストに違いがないかなどを瞬時に確認することができます。また、間違っている箇所にはマーカーで分かりやすく示してくれるので差分が分かりやすいのもポイントです。原稿との差分チェックにぜひ活用してみましょう。

difff

今回のまとめ

今回のコラムではホームページ制作時に役立つ無料のオンラインツールを紹介しました。オンラインツールといえど、どれもクオリティの高いツールです。ホームページ制作に役立つものばかりなので、ブックマークに入れるなどして積極的に活用していきましょう。
どのサイトも便利ですが、必ずサイトの利用規約を読み理解した上で利用するようにしてください。