広告が嫌いですか? 行く 広告なし 今日

画像ツール

Responsive Image srcset & sizes Generator

Responsive Image srcset & sizes Generator Build pixel-perfect responsive image markup without memorizing syntax. This generator turns a simple URL pattern and a list of widths into ready-to-paste <img> または <picture> HTML, complete with correct srcset width descriptors, density descriptors, and a sizes attribute. It runs entirely in your browser, so no images are ever uploaded. How to Use Choose an output mode: width descriptors, pixel density, or art-directed <picture>. Enter your image URL pattern using {w} as a placeholder for the width. List the widths you have exported (for example 320, 640, 960, 1280, 1920). Optionally set a sizes value describing how wide the image renders on screen. Copy ...

ツールを試す »
開発者画像

Batch QR Code Generator

Batch QR Code Generator Paste a list of URLs or text and generate up to 100 QR codes at once. Each QR is rendered in a preview grid, and you can download them all as a ZIP of PNG files or grab any single code on its own. Perfect for menu QR cards, event badges, product labels, asset tags, and any time you need many codes in one go without copy-pasting into a single-code generator a hundred times. How to Use Paste your URLs or text into the input box, one entry per line. Pick an error correction level — Medium is fine for screen scans; use Quartile or High ...

ツールを試す »
開発者画像

アーラー / グラデーションブロブ CSS バックグラウンドジェネレーター

アーラー／グラデーションブロブCSSバックグラウンドジェネレーター ソフトで輝くアーラー風の背景を作成し、最大4つの色のオーブをドラッグ、再色指定、サイズ調整できます。このツールは、radial-gradientとfilter: blur()を使用してプロダクション用のCSSを出力するか、feGaussianBlurを使用して移植可能なSVGを出力します。これにより、結果をウェブサイト、ページのメインコンテンツ、またはヘッダー部分などに数秒で埋め込むことができます。使い方 ボールの背景にベースカラーを選択します。グローバルブレードスライダーを調整して、アーラーの輝きの柔らかさを制御します。各有効なオーブに対して、色、位置、サイズ、透過度を設定します。または、ライブプレビューの番号付きハンドルをドラッグして簡単に設定できます。切り替え...

ツールを試す »
色開発者

SVGフィルター効果ジェネレーター

