Pickupニュース

Dynamic Dummy Image Generator
Webサービス

Dynamic Dummy Image Generator

手軽で便利なダミー画像生成サービス
サイズ、配色、表示する文字列、ファイル形式を選択してダミー画像のURLパスを発行するWebサービスです。

Dynamic Dummy Image Generatorのご利用はこちらから

Webサイト

使い方

Dynamic Dummy Image GeneratorはURLにパラメータを追加することで、様々なダミー画像を生成します。

パラメータの設定

Dynamic Dummy Image GeneratorのURLパラメータ
https://dummyimage.com/{サイズ(幅x高さ)}/{背景色}/{文字色}.{フォーマット}&text={文字列}

項目 内容 パラメータ
サイズ(幅x高さ) 幅と高さを指定 整数値x整数値(高さを省略で正方形サイズ)
整数値x比率(一方の数値から比率を算出)
背景色 背景色をHexコードで指定(#は不要です) Hexコード(省略で#CCCCCC)
文字色 文字色をHexコードで指定(#は不要です) Hexコード(省略で#000000)
フォーマット ・png
・gif
・jpg
から選択
png / gif / jpg(省略で.png形式)
文字列 画像に表示する文字列 文字列(日本語も使えます)

デモ

300×150ピクセルのダミー画像

HTMLCopy
<img src='https://dummyimage.com/300x150'>

300×300ピクセルのダミー画像

HTMLCopy
<img src='https://dummyimage.com/300'>

300×150ピクセル、背景色黒(#000000)、文字色白(#ffffff)のダミー画像

HTMLCopy
<img src='https://dummyimage.com/300x150/000000/ffffff'>

300×150ピクセル、背景色黒(#000000)、文字色白(#ffffff)、.jpg形式のダミー画像

HTMLCopy
<img src='https://dummyimage.com/300x150/000000/ffffff.jpg'>

300×150ピクセル、背景色黒(#000000)、文字色白(#ffffff)、.jpg形式、「Web技術指南書」の文字列のダミー画像

HTMLCopy
<img src='https://dummyimage.com/300x150/000000/ffffff.jpg&text=Web技術指南書'>

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

記事ランキング