WEB制作で役に立つ！よく使うオススメツール

日々WEB制作を行う中で、作業効率向上や品質向上のため、さまざまななツールを使用しています。
今回はその中でも、よく使うオススメのツールをご紹介したいと思います。

活用率No1！画像圧縮ツール
iLoveIMG

iLoveIMGは、使いやすくて完全無料の画像処理用オンラインサービスです。画像の圧縮、サイズ変更、切り抜き、変換などが可能です！

作成した画像をそのまま使用すると、サイトがどんどん遅くなってしまう…といったことはよくあります。

そのような際に、インストール不要でフリーでも使用できる画像編集サイト「iLoveIMG」を利用しています。

操作も簡単で画像圧縮機能では、画像劣化が少なく、しっかりと圧縮してくれるので、WEBサイト構築時にはいつもお世話になっています。

また、ユーザーフレンドリーで初心者の方でも使いやすいため、
サイト納品後にブログやニュースを企業さまで更新いただく際にも、オススメしているツールです。

画像軽量化 次世代画像フォーマットへの一括変換
サルカワ道具箱 WebP変換

Web（ブラウザ）上ですぐに使えるWebP変換ツールです。複数のJPEG、PNG、GIFをまとめてWebP形式に変換します。

WebPは、2010年にGoogleが開発した新型の画像ファイル形式です。 従来のJPEGやPNGなどの画像ファイル形式に比べて、高い圧縮効率と品質を実現しています。 WebPファイルの拡張子は「.webp」と表記され、最近では多くのブラウザやウェブサービスで広くサポートされています。

WebP（ウェッピー）は、Googleが開発したWebサイト向けの次世代画像フォーマットです。

圧縮しても画質が落ちづらく、SEO対策で重要なページスピードの改善に向いているため、弊社ではサイトのWebP対応を標準としており、その際に利用しているツールとなります。

動画圧縮はこれ！
VideoSmaller

動画のファイルサイズをオンラインで小さくする、動画をオンラインで圧縮する、画質の劣化なしにMP4動画サイズを小さくする、動画を縮小する。

弊社案件でも動画を利用することが非常に多くなって参りました。
ウェブサイトで動画を再生するには、動画圧縮が不可欠です。

「動画圧縮」で検索をすると非常に多くのツールが出てきますが、
圧縮率が低かったり、動画が荒すぎたりと、なかなか思い通りに圧縮ができず、もどかしく感じていたのですが、
こちらのサイトでは、動画の劣化が少なく圧縮ができます。

CSS、JavaScriptを整形・チェックしてくれる
Dirty Markup

A free tool to clean up your dirty code. DirtyMarkup is the best HTML, CSS, and Javascript (JS) beautifier with an API to tidy up your code in an application.

Dirty Markupは、HTML,CSS,JSのコードを美しく整形してコメントも表示してくれるサービスです。
HTML、CSS、JSの整形を一つのサービスでまとめて行うことができ、整形の方法まで細かく指定ができます。
さらにバリデーション機能もあり、コード内で間違いを発見したら、コメント付きで指摘をしてくれます。

アイコンフォント作成
IcoMoon

Browse free icons or import your own SVG icons to generate icon packs in various different formats including icon font, SVG, PNG, sprite and more.

アイコン素材を無料配布しているサイト沢山ありますが、こちらのサイトではWebフォントとして扱うことができるアイコン素材を配布しています。
それに加え、自分で作成したアイコンをフォント化して、使用できるようにしてくれるツールです。

アイコンをフォントとしてWEBサイトで使用したいときは、SVGデータで作成したアイコンをアップロードし、WEBフォントとして書き出して使用しています。

文章比較に役立つ
テキスト比較ツール difff《ﾃﾞｭﾌﾌ》

お客さまから差し替えのテキストをいただいたけど、どこが変わっているか分からない…
というときに、非常に役に立つテキスト比較ツールです。

シンプルですが、テキストチェックの際などに非常に役に立つツールです。

無料のキーワード
リサーチラッコキーワード

無料でサクサク使えるキーワードリサーチツール。世の中のニーズをサクッと把握！コンテンツ制作/製品開発の市場ニーズのリサーチにお役立ていただけます。SEOを意識した記事コンテンツの制作補助機能も充実！

ラッコキーワードは、キーワード調査に特化したコンテンツ制作の支援ツールで、
キーワード選定やコンテンツのアイデア出しなどを効率化できる非常に優れたツールです。

こんなことまで無料でできるの？と驚いてしまいます。
有料版にすると更に詳しく調べることができ、弊社でもSEO対策には欠かせないツールとなっています。

まとめ

いかがでしたでしょうか。
WEB制作で使用するツールは、まだまだ沢山ありますが特にオススメのツール7種をご紹介いたしました。
便利なツールを使用すると作業の効率化ができ、それが品質向上へとつながります。
ぜひ参考にしてみてください。

ホームページ制作に関するお問い合わせ

ご相談・お問い合わせは、お電話または専用フォームよりお気軽にお問い合わせください。
ご希望の場合、新規お問い合せから制作の打ち合わせまで、Zoomなどでオンライン対応も可能です。

お電話でのご相談

大阪オフィス :　06-6949-8033
東京オフィス :　03-5422-3380

Webでのご相談

株式会社 エディトデザインについて

「クリエイティブで企業を前進させる」をコンセプトに、
デザインとWebマーケティングでビジネスの課題を解決します。
コーポレートサイト・採用サイト・ECサイトなど幅広い分野の制作実績もございます。