テスト用に任意の画像サイズ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ツールなのでぜひ試してみてください。

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

Ads

関連記事

Webツール プログラミング

chromeブラウザで更新したファイルのキャッシュ有効期間を調べる方法【htmlサイト】

2022.01.20
39
Webツール

【無料】最大30ファイル一括でJPG・PNGを圧縮してくれるwebツール「あっしゅくま」を紹介

2022.01.14
33
Webツール

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

2020.07.21
43
Webツール

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

2022.05.19
54