Pickupニュース

Placehold.it
Webサービス

Placehold.it

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

Placehold.itのご利用はこちらから

Webサイト

使い方

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

パラメータの設定

Placehold.itのURLパラメータ
http://placehold.it/{サイズ(幅x高さ)}/{背景色}/{文字色}.{フォーマット}?text={文字列}

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

デモ

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

HTMLCopy
<img src='http://placehold.it/300x150'>

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

HTMLCopy
<img src='http://placehold.it/300'>

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

HTMLCopy
<img src='http://placehold.it/300x150/000000/ffffff'>

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

HTMLCopy
<img src='http://placehold.it/300x150/000000/ffffff.png'>

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

HTMLCopy
<img src='http://placehold.it/300x150/000000/ffffff.png?text=Web技術指南書'>

コメントを残す

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

記事ランキング