テスト用に任意の画像サイズＵＲＬを取得できるwebツール

こんにちは。カスミです。

さて、以下のようなお悩みをお持ちでしょうか？

テストサイトを作成中で任意の画像サイズを埋め込みたいけど、わざわざサンプルで画像を作成するのが面倒。。
簡単に任意画像サイズをＵＲＬで取得し、埋め込みたい。

このような悩みを解決致します。

本記事では、webツールの「placehold.jp」を使って、任意画像サイズのＵＲＬを取得する方法について、解説致します。

placehold.jpにアクセス

まずは下記サイト「placehold.jp」にアクセスしましょう。
https://placehold.jp/

アクセスしたらサイドバーに幅と高さを入れる箇所があります。

取得したい画像サイズをpx単位でいれて、すぐ下にある「画像を生成するボタン」を押しましょう。

そうすると右コンテンツ上部に生成された画像ＵＲＬがでてきます。

あとは取得した画像ＵＲＬを埋め込みすればＯＫ。

https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/300x300.png?text=サンプル画像

画像サイズを決めれるだけではなく、背景色やテキスト、文字色まで入れれます。

上記で示したディレクトリ部分に任意の設定をすると反映されます。

例：https://placehold.jp/30/cccccc/0000ff/300×300.png?text=サンプル画像

上記の設定だと、300×300の画像サイズで、グレー背景、文字色がブルー、テキスト名がサンプル画像になります。

「placehold.jp」はとても簡単に画像ＵＲＬを取得できるwebツールなのでぜひ試してみてください。

以上で解説を終わります。