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ツール

Gmailにメール転送、【○○件名のメッセージにウィルスに感染または疑いのあるファイルがある】とエラー文が出てメッセージが開けない場合の対処方法

更新日:2022.05.23
1295
Webツール

iPhoneのSafariで位置情報を許可・毎回確認に設定する方法

2022.05.13
6114
Webツール

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

2022.12.17
5712
Webツール

パソコンでスクリーンショットの範囲指定・URL共有するならLightShotを使おう

2020.07.21
956