Web制作にすごい役立つ! コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean
Post on:2022年4月19日
CSSやJavaScriptのミニファイ(軽量化)、HTMLやCSSやJavaScriptのフォーマッター、各種エンコード・デコード、QRコードの生成、カラー値変換、画像の最適化、ファビコン画像生成、ダミーテキスト生成、各種PDF変換など、Web制作に役立つツールがまとめて利用できるToolsOceanを紹介します。
便利なツールが一箇所で利用できるので、ブックマークしておくと便利です。
![Web制作に役立つツールがまとめて利用できるToolsOcean](http://coliss.com/wp-content/uploads-202202/2022041802-01.png)
ToolsOceanは完全に無料で利用できるオンラインツールが、たくさん用意されています。登録など面倒なことは一切ありません。
いくつか使用してみました。まずは、CSSの軽量化。
CSSだけでなく、HTML、JavaScriptの軽量化、整形も揃っています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041802-02.png)
CSS Minifier
CSS: 2022年、現在の環境に適したCSSリセットのまとめより
ファビコン画像の生成、ファビコン画像からPNG画像生成もできます。
参考: ファビコン設定方法、さまざまなブラウザやデバイスに対応させる最小限のセットは6種類のファイルが必要
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041802-03.png)
QRコードのジェネレーター、デコーダーもあります。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041802-05.png)
YouTubeのサムネイル画像のダウンローダーが、一番人気のようですね。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041802-04.png)
YouTube Thumbnail Downloader
動画: 「オーバーロード」ノンクレジットED映像
便利ツールは、5つのカテゴリに分かれています。
まずは、PDF関連のツール。各種ドキュメントからPDF変換できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041803-01.png)
PDF関連のツール
ダミーテキスト・文字数カウントなど、テキスト・コンテンツ関連のツール。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041803-02.png)
テキスト・コンテンツ関連のツール
ファビコン画像生成・変換、画像編集・変換・最適化などのツール。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041803-03.png)
画像関連のツール
デコーダー・エンコーダー、HTML/CSS/JavaScriptのミニファイ・整形、QRコードのデコーダー・生成などのツール。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041803-04.png)
Web制作関連のツール
その他には、カラーコンバーター、パスワード生成、YouTubeのサムネイル画像のダウンローダーなどがあります。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022041803-05.png)
その他のツール
sponsors