WEB制作で役に立つ!よく使うオススメツール
社内連携 | 2024.3.10
WEB制作で役に立つ!よく使うオススメツール
Tags
お役立ちコラム目次
日々WEB制作を行う中で、作業効率向上や品質向上のため、さまざまななツールを使用しています。
今回はその中でも、よく使うオススメのツールをご紹介したいと思います。
活用率No1!画像圧縮ツール
iLoveIMGは、使いやすくて完全無料の画像処理用オンラインサービスです。画像の圧縮、サイズ変更、切り抜き、変換などが可能です!
iLoveIMG
作成した画像をそのまま使用すると、サイトがどんどん遅くなってしまう…といったことはよくあります。
そのような際に、インストール不要でフリーでも使用できる画像編集サイト「iLoveIMG」を利用しています。
操作も簡単で画像圧縮機能では、画像劣化が少なく、しっかりと圧縮してくれるので、WEBサイト構築時にはいつもお世話になっています。
また、ユーザーフレンドリーで初心者の方でも使いやすいため、
サイト納品後にブログやニュースを企業さまで更新いただく際にも、オススメしているツールです。
画像軽量化 次世代画像フォーマットへの一括変換
Web(ブラウザ)上ですぐに使えるWebP変換ツールです。複数のJPEG、PNG、GIFをまとめてWebP形式に変換します。
サルカワ道具箱 WebP変換
WebPは、2010年にGoogleが開発した新型の画像ファイル形式です。 従来のJPEGやPNGなどの画像ファイル形式に比べて、高い圧縮効率と品質を実現しています。 WebPファイルの拡張子は「.webp」と表記され、最近では多くのブラウザやウェブサービスで広くサポートされています。
WebP(ウェッピー)は、Googleが開発したWebサイト向けの次世代画像フォーマットです。
圧縮しても画質が落ちづらく、SEO対策で重要なページスピードの改善に向いているため、弊社ではサイトのWebP対応を標準としており、その際に利用しているツールとなります。
動画圧縮はこれ!
動画のファイルサイズをオンラインで小さくする、動画をオンラインで圧縮する、画質の劣化なしにMP4動画サイズを小さくする、動画を縮小する。
VideoSmaller
弊社案件でも動画を利用することが非常に多くなって参りました。
ウェブサイトで動画を再生するには、動画圧縮が不可欠です。
「動画圧縮」で検索をすると非常に多くのツールが出てきますが、
圧縮率が低かったり、動画が荒すぎたりと、なかなか思い通りに圧縮ができず、もどかしく感じていたのですが、
こちらのサイトでは、動画の劣化が少なく圧縮ができます。
CSS、JavaScriptを整形・チェックしてくれる
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
Dirty Markupは、HTML,CSS,JSのコードを美しく整形してコメントも表示してくれるサービスです。
HTML、CSS、JSの整形を一つのサービスでまとめて行うことができ、整形の方法まで細かく指定ができます。
さらにバリデーション機能もあり、コード内で間違いを発見したら、コメント付きで指摘をしてくれます。
アイコンフォント作成
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.
IcoMoon
アイコン素材を無料配布しているサイト沢山ありますが、こちらのサイトではWebフォントとして扱うことができるアイコン素材を配布しています。
それに加え、自分で作成したアイコンをフォント化して、使用できるようにしてくれるツールです。
アイコンをフォントとしてWEBサイトで使用したいときは、SVGデータで作成したアイコンをアップロードし、WEBフォントとして書き出して使用しています。
文章比較に役立つ
テキスト比較ツール difff《デュフフ》
お客さまから差し替えのテキストをいただいたけど、どこが変わっているか分からない…
というときに、非常に役に立つテキスト比較ツールです。
シンプルですが、テキストチェックの際などに非常に役に立つツールです。
無料のキーワード
無料でサクサク使えるキーワードリサーチツール。世の中のニーズをサクッと把握!コンテンツ制作/製品開発の市場ニーズのリサーチにお役立ていただけます。SEOを意識した記事コンテンツの制作補助機能も充実!
リサーチラッコキーワード
ラッコキーワードは、キーワード調査に特化したコンテンツ制作の支援ツールで、
キーワード選定やコンテンツのアイデア出しなどを効率化できる非常に優れたツールです。
こんなことまで無料でできるの?と驚いてしまいます。
有料版にすると更に詳しく調べることができ、弊社でもSEO対策には欠かせないツールとなっています。
まとめ
いかがでしたでしょうか。
WEB制作で使用するツールは、まだまだ沢山ありますが特にオススメのツール7種をご紹介いたしました。
便利なツールを使用すると作業の効率化ができ、それが品質向上へとつながります。
ぜひ参考にしてみてください。
ホームページ制作に関するお問い合わせ
ご相談・お問い合わせは、お電話または専用フォームよりお気軽にお問い合わせください。
ご希望の場合、新規お問い合せから制作の打ち合わせまで、Zoomなどでオンライン対応も可能です。
お電話でのご相談
大阪オフィス : 06-6949-8033
東京オフィス : 03-5422-3380
Webでのご相談
株式会社 エディトデザインについて
「クリエイティブで企業を前進させる」をコンセプトに、
デザインとWebマーケティングでビジネスの課題を解決します。
コーポレートサイト・採用サイト・ECサイトなど幅広い分野の制作実績もございます。
会社名
株式会社 エディトデザイン
住所
東京 / 東京都渋谷区神宮前2-13-9 BIRTH神宮前403 Google map >
大阪 / 大阪市北区天満4-3-1 6F-SG bldg. Google map >
所属団体/資格
公益社団法人 日本グラフィックデザイナー協会 (JAGDA) 正会員
一般団法人ブランド・マネージャー認定協会 1 級資格
一般社団法人 ウェブ解析士協会 (WACA) ウェブ解析士
Google アナリティクス個人認定資格(GAIQ)
Google認定「GooglePartner」
Google 広告認定資格
大阪桜之宮ライオンズクラブ 正会員
事業内容
Webサイトのデザイン・ディレクション・運営
Webビジネスに関するブランディング及び戦略立案
その他各種メディアのクリエイティブディレクション
その他広告・宣伝に関する業務
GIJIROKU
議事録コラム
-
お知らせ | 2024.12.2
同志社国際学院初等部・国際部にて、弊社代表の芋谷が特別授業を行いました。
-
コーポレートサイト | 2024.11.21
「Webサイト保守」の費用相場はどれくらい?何をすべきで、どんなポイントで選べば良いか?を解説
-
お知らせ | 2024.5.18
大阪デザイナー・アカデミーにて、弊社代表の芋谷が会社説明会を行いました。
-
コーポレートサイト | 2024.4.3
WordPressでのサイト構築 よくある疑問・質問にお答えします。
-
コーポレートサイト | 2024.3.29
なぜ採用サイトを作成すると、募集・採用が増加するのか?採用サイト制作の目的