Web制作で実装者を助けてくれる便利サイトをまとめました

Web制作会社で働いている実装者が実務で実際に使用している便利サイトをまとめています。

サルワカ道具箱｜WebP変換

JPEG、PNG、GIFに対応している。

細かい圧縮調整はできない。

TinyPNG｜画像圧縮

WebP、PNG、JPEGを圧縮する。

細かい圧縮調整等はできない。

Faviconジェネレータ

「.ico」拡張子を生成する。

DevTools｜Androidデバッグ検証

Android ChromeをPCに接続してデバッグするタブをinspectして確認する。

browsing environment | mount

ブラウザ、OS等リンクを開いているユーザーの閲覧環境を確認することができる。

OGPシュミレーター

OGP確認｜ラッコツールズ

URLとアップロードの両方から確認することができる

OGP画像シミュレータ

画像をアプロードして確認することができる。

CSS clip-path maker

CSSの clip-path のさまざまな形の値を取得できるGUIサイトです。

PostImage

画像をURL化してくれる。

CodePen等で使用することが多いです。

文字数カウント

SvgPathEditor

SVGのパスをGUIで修正したり確認することができる。

Adobeツールを使用するスキルを持っていない場合は役立つ。