デザイン・制作フロア

Web・DTPデザイナーの毎日の道具

デザイン素材

アイコン素材（SVG）SVGをコピーして貼り付け ダミー画像プレースホルダーモックアップ用の仮画像を作成 日本語ダミーテキスト日本語のダミー文章を生成 ダミーアバター作成仮のプロフィール画像を生成 吹き出しSVGメーカー形と色を選んでSVGをコピー

サイズ・印刷

紙のサイズ変換・倍率用紙サイズと拡縮倍率を計算 コピー倍率早見表A4→A3などのコピー倍率を確認 用紙サイズ一覧A版・B版・名刺のサイズ一覧 ポイント・Q数変換Point・Q・mmを相互変換 印刷サイズ・解像度計算印刷に必要なピクセル数を計算 紙の連量・背幅計算連量⇔坪量の換算と背幅計算

Web制作

ファビコン生成各サイズのファビコンを一括生成 OGP画像メーカーSNS用のOGP画像を作成 コントラストチェッカーWCAGのコントラスト判定 色覚シミュレーター色覚タイプ別の見え方とCMYKくすみを確認 フォントサブセット化Webフォントを使う文字だけに軽量化 カンプ→CSS変換カンプの数値をCSS値に変換 カラーコード一覧色見本とHEX/RGB早見表 アスペクト比計算・早見表縦横比と画像サイズを計算 .htaccess生成BASIC認証などの設定を生成

制作の変換・チェック

テキスト比較（差分チェック）2つの文章の違いを色と印で PDFを画像に変換PDFをPNG・JPGに変換 画像をWebPに変換JPG・PNGをWebPに変換 画像一括圧縮JPG・PNG・WebPを軽量化 画像リサイズ（一括）幅・長辺指定でまとめて縮小 Illustratorリンク切れ配置画像のリンク切れを検出 PDF入稿チェッカー入稿前のPDFを簡易チェック