Web制作の勉強をしていると画像を使ったコードを書く練習なども行います。
その際、いちいち画像を準備したりするのはめんどくさいですよね…
そんな時に使えるWebサービスがあるので今回はこちらを紹介したいと思います!
URLを記入するだけで画像を生成
今回は、placehold.jpというサイトを利用しダミー画像を作成します。
placehold.jp
こちらのサイトでは、指定したサイズのダミー画像を自動で生成してくれます。
画像を保存することも可能ですしURLをHTMLやCSS記載すれば画像をダウンロードすることなく使用することができます。
例えば、300×300の正方形を作成したい場合、幅と高さに300を入力し生成を押します。
正方形を生成(300×300)
生成を押すとURLと画像を表示されるのでURLをコピーするか画像を右クリックし保存するかどちらかを選んでください。
生成されたダミー画像
コピーした場合は直接HTMLにimgタグを使いhref=""内にURLとペーストするだけで使えます。
URLを使用した場合、読み込みに時間がかかったりplacehold.jpのサイト自体に何かあった場合、画像が表示されなくなる場合があるので注意してください。
ダウンロードして画像を使う場合は、imgフォルダなどの中にダウンロードした画像を入れ相対パスで画像をしてください。
これで、いちいち画像を準備することなくWebサービスを利用して簡単に画像を準備することが出来ます!
