Webako
メニュー
トップ/制作工程/新規サイトを作る

制作工程

新規サイトを作る

企画から診断・納品までを順番に進めます。

この工程の進め方

上から順に確認すると、必要な準備とチェックを漏れなく進められます。各ツールの結果はコピーやファイル保存で活用できます。

  1. 1
    画像一括最適化複数画像を端末内で軽量化・変換します。
    利用可能
  2. 2
    OGP・SNSプレビューSNSでの見え方を確認してメタタグを生成します。
    利用可能
  3. 3
    favicon一式生成各端末向けのサイトアイコンをまとめて生成します。
    利用可能
  4. 4
    JSON-LD生成・検証構造化データをフォームから安全に生成します。
    利用可能
  5. 5
    コントラストチェッカー配色のWCAG適合度と改善候補を確認します。
    利用可能
  6. 6
    CSS clamp生成画面幅に応じた滑らかなCSS値を生成します。
    利用可能
  7. 7
    picture・srcset生成レスポンシブ画像のHTMLを生成します。
    利用可能

関連ツール

画像

画像一括最適化

複数画像を端末内で軽量化・変換します。

開く
CSS・図形

CSS clamp生成

画面幅に応じた滑らかなCSS値を生成します。

開く