【フリー】ダミー画像生成サイト【Placehold.jp】とは?

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「Placehold.jp」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・フリーのダミー画像を探している方
・Web制作で、ダミー画像を使いたい方
・画像サイズを指定したい方

「Placehold.jp」って何?

Placehold.jp」とは、テスト用のダミー画像生成サイトのことです。
サイズは「px」で指定可能で、Web制作中に「ちょうど良い画像がない…!」という場合に、おすすめです!(これは助かる〜✨)

placehold.jp | 簡単!ダミー画像作成
簡単!ダミー画像生成、モックアップ用画像作成ツール。文字やサイズ、メモを入れた仮の画像を簡単に作成できます。
【HTML/CSS】コードをコピーするだけで、デザイン実装できちゃう!【Nomad Code】とは?
みなさんこんにちは!おさかなです!今回は「Nomad Code」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・HTML/CSSを学習している方・Webデザインを学んでいる方・Webサービ...

実際に使ってみよう!

ダミー画像を生成しよう!

それでは早速サイトにアクセスしましょう!

まずは「幅(よこ)」「高さ(たて)」のサイズをピクセルで指定します。(よしっ!)

ちなみに「100×100」や「800×600」など、よく使用するサイズはこちらから指定することも可能です!

ちなみに、英語にも対応しているようです。(ハロー♪)

サイズが指定できたら「画像を生成する」を押しましょう!(おりゃー!)

一瞬何も表示されないので焦りますが、「URL」がきちんと生成されているのでご安心ください。


↓今回生成されたURLはこちら

http://placehold.jp/640×480.png

生成されたURLをコピーして開くと……?こんな感じで、画像のプレビューが表示されます。

すぐ呼べる!タクシー配車アプリ【GO】とは?:招待コード【mf-s8kszj】
みなさんこんにちは!おさかなです!今回は「GO」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・タクシー配車アプリを探している方・タクシーもキャッシュレス化したい方・タクシーをよく利用する...

カスタマイズしよう!

ページを少しスクロールすると、「Advanced」というより高度なカスタマイズが可能なページがあります。(おお!)

先ほどの「Basic」とは違い、画像フォーマット(png,jpg)や、文字サイズも設定できます。

他にも、16進数のカラーコードで「文字色・背景色」が指定可能です!(ありがたい✨)

(一気に印象が変わった🍊)

さらに「表示文字」の変更もできます!(おー!)

試しに「サンプル」という文字列を入れてみました。

スタイルシートの「利用する」にチェックを入れるだけで、CSSの記述も可能に…!
もっと細かく編集したいという方におすすめです🌱

CSSを使うと、グラデーションにしたり、角を丸くしたりといった具合に、よりオリジナリティのある画像にできます。(便利だ!)

ちなみに「URLを直接入力」して画像を作成する機能もあります。

(あともう少し…🚩)

保存しよう!

保存するときは、まずURLをコピーして開きます。

そこで、マウスを右クリックして「名前を付けて画像を保存」を押せばOKです。
是非みなさんも、ダミー画像を作ってみてください!(お疲れさま🌸)

↓実際に作成したものがこちら

https://amzn.to/3cL2gKN
おさかな
中身ナビまる

これで、本番用のデータに入れ替えやすくなるね!

ナビまる
中身おさかな

もしかして僕たち、入れ替わってる〜?!笑

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

【環境構築不要】で、プログラミング言語・コードを試せるサイト【Riju】とは?
みなさんこんにちは!おさかなです!今回は「Riju」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・環境構築で躓いている方・とりあえず色々な言語を試したい方・サクッとプログラムを実行したい...
おさかな

文章が書けちゃう、新種のおさかなです。

元不登校。紆余曲折あり、現在はライターとして活動中。IT技術、サブカルチャーから、シナリオまで色々書きます。
SAOのユウキが好きです!

おさかなをフォローする
タイトルとURLをコピーしました