デザイナー入稿データチェッカー（SVG / PNG）

デザイナーから受け取った画像素材を、WordPressのテーマに組み込む前にまとめて確認します。ファイル名の規則、1x / 2x のサイズ、容量、SVGに残った不要なコードをチェックし、最適化したSVGの保存や、修正依頼のチェックリスト作成ができます。

読み込んだファイルは外部に送信されません。すべてお使いのブラウザ内で処理されます。

ファイルを読み込む

ここにファイルをドロップ（複数可）またはクリックして選択（SVG / PNG / JPEG / WebP）

追加で読み込むと、同じ名前のファイルは置き換えられます。

設定はこの端末のブラウザにだけ保存されます。

ファイル名英大文字を許可するアンダースコア（_）を許可する

2x のファイル名の末尾例：「@2x」なら name.png と name@2x.png を1組として扱います。

PNG / JPEG / WebP は 1x と 2x をそろえる

画像サイズ 2x の画像の幅・高さが奇数なら指摘する

ファイルの重さ（超えたら警告）

SVG（KB）

PNG / JPEG / WebP（KB）

ファイルを読み込むと、ここに結果が表示されます

デザイナーへの修正依頼に、そのまま貼り付けて使えるチェックリストです。

「注意」の項目も含める問題のないファイルも一覧に含める

デザイナーに渡す「書き出しルール」のテンプレートです。左の「チェックのルール」の設定が反映されます。案件に合わせて書き換えてお使いください。

案件名（任意）

設定の名前や場所はバージョンによって変わるため、確認できた項目だけをテンプレートに入れています。

項目	おすすめの設定

ファイル名：半角英数字とハイフンだけか、スペースや日本語が入っていないか、1x / 2x（例：name.png と name@2x.png）がそろっているか
画像サイズ：2x の画像が 1x のちょうど2倍か、2x の幅・高さが奇数になっていないか
ファイルの重さ：設定した上限を超えていないか
SVG：メタデータやコメント、空のグループ、使われていない id、エディタ固有の名前空間、埋め込まれた画像、アウトライン化されていない文字（text要素）、style要素と class の重複、width / height と viewBox の不一致

とくしよネット運営者

このツールは、ブログ「とくしよネット」の運営者が制作・管理しています。