FIRST CH TOOLS / 12 AVIF CONVERTER
画像→AVIF一括変換+<picture>生成
PNG/JPEG画像をAVIF形式に変換し、そのまま貼れる <picture> スニペットを生成します。複数枚の一括変換・ZIPダウンロードに対応。処理はすべてお使いの端末内で完結します。
ここに画像をドラッグ&ドロップ
またはクリックしてファイルを選択(PNG / JPEG・複数可)
45〜60が実用的な目安です(AVIFはWebP/JPEGより低い数値でも高画質。数値が高いほど高画質・大容量)
| ファイル | 元サイズ | AVIF | 削減率 |
|---|
<picture> スニペット — AVIF優先・元画像をフォールバックに。
alt を埋めてそのまま貼り付けられます。How to Use
- 品質を決めるスライダーで1〜100を指定。AVIFは45〜60でも十分きれいです。
- 画像を選ぶPNG/JPEGをドラッグ&ドロップ、またはクリックで選択(複数可)。すぐ変換が始まります。
- 保存&コピーAVIFを保存(1枚ずつ/ZIP一括)し、
<picture>スニペットをコピーしてHTMLに貼り付け、altを記入します。
About This Tool
AVIFはAV1動画コーデックをベースにした新しい画像形式で、同等画質でJPEG/WebPよりさらに小さくなることが多く、サイト表示速度の改善(Core Web Vitals対策)に有効です。
一方でごく一部の古い環境では未対応のため、<picture> でAVIFを優先しつつ元のJPEG/PNGをフォールバックとして残すのが実務的な使い方です。本ツールが生成するスニペットはこの定型パターンに、レイアウトシフトを防ぐ width/height と loading="lazy" を含めています。
変換処理はブラウザ内のWebAssembly(libavif)で行うため、画像が外部サーバーへアップロードされることはありません。ロゴ・未公開デザインなど機密性のある画像も安心してご利用いただけます。
Other Tools
- 01画像→WebP一括変換WebP Converter
- 02白背景の透過White BG Remover
- 03コントラスト比チェッカーContrast Checker
- 04文字数カウントCharacter Counter
- 05llms.txt ジェネレーターllms.txt Generator
- 06JSON-LD構造化データ生成JSON-LD Generator
- 07Markdown→PDF変換MD → PDF
- 08OGPメタタグ生成ウィザードOGP Wizard
- 09faviconジェネレーターFavicon Generator
- 10TikTok投稿ツールTikTok Publisher
- 11文字コード・改行コード変換Encoding Converter
- 13テストデータ生成Test Data Generator
- 14Marp Markdown→スライドMarp Slides
- 15テキスト・コード差分チェッカーDiff Checker
- 16Cron式ビジュアル解説&発火日時Cron Explainer
- 17Base64 & Data URI変換Base64 & Data URI
- 18URLパラメータ分解・UTMタグ編集URL Parameters
- 19HTMLエンティティ・特殊文字エスケープHTML Escape
- 20JSON ⇄ YAML 相互変換&整形JSON ⇄ YAML
- 21PX ⇄ REM / EM 単位変換&スケール表PX ⇄ REM / EM
- 22Colorコード変換&アルファ透過Color Converter
- 23MD5 / SHA-256 ハッシュ生成Hash Generator
- 24JWTデコーダー&有効期限チェッカーJWT Decoder
- 25User-Agent解析&デバイス判定User-Agent Parser
- 26UUID (v4) & ULID 一括生成UUID & ULID Generator
- 27アスペクト比計算&レスポンシブサイズAspect Ratio Calculator