Written by Kasumi

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

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

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

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

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

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

placehold.jpにアクセス

https://placehold.jp/

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

任意の画像サイズを入力

https://placehold.jp/

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

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

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

あとは取得した画像URLを埋め込みすればOK。

背景色やテキスト、文字色まで入れる

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

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

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

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

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

まとめ

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

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

目次

関連記事

Webツール

google検索エンジンにサイトがindex(インデックス)されたかすぐ確認する方法

2023.03.31
600
Webツール

chrome検証ツールを使ってローカルストレージに保存されてる任意のデータを削除する方法

2022.12.17
6062
Webツール

ツイッターのタイムラインをサイトに埋め込む方法

2022.10.23
3012
Webツール

Webサイトがどこのサーバーで管理されてるか調査・確認する方法【Netcraftサービスが便利】

2022.05.19
2381