ツール

無料 画像・SVG・アセットツール

アイコン、画像マークアップ、アセットパス、静的ファイルを確認するための補助ツール。

利用できるツール

今すぐ使える画像・SVG・アセットツール

画像・SVG・アセットツール

QRコードジェネレータ

URL、テキスト、メール、電話、WiFi用のQRコードをSVGとして生成します。色とサイズをカスタマイズ可能で、SVGコード出力付き。

ツールを開く

画像・SVG・アセットツール

画像圧縮・変換ツール

Canvas APIを使用して画像をローカルで圧縮および変換します。JPEG/PNG/WebP出力。サーバーへのアップロードはありません。

ツールを開く

画像・SVG・アセットツール

SVG最適化ツール

コメント、メタデータ、エディタデータを削除し、空白を削減してSVGファイルを最適化します。前後のサイズ比較を表示。すべてローカル処理。

ツールを開く

このカテゴリでできること

画像、favicon、静的ファイルは公開直前に残りがちです。そこでパス、サイズ、alt、コピー漏れが問題になります。

向いている作業

  • 公開前にアセットを準備する。
  • 画像タグとアイコン参照を確認する。
  • 公開フォルダとパスを合わせる。

よくある用途

  • 画像マークアップを作る。
  • faviconとアセットパスを整理する。
  • build出力に必要なファイルを確認する。

Task guide

Use asset tools when you prepare image markup, favicon references, and static files for a site launch or redesign. Start by gathering all image files and icon assets in a dedicated folder that mirrors your final published structure. Generate favicon HTML tags only after you have the actual icon files in the correct sizes and formats. Create responsive image markup with multiple source candidates and appropriate alt text for accessibility. Verify every asset path before deployment, because a broken image path produces a 404 or a missing visual element that no SEO tag can fix.

Publishing checklist

  • Verify every image and asset file path relative to your published site root, not your project folder structure.
  • Confirm favicon files exist at the referenced sizes and paths before adding the HTML tags to your page.
  • Check that responsive image srcset candidates are ordered correctly, with the smallest image first.
  • Validate alt text on every image for accessibility, not only on decorative elements that should use alt="".
  • Ensure asset files are included in your build or publish step so they reach the public folder.

FAQ

画像・svg・アセットツールのFAQ

画像はアップロードされますか?

現在のツールはブラウザ内作業とコピー可能な出力を前提にしています。

公開後にパスが壊れる理由は?

ファイルが公開フォルダに存在しなければ、ローカルで見えたパスでも動きません。