知らなきゃ絶対損!作業効率UP!webデザイナーにおすすめの便利ツール

webデザイナーにおすすめの便利ツール
えりー
こんにちは、えりーです。

ものすごく時間がかかっている作業も、便利ツールを使えば一瞬で終わることもよくあります。

最近は『もっと早く知っておけばよかった~』『これが無料なの?ウソでしょ?』と思うような超便利なツールもたくさん出ています!

今回は、私が普段の仕事で使っている作業効率が上がる便利ツールをご紹介したいと思います。

えりー
便利ツールを使って作業効率が上がれば、残業仕事に追われるプレッシャーからも解放されるかもしれません!

現役webデザイナーの方はもちろんのこと、これからwebデザイナーを目指す方にもおすすめしたい便利ツールばかりですので、ぜひ参考にしてみてくださいね!

かなりたくさん数があるので、目次から気になるツールにジャンプするのがおすすめです↓

webデザイナーにおすすめの便利ツール:web制作系

Excel to HTML

ExceltoTable

Excelの表をHTMLのtableタグに変換できる便利ツール
https://tech-unlimited.com/exceltable.html 

えりー
面倒なタグ打ちの手間を省けます!

Placehold.jp

Placehold.jp
ダミー画像を作成できる便利ツール
https://placehold.jp/

えりー
ダミー画像をいちいち作らなくて良いので便利です!

Gridulator

Gridulator
グリッド計算の便利ツール
http://gridulator.com/

Gridpx

Gridpx
こちらもグリッド計算の便利ツール
http://www.kenjisugimoto.com/gridpx/

にゃーご
電卓を使わなくて良いのは楽だにゃ

Browserling

Browserling
オンラインでブラウザチェックができる便利ツール
https://www.browserling.com/

えりー
IEなどをインストールしていなくてもチェックできるのがいいですね!

Tech-Unlimited

Tech-Unlimited
カラーコードを変換できる便利ツール
https://tech-unlimited.com/color.html

えりー
Photoshopを起動しなくてもサクッと変換できます

Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator
CSSグラデーションを作成できる便利ツール
https://www.colorzilla.com/gradient-editor/

CSS STRIPE GENERATOR

CSS STRIPE GENERATOR
CSSのストライプが作れる便利ツール
https://css-stripe-generator.firebaseapp.com/

sitemap.xml Editor

sitemap.xml Editor
サイトマップを生成できる便利ツール
http://www.sitemapxml.jp/

.htaccess Editor

.htaccess Editor
.htaccessを生成できる便利ツール
http://www.htaccesseditor.com/

えりー
ベーシック認証に必要な「.htpasswd」も生成できます!

favicon generator

favicon generator
favicon(ファビコン)を生成できる便利ツール
https://ao-system.net/favicongenerator/

favicon(ファビコン)とは

favicon(ファビコン)とは、ブラウザのタブなどに表示されるマークのことです。

faviconの説明

Google Web Designer

Google Web Designer
アニメーションバナーなどを簡単に作成できる便利ツール
https://www.google.co.jp/webdesigner/

Font Awesome

Font Awesome
webサイトにアイコンを簡単に挿入できる便利ツール
https://fontawesome.com/

webデザイナーにおすすめの便利ツール:テキスト系

テキスト比較ツール difff《デュフフ》

テキスト比較ツール difff《デュフフ》
2つのテキストの差を比較できる便利ツール
https://difff.jp/

にゃーご
一度聞いたら忘れない名前にゃ

全角半角 変換ツール

全角半角 変換ツール
全角→半角、半角→全角に変換できる便利ツール
https://so-zou.jp/web-app/text/fullwidth-halfwidth/

文字数カウント

文字数カウント
文字数を調べられる便利ツール
http://www1.odn.ne.jp/megukuma/count.htm

えりー
ブログ執筆時などに使うと便利です!

Wordmark.it

Wordmark.it
テキストを入力すると、PCに入っているフォントでプレビューできる便利ツール
https://wordmark.it/

えりー
Googleフォントもプレビュー可能です!

日本語の文章のタイポ/変換ミス/誤字脱字エラーをチェック/校正

日本語の文章のタイポ/変換ミス/誤字脱字エラーをチェック/校正

誤字脱字のチェックにおすすめ。文章の校正に役立つ便利ツール
http://enno.jp/

webデザイナーにおすすめの便利ツール:画像系

METALLIC RATIO

METALLIC RATIO
比率計算ができる便利ツール
https://voidism.net/metallicratio/

えりー
width100pxの4:3の時のheightは…なんて計算していたら大変なので、このツールを使いましょう!

Landscape by Sprout Social

Landscape by Sprout Social
画像を各SNSに最適なサイズにリサイズできる便利ツール
https://sproutsocial.com/landscape

Tinypng

tinypng
画像をドラッグアンドドロップで縮小できる便利ツール
https://tinypng.com/

PNG JPG

PNG JPG
png→jpeg、jpeg→pngに変換出来る便利ツール
https://pngjpg.com/ja/

Squoosh

Squoosh
画像のトリミング、圧縮が出来る便利ツール
https://squoosh.app/

Bulk Resize Photos

Bulk Resize Photos
画像リサイズができる便利ツール
https://bulkresizephotos.com/

webデザイナーにおすすめの便利ツール:SEO系

PageSpeed Insights

PageSpeed Insights
サイトの速度チェックができる便利ツール
https://developers.google.com/speed/pagespeed/insights/?hl=ja

関連キーワード取得ツール(仮名・β版)

関連キーワード取得ツール(仮名・β版)
サジェストキーワードが取得できる便利ツール
https://www.related-keywords.com/

えりー
ブログやアフィリエイトサイトを作る時に便利です!
サジェストキーワードとは

検索窓にキーワードを入れた時に表示される候補のキーワードのことです。

サジェストキーワード

webデザイナーにおすすめの便利ツール:その他

印刷用のQRコードをパス(EPSかPDF)で作成する無料サービス君

印刷用のQRコードをパス(EPSかPDF)で作成する無料サービス君

簡単にQRコード(EPS/PDF)が作れる便利ツール
http://qr.8-bit.jp/ja/

えりー
チラシ等の紙媒体作成時に使うことが多いです。

Netcraft Site Report

Netcraft Site Report

URLから使っているサーバーを調べることが出来る便利ツール
https://toolbar.netcraft.com/site_report

えりー
『自分の使っているサーバーがわからない』というクライアントの場合、このツールで調べると便利です

Support Details

Support Details
アクセスすると現在使用中のOS・ブラウザ等の情報が表示される便利ツール
https://supportdetails.com/

えりー
自分のOSやブラウザがわからないクライアントに送るのも良いですね!

AUN

AUN
サイトや画像にメモを貼って、共有できる便利ツール
https://aun.tools/

えりー
電話やメールだけでは伝わりにくいときに使うと便利ですね!

最後に

今回は私が普段仕事で使っている便利ツールをご紹介しました!

便利ツールを使えば作業効率が上がること間違いなしです!気になった便利ツールがありましたら、ぜひ使ってみてくださいね。

にゃーご
いつでも使えるように、お気に入りに登録するにゃ!

ABOUTこの記事をかいた人

猫と気ままに暮らすフリーランスwebデザイナー。
芸術学科卒 → 超ブラック企業のホームページ更新担当(正社員) → 正社員よりも稼ぐフリーター → 制作会社(バイト→正社員) → フリーランス(今ここ)
苦労もたくさんしてきましたが、やっぱりwebデザインは楽しい!これからwebデザイナーを目指す人にもwebの楽しさを伝えたい!そんな気持ちで記事を書いています。