digtools
🖼️
dummy image generator,

Generador de Imágenes Falsas

Genera imágenes falsas (placeholders) al instante en tu navegador con tamaño, color y texto personalizados.

🎨
Totalmente Personalizado
Cambiar tamaño y colores
🖼️
4 Formatos
PNG / JPEG / WebP / SVG
🔒
Solo Navegador
Seguro y sin servidor
600 × 400
px
×
px
24px
about,

Acerca de

ダミー画像生成ツールは、Webデザインやアプリケーション開発において、本番用の画像が準備できるまでの間に配置しておく「プレースホルダー画像」をブラウザ上で即座に作成できる無料ツールです。

任意の幅と高さを指定できるのはもちろん、SNS用のOGP画像やバナー広告などの標準サイズがプリセットされているため、ワンクリックで最適なサイズの仮画像を生成可能です。また、背景色、テキスト色、フォントサイズ、表示テキストなどをカスタマイズし、PNG、JPEG、WebP、SVGの4つのフォーマットで書き出すことができます。

すべての処理はブラウザ内で完結し、サーバーにデータが送信されることはないため、機密情報を含むテキストを書き込んでも安全に利用できます。

how to,

Cómo usar

STEP 1

サイズを設定する

画像の「幅」と「高さ」をピクセル単位で入力します。アスペクト比を固定したい場合は「比率を固定」にチェックを入れてください。タブからプリセットサイズを選択してワンクリックで入力することも可能です。

STEP 2

デザインをカスタマイズする

「背景色」と「テキスト色」をカラーピッカーまたはHEXコード(例: #CCCCCC)で指定します。表示するテキストは自動(画像サイズ)とカスタム入力から選択でき、フォントサイズの調整も可能です。

STEP 3

画像をダウンロードする

設定が完了したら、出力したい画像フォーマット(PNG、JPEG、WebP、SVG)を選択し、「ダウンロード」ボタンをクリックします。生成された画像が端末に保存されます。

glossary,

Glosario

プレースホルダー画像 (Placeholder Image)
Webサイトやアプリのレイアウトを構築する際、実際の画像がまだ用意されていない箇所に仮として配置するダミー画像のことです。これを使用することで、テキストと画像のバランスや全体のレイアウト崩れがないかを事前に確認できるため、フロントエンド開発において必須の要素となります。
OGP (Open Graph Protocol)
WebページがSNS(X、Facebookなど)でシェアされた際に表示されるタイトル、説明文、サムネイル画像などを定義するメタデータのことです。OGP画像はプラットフォームによって推奨サイズが異なりますが、一般的には「1200×630ピクセル」が標準として広く採用されており、本ツールのプリセットにも含まれています。
WebP (ウェッピー)
Googleが開発した次世代の画像フォーマットで、従来のPNGやJPEGと比較して画質を保ちながらファイルサイズを大幅に軽量化できるのが特徴です。Webサイトの表示速度向上(SEO対策)に直結するため、モックアップ段階からWebP形式を想定したダミー画像を配置する開発フローが増加しています。
SVG (Scalable Vector Graphics)
XMLベースの2Dベクター画像フォーマットで、どれだけ拡大・縮小しても画質が劣化しないという強力なメリットがあります。本ツールからSVGで出力した場合、ファイルサイズが数キロバイトに収まるため、ダミー画像を大量に配置するワイヤーフレームなどでページのパフォーマンスを落とさずに済みます。
faq,

Preguntas Frecuentes

Q.最大でどれくらいのサイズの画像を生成できますか?
ブラウザのメモリ制限によりますが、一般的な環境であれば「4000×4000ピクセル」程度の高解像度画像でも問題なく生成できます。ただし、極端に大きなサイズ(10000ピクセル以上など)を指定すると、ブラウザがクラッシュする可能性があるためご注意ください。
Q.透明な背景(透過)のダミー画像は作成できますか?
はい、可能です。背景色のカラーピッカーで透明(アルファ値0)を指定し、フォーマットとして「PNG」「WebP」「SVG」のいずれかを選択してダウンロードしてください。JPEG形式は仕様上、透過をサポートしていないため、背景が黒または白で塗りつぶされます。
Q.複数枚のダミー画像を一度に一括生成することはできますか?
本ツールは1枚ずつカスタマイズして生成する用途に特化しているため、一括生成機能は備わっていません。多数の画像が必要な場合は、プログラムからAPI経由で画像を取得できるプレースホルダーサービス(例: Lorem Picsum)のご利用をおすすめします。
Q.スマートフォンからでも利用できますか?
はい、スマートフォンやタブレットのブラウザからも完全に動作します。レスポンシブデザインに対応しており、生成された画像は端末のカメラロールやダウンロードフォルダに保存して、そのままモバイルアプリ開発の素材としてご活用いただけます。
use cases,

Casos de Uso

💻

Webサイトのワイヤーフレーム・モックアップ作成

デザイナーが用意したレイアウト案を元にフロントエンドエンジニアがコーディングを行う際、本番画像が納品されるまでの間、指定サイズのダミー画像を配置してレイアウト崩れがないかを検証します。

📱

SNS運用や広告バナーのプレビュー

X(旧Twitter)のOGP画像、YouTubeのサムネイル、GDNのバナー広告など、各種プラットフォームの規定サイズに合わせたダミー画像を生成し、文字の視認性やセーフエリアの確認用テンプレートとして活用します。

📝

ブログやCMSのテーマ開発

WordPressなどのCMSテーマを開発する際、テスト用の投稿記事にダミーのアイキャッチ画像を複数設定し、一覧ページでの画像のトリミング具合や、レスポンシブ時の表示サイズを確認します。

📊

プレゼン資料のレイアウト調整

企画書や提案書などのプレゼン資料を作成する際、画像を入れる予定のスペースにサイズ指定済みのダミー画像を配置しておくことで、全体のスライド構成をスムーズに進めることができます。

Todas las Categorías

Enviar comentarios

Déjenos saber su opinión para ayudarnos a mejorar la herramienta.

Descargo de Responsabilidad

Las herramientas proporcionadas en este sitio son de uso completamente gratuito, pero utilícelas bajo su propio riesgo. No ofrecemos garantías sobre la precisión, integridad o seguridad de los resultados de cálculo, resultados de conversión o datos generados. Tenga en cuenta que el operador no asume ninguna responsabilidad por los daños o problemas causados por el uso de estas herramientas. La mayoría de las herramientas procesan archivos y cálculos localmente en su navegador, lo que significa que los datos ingresados no se envían ni se almacenan en nuestros servidores.