画像・グラフィックユーティリティ
画像・グラフィックユーティリティ
画像・グラフィックユーティリティ
12 個のツールWCAGカラーコントラスト比チェッカー
テキストと背景色のコントラスト比を計算し、Webアクセシビリティ基準（AA / AAA）の適合を判定。
高機能QRコード生成ツール
URL、Wi-Fi、プレーンテキストのQRコードを即時作成。色カスタマイズやPNG/SVGダウンロード対応。
高速画像圧縮ツール (WebP / JPEG / PNG)
CanvasとWASMで画質を保ちながらファイルサイズを劇的に軽量化。サーバー送信ゼロで安心。
SVG ⇄ PNG 相互変換ツール
ベクターSVGを高解像度PNGにラスタライズ、またはPNGをSVGへ手軽に変換。
Image Color Picker & Eyedropper Inspector
Sample exact pixel colors from any uploaded image with zoom magnifying loupe and HEX/RGB/HSL export.
Image Color Palette Extractor & CSS Export
Extract dominant color palettes from images using color quantization and export as CSS variables or JSON.
Image Color Inverter & Negative Filter
Create photographic negatives and invert image colors with real-time intensity slider and high-resolution export.
Black & White and Grayscale Image Converter
Transform photos into high-contrast black & white or grayscale using Rec.709, Rec.601, and threshold algorithms.
Vintage Sepia Photo Filter & Film Grain
Apply warm antique sepia tones, authentic film grain noise, and dramatic vignetting to any photograph.
Image Rounded Corners & Circle Avatar Maker
Add smooth rounded corners, circular avatar masks, borders, and shadows with transparent PNG export.
Barcode Generator (Code-128)
Generate standard Code-128 retail and inventory barcodes with custom scale, height, text labels, and vector SVG export.
CSS Gradient Generator & Color Blend Studio
Design linear, radial, and conic CSS gradients with multi-color stops, presets, visual angle wheel, and instant CSS copy.
Image & Graphics Utilities アーキテクチャ＆技術仕様
すべてのImage & Graphics Utilitiesツールのローカル実行ベンチマークとセキュリティ仕様。
実践ワークフロー＆活用シナリオ
サーバー依存ゼロで解決する一般的な技術タスク。
Core Web Vitals (LCP) 改善
高解像度写真をWebP/AVIFに圧縮変換し、ページ表示速度とPageSpeedスコアを向上させます。
ブランドアセットの作成
画像から主要カラーパレットを抽出したり、高コントラストなQRコードを作成します。
機密グラフィックの安全な加工
スクリーンショットや身分証画像を外部にアップロードすることなく、ローカルでリサイズ・トリミングします。
モダンWeb画像フォーマット比較
標準規格およびクイックリファレンステーブル。
| フォーマット | 圧縮方式 | 透過 (アルファ) | 最適な用途 |
|---|---|---|---|
| WebP | 可逆 / 非可逆 | 対応 (アルファ透過) | モダンWeb画像、JPEG比で約30%軽量 |
| PNG | 可逆圧縮 (Deflate) | 対応 (8bitアルファ) | アイコン、UIスクリーンショット、鮮明な文字 |
| JPEG | 非可逆 (DCT) | 非対応 | ファイルサイズを重視する高精細写真 |
| SVG | ベクター (XML構文) | 対応 | ロゴ、アイコン、解像度に依存しないグラフィック |
| AVIF | 次世代圧縮 (AV1) | 対応 (HDR / 12bit) | 極めて高い圧縮率と画質を両立する次世代規格 |