SVGフィルター効果生成器 SVG の効果を視覚的に設計します。フィルターの基本要素を選択してください — ガウスブラー、色マトリクスの変種（色合いの回転、飽和度、明るさからアルファ）、乱雑度と変位、ドロップシャドウ、またはコネベーションマトリクスのプリセット（エモーショナル、エングラビング、シャープネス、エッジ検出）— そしてスライダーを使ってパラメータを調整しながら、テキスト、形状、またはアップロードした写真に対してリアルタイムでSVGプレビューを確認します。生成された XMLブロックと、すぐに貼り付けることができるCSS使用コードをコピーします。使い方 フィルタードロップダウンからフィルターの基本要素を選択します。一意のフィルターIDを設定してください — これは 要素のidとなり、url(#…)のターゲットになります。... に表示されるパラメータを調整します。

ツールを試す »
色開発者

SVG ローディングスピナー生成器

SVG ローディングスピナー生成器 ブラウザ内でクリアでアニメーションされたSVGローディングスピナーを直接作成し、プロジェクト用にコピー可能なマーカップを取得できます。7つの人気スピナースタイルから選択し、サイズ、ストローク、色、アニメーション速度を調整して、リアルタイムでライブプレビューが更新されます。インラインSVG、シンプルなHTML＋CSSスニペット、またはReact JSXコンポーネントとしてエクスポートできます。使用方法 スピナーのタイプを選択します — 円ストローク、ダブルリング、ドットリング、パルスドット、バウンスドット、バーローダー、またはリップル。サイズ、ストローク幅、主色、トラックおよび副色をブランドに合わせて調整します。アニメーション速度（秒単位）を設定してローダーのサイクル速度をコントロールします。...

ツールを試す »
開発者画像

カメラの焦点距離（DoF）計算機

カメラの焦点距離（DoF）計算機 確実にシャープな写真を計画できます。この計算機は、正確な薄レンズ焦点距離の式を使用し、カメラセンサー、焦点長、開口、対象までの距離に基づき、ハイパーゴール距離、近距離および遠距離の焦点限界、および総焦点距離を計算します。推測や近似ではなく、数十年来のフォトグラファーが使用してきた同じ数学です。使い方：センサープリセット（フルフレーム、APS-C、マイクロフォース、1インチ、スマホ、中間フォーマット）を選択またはカスタムを選択し、センサーの幅と高さ（ミリメートル）を入力します。円の混雑値を確認します。プリセットから自動でセンサーの対角線を割った値で埋め込まれます...

ツールを試す »
開発者画像

SVGノイズ・テクスチャ生成器

SVGノイズおよびテクスチャ生成器 ブラウザ内でSVG feTurbulenceフィルターを使用して、自然な粒状ノイズと渦巻きテクスチャを作成します。スライダーをドラッグし、シードを調整し、色調を選び、テクスチャがリアルタイムで更新されます。インラインSVG、CSS background-imageデータURI、または任意の形状に適用可能な再利用可能なSVGフィルターとしてエクスポートできます。使い方：ノイズタイプを選択 — フラクタルノイズは映画風の粒状、渦巻きは雲のようなスワール。ベース頻度を調整して粒のサイズを変更し、オクターブを調整して詳細の豊かさを変更します。シードを変更して異なるランダムパターンをスクロールします。タイルを繋ぐを切り替え、シームレスなタイル出力を作成します。モノクロまたはカラーモードを選択し、背景、...

ツールを試す »
色開発者

紙サイズ参照および変換器

紙サイズ参照および変換器 任意の標準紙サイズをISO、ANSI、JISシステムで検索し、ミリメートル、センチメートル、インチ、ポイント、ピカ、ピクセル（任意の印刷またはスクリーンDPI）での寸法を確認します。カスタムモードを選択し、幅と高さをミリメートル、センチメートル、インチ、ポイント、ピクセルで入力し、最も正確なマッチを表示します。使い方：標準サイズを検索し、ドロップダウンから紙サイズを選択（シリーズ：ISO A/B/C、ANSI、JIS B、封筒、写真、ビジネスカードで分類）。または、カスタム寸法で最も近いマッチを検索し、幅と高さを入力します...

ツールを試す »
開発者画像

写真撮影露出値（EV）計算機

写真撮影露出値（EV）計算機 ブラウザ内で露出の三角形を調整できます。アパレット、シャッタースピード、ISOのうち2つを選択し、計算機は3つ目の値を解決し、結果のEVを表示し、同じ露出のすべての組み合わせを並べます。標準的な「サンリ16」ルールに基づいた組み込みシーンリファレンスにより、現実世界の照明から始めることができます。使い方 解決したい項目を選択——アパレット、シャッタースピード、ISO、またはEVのみ。標準1/3ステップドロップダウンから既知の2つの設定を設定します。シーンプレセット（サンリ16、曇天、室内、月光など）を選択または手動でEV目標を入力します...

ツールを試す »
画像数学

ワードクラウド生成器

ワードクラウドジェネレーター 任意のテキストブロックを貼り付け、すぐに頻度重み付きのワードクラウドに変換できます。大きな文字は頻度が高いもので、レイアウトを形状、色、回転でカスタマイズし、結果を高解像度のPNGまたはスケーラブルなSVGとしてダウンロードできます。使い方 テキストを入力ボックスに貼り付けまたは入力（録音、記事、レビュー、ノートなど、何でもOK）。形状（長方形、円、楕円）とキャンバスサイズを選択します。最大単語数、フォントサイズ範囲、回転スライダーを調整して、レイアウトが適切に見えるようにします。色パレットとフォントファミリーを選択し、必要に応じて背景色を調整します。フィルタリングオプションを使って...

ツールを試す »
データ画像

カラー・スワッチシート生成器

カラー・スワッチシートジェネレーター 色のリストを貼り付け、すぐにプリント可能なスワッチシートとしてプレビューできます。短いまたは長いヘキサデシマル、rgb()、rgba()、hsl()、hsla()、または「トマト」のような名前付き色を任意に混ぜて、高解像度のPNGまたはスケーラブルなSVGとしてダウンロードできます。使い方 カラーテキストエリアに1行1色を入力、または「例を試す」をクリックしてスターターパレットを読み込みます。列数、スワッチサイズ、ギャップ、シートパディングを調整して必要なレイアウトに合わせます。シートの背景色を選択し、ヘキサデシマルを表示するかどうかを切り替えます...

ツールを試す »
色開発者

統一色空間変換器

統一色空間変換器 任意の一般的な色フォーマットに色を貼り付けて、9つの色空間を同時に並べて表示します。変換器はHEX、RGB、HSL、HSV/HSB、CMYK、CIE LAB、LCH、CIE XYZ、Oklab、およびCSS名色を自動検出し、すべての色空間をsRGBのガンマ補正と標準D65白点を使用して計算します。各値に対してリアルタイムのサンプルプレビューとワンクリックコピー機能を備え、デザイナー、開発者、印刷チーム、および正確な色計測が必要なすべての人に、自作の計算を避けながら迅速に活用できるツールとなります。使用方法 色値をタイプまたは貼り付けて「色値」フィールドに入力します。#464aff、rgb(70, 74、...

ツールを試す »
色開発者

画像からASCIIアート変換器

画像をASCIIアートに変換する変換器 任意の写真、スクリーンショット、またはロゴをブラウザ内でASCIIアートに変換できます。画像をアップロードし、変換器がピクセルの各領域をサンプリングし、明るさを密度に一致する文字にマッピングし、モノスペーステキストに組み立てます。この結果はチャットウィンドウ、コードコメント、ターミナル、READMEファイル、または印刷可能なアートに貼り付けることができます。すべてがあなたのデバイス上でローカルに動作するため、画像はあなたのコンピュータから出 never します。使い方 画像をアップローダーにドロップするか、BrowseをクリックしてJPG、PNG、GIF、WebP、またはBMPのファイルを選択（最大10 MB）。幅スライダーを調整して、結果の幅を...

ツールを試す »
開発者画像

マゼン生成器（SVG）

マゼンジェネレーター（SVG） ブラウザ内でクリアでスケーラブルなSVG画像として、ランダムな完全なマゼンを生成します。古典的なカービングアルゴリズムを選択し、グリッドサイズを設定し、再現性のある出力のためにオプションでシードを固定し、結果をSVGまたはPNGとしてダウンロードできます。すべてのマゼンは実際のグラフ理論に基づいて構築されており、すべてのクリックが新しいパズルを生成します。使い方 アルゴリズムを選択：再帰バックトラッカー（長い、複雑な廊下）、プリム（自然で枝分かれ）、またはクルスカル（均一でバランスの取れた）。マゼンのサイズを列と行で設定します。大きなグリッドは目で解くのに時間がかかります。オプションでシード文字列を入力します。同じシードと設定を同じ条件下で繰り返すと、常に...

ツールを試す »
開発者画像

QRコードリーダー/デコード

QRコードリーダー/デコード機能：ブラウザ内で任意のQRコード画像をデコードできます。スクリーンショット、写真、または保存された画像をアップローダーにドロップし、ツールは埋め込まれたテキスト、URL、Wi-Fi認証情報、連絡先カード、またはその他のペイロードをすぐに返します。画像をどこかに送信せずに、即座に結果を取得できます。使用方法：アップロードエリアをクリックし、QRコードを含む画像を選択（PNG、JPG、WEBP、GIF、またはBMP）。デコードされたコンテンツは、数秒以内に結果ボックスに表示されます。検出タイプのバージョンを確認してください。このツールはURL、Wi-Fi設定、vCard/MeCard連絡先、mailto、tel、SMS、Geo座標、otpauthリンクを認識します。コピーまたは...

ツールを試す »
データ開発者

画像プリントサイズ計算機

画像プリントサイズ計算機 ピクセルサイズを物理的なプリントサイズに変換するか、または目標のプリントサイズに必要なピクセル解像度を逆算する場合があります。この計算機は、数学的な計算と品質評価表を組み合わせており、4×6の写真、A4プリント、または24×36のポスターに適した画像の鋭さを一目で確認できます。使い方 モードを選択してください：ピクセル → 印刷サイズ（画像がある場合で、その印刷サイズを知りたい場合）または印刷サイズ → 必要なピクセル（目標の印刷サイズがある場合で、必要なピクセルを知りたい場合）。そのモードに合わせて入力値を入力してください。モードAでは、画像の幅と高さを入力してください...

ツールを試す »
画像数学

Open Graphソーシャルカード画像ジェネレーター

Open Graph Social Card Image Generator デザインをピクセル正確に、Open Graph、Twitter Cards、LinkedIn、Facebookでの共有用の画像をブラウザ内で作成。タイトル、説明、サイト名を入力し、レイアウトとテーマを選択して、各プラットフォームが期待する正確なサイズでPNG、JPG、またはWebPをダウンロードできます。設計ツールやアップロードは不要です。使用方法 プレセット（Open Graph用1200×630、Twitter用1024×512）を選択またはカスタムの幅と高さを設定します。カードに表示したいタイトル、説明、サイト名を入力します。レイアウト（中央寄せ、左寄せ、またはトップバー強調）とテーマ（ライト、ダーク、ブランドカラー、またはグラデーション）を選択します。フォントファミリー、タイトルなど、テキストのスタイルを調整します...

ツールを試す »
色開発者

コードスクリーンショット生成ツール

コードスクリーンショット生成ツール：任意のコードスニペットを美しい、共有可能なPNG画像に変換します。スイートテーマを選択し、グラデーション背景を設定し、macOSまたはWindowsのウインドウの装飾を追加して、Twitter、LinkedIn、ブログ、スライド資料、ドキュメントなどに適したスクリーンショットをダウンロードできます。すべてがブラウザ内でローカルに動作するため、コードはあなたのマシンに留まります。使い方：左側のエディタにコードを貼り付け、またはJavaScript、Python、SQLなどの例ボタンをクリックして初期スニペットを読み込むことができます。言語（または自動検出）と視覚的に合うスイートテーマを選択し、グラデーション背景とウインドウの装飾を調整してください...

ツールを試す »
開発者画像

LaTeX式レンダラー

LaTeX式レンダラーを指定または、任意のLaTeX数学式を貼り付けて、ブラウザ内でクリーンで出版用の式として即座に表示できます。研究論文を執筆したり、コース資料を作成したり、SNSで数学を共有する際にも、LaTeX式レンダラーは複雑なソースマークアップを美しくフォーマットされた式に変換し、HTMLでコピーまたはSVGまたはPNGとしてダウンロードできます。TeXのインストールやアカウントの登録は必要ありません。レンダリングはブラウザ内でKaTeXを使用して行われ、Khan Academyや多くの学術出版機関が使用しているエンジンです。そのため、式はサーバーに送信されず、レンダリングが高速で、...

ツールを試す »
画像数学

Mermaid ダイアグラムレンダラー

Mermaid ダイアグラムレンダラー：mermaid.js のスクリプトを貼り付けて、リアルタイムでインタラクティブな図を表示・コピー・ダウンロードできます。フローチャート、シーケンス図、ギャンツチャート、ピエチャート、クラス図など、さまざまな図をサポートしています。すべてブラウザ上でクライアントサイドでレンダリングされ、サーバー、アカウント、インストールが不要です。Mermaidは「図としてのコード」という概念に適しています。図はプロジェクト内のテキストとして保存されますが、人間が実際に図を確認するにはレンダラーが必要です。このツールはそのギャップを埋めます。任意のMermaidスニペットを入力し、テーマを切り替え、結果をSVGまたはPNGとしてエクスポートできます。使用方法：Mermaidコードをエディタに貼り付けてください。または、フローチャート、シーケンス、...をクリックしてください。

ツールを試す »
開発者画像
広告なしで楽しみたいですか? 今すぐ広告なしで

拡張機能をインストールする

お気に入りのブラウザにIOツールを追加して、すぐにアクセスし、検索を高速化します。

に追加 Chrome拡張機能 に追加 エッジ拡張 に追加 Firefox 拡張機能 に追加 Opera 拡張機能

恵 スコアボードが到着しました！

スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！

必見ツール

すべて表示
背景除去
AI画像エディタ
AI画像ジェネレーター
イメージキット
PDF 圧縮ツール
画像コンバーター
ワンタイムリンク

新着

すべて表示
Certificate Transparency Log Lookup
HSTS Preload Header Generator
Argon2 Hash Generator
CIDR Overlap / Subnet Conflict Checker
CSS Nesting Converter
OAuth 2.0 Authorization URL Builder
HAR to cURL Commands Extractor

アップデート： 私たちの 最新ツール was added on 6月 26, 2026

ニュースコーナー 技術ハイライト付き

参加する

価値ある無料ツールの提供を継続するためにご協力ください

コーヒーを買って