Web制作時に便利なHTML, CSS, JavaScriptのツール、文字抽出ツールなどがまとめて利用できる -Href Tools

Post on:2018年2月22日

sponsors

HTML, CSS, JavaScriptの軽量化、画像に含まれている文字の抽出、画像をbase64データに変換、CSVとJSONを相互変換、zipファイルのオンライン解凍など、Web制作時に役立つ便利なツールがまとめられたHref Toolsを紹介します。

一つずつのツールはいろいろありますが、すべてのツールがまとめられているので助かります。

利用できるツールは現在、10種類。
変換する際のデータはサーバーにアップロードされるのではなく、ブラウザの機能を使用するため、最新のブラウザをご利用ください。

HTMLを軽量化するツールです。
改行コードやコメントなど、表示には不要なものが削除されるので、スタティックなページを軽量化する際に役立ちます。

CSSを軽量化するツールです。
CSSOとclean-cssを利用した高性能のツールで、改行コードやコメントなどの除去・記述を短い形式に置換・宣言とルールセットのマージを行い、大幅に軽量化されます。

JavaScriptを軽量化するツールです。
コンプレッサーにはES6をサポートするUglifyJS 3が利用されており、未解決のJavaScriptコードのエラーはエラータブに表示されます。

画像をbase64データに変換するツールです。
ほぼすべての画像サイズをbase64に変換できますが、base64のデータサイズが実際の画像よりも大きいので、非常に小さい画像（1MBまで）を変換することをお勧めします。

zipファイルをオンラインで解凍するツールです。
サポートされているzipファイルは250MBまでで、サーバーにアップロードせずにzipファイルを解凍できます。winzipなどのソフトウェアが使用できない場合に便利で、しかも安全です。

CSVデータをJSONフォーマットに変換するツールです。
カンマ区切りの表形式のCSVデータをコピペするだけで、簡単にJSONフォーマットに変換します。csvデータはヘッダー行が適切にフォーマットされていることを確認してください。データはサーバーは送信されません。

JSONフォーマットをCSVデータに変換するツールです。

「CSV to JSON」と逆で、JSONフォーマットのデータをCSVに変換します。データはサーバーには送信されません。

画像に含まれている文字を抽出するツールです。
最大5MBの画像ファイルに対応しており、日本語をはじめとする20以上の言語を抽出します。複数の言語が使用されている場合は、複数選択して利用します。日本語を試したところ、精度は6,7割でした。

画像を圧縮し、軽量化するツールです。
最大12MBの画像ファイルに対応しており、PNG, JPEG画像を損失しないロスレスモードと70%圧縮するロッシーモードで軽量化します。

JPEG画像はPNGに、PNG画像はJPEGに変換するツールです。
最大15MBの画像ファイルに対応しており、変換するフォーマットを選択し、変換ボタンをクリックするだけです。画像はサーバーにアップロードされずに直接ブラウザで行われます。最新のブラウザでのみ動作します。