プレースホルダー画像生成:カスタムダミー画像作成 | 無料
179 回使用×
プレースホルダー画像のヒント
カスタムサイズ
最大4000pxまで自由なサイズを設定。
カスタムカラー
背景色と文字色を自由に選択。
カスタムテキスト
テキストを追加、または寸法を自動表示。
複数形式
PNG、JPEG、WebPでダウンロード。
よくある質問
商用プロジェクトでプレースホルダー画像を再利用できますか?
もちろん可能です。このツールは完全にブラウザ上で動作するため、透かしやライセンス制限は一切付与しません。生成された画像は完全にあなたの所有物です。クライアント向けプレゼン、本番サイト、印刷用パンフレットにそのまま使えます。ただし、OS標準のArialなどのフォントを使う場合、再配布に関するライセンスを一度確認してください。通常のプレースホルダー利用では問題になりませんが、念のためです。
Webサイトでプレースホルダー画像がぼやけてしまうのはなぜですか?
原因はほぼ、画像を本来の解像度以上に引き伸ばしていることです。400x300で生成した画像を800x600で表示すると、ブラウザが拡大してぼやけます。必ず表示サイズと正確に同じ寸法で生成してください。Retinaディスプレイ向けなら、少なくとも2倍の解像度にします。1200px幅のセクションには1200pxの画像を作成しましょう。
背景を透明にしたプレースホルダー画像は作成できますか?
はい、ただしPNG形式のみ対応しています。JPEGやWebPは透明度をサポートしておらず、白い背景に置き換わります。色を選ぶ際、背景ピッカーの横にある「透明」チェックボックスをクリックしてください。プレビューが市松模様に変わります。写真レイアウトの上にテキストを重ねたい時に便利です。ただし、古いブラウザで代替色が必要な場合は透過画像は使えませんのでご注意ください。
このツールを使うのにアカウント作成やログインは必要ですか?
まったく必要ありません。アカウントもログインもメールアドレスも不要です。ページを開いて、サイズ、色、テキストを選び、ダウンロードするだけ。それで終わりです。サインアップもデータ収集も、後で解除するニュースレターもありません。デザイナーや開発者が30秒以内にプレースホルダーを取得し、作業の流れを止めずに済むように設計しました。このページをブックマークしておけば準備完了です。
プレースホルダー画像の生成数に制限はありますか?
まったく制限はありません。1枚でも100枚でも自由に生成できます。画像はすべてブラウザ内で新しく作成されるため、サーバーの待ち行列も1日の上限もありません。私自身、ワイヤーフレームプロジェクトで50枚連続生成してみましたが、まったく問題ありませんでした。唯一の実質的な制限は、大きな画像を開いたタブを何十も保持する場合のブラウザメモリです。使い終わったらタブを閉じれば大丈夫です。
角丸のプレースホルダー画像を生成できますか?
はい、できます。設定パネルの角丸半径オプションをご利用ください。0にすると角が直角になり、50まで上げると完全なピル型になります。モダンなUIのアバターには15〜20ピクセル程度が適しています。ただし、角丸はファイル自体に焼き込まれます。後で色付き背景で角を直角にしたい場合は、半径を小さくして再生成してください。
スクリーンショットの機密情報を隠すために使えますか?
技術的には可能ですが、専用の黒塗りツールではありません。隠したい部分のサイズに合わせて単色のプレースホルダー画像、例えば300x80ピクセルの黒い長方形を生成し、画像エディターでテキストの上に重ねてください。エッジをきれいにするにはPNG形式を選びましょう。実際のぼかし効果が必要なら、PhotoshopやGIMPのようなソフトが要ります。でも素早くきれいに隠すだけなら、これで驚くほど使えます。背景色に合わせるのを忘れずに。
ワイヤーフレームのモックアップにはどの画像形式が最適ですか?
ワイヤーフレームなら、PNGがほぼ常に安全です。JPEGのように圧縮ノイズが入らず、線や単色がくっきり出て、テキストもどんなサイズでもシャープに保たれます。WebPは軽いですが、古いプロジェクト管理ツールでは対応していない場合もあります。JPEGは写真風のプレースホルダー、例えばヒーローバナーをリアルな画像でモックする時に使うのがおすすめです。私の時短習慣:表示サイズの2倍のPNGで生成してから縮小すること。Retinaディスプレイでもエッジがくっきりして、レイアウト変更にも余裕を持って対応できます。
複数のプレースホルダー画像を一度に一括生成できますか?
現在は、メインキャンバス上で画像を1枚ずつ作成する仕組みになっています。1枚あたり約5秒で生成できるため、ツールの軽快な動作が保たれます。ユーザーリスト用に10個のアバターが必要な場合は、ダウンロードする前にテキスト番号を変更するだけです。複雑なスクリプトを使わずに素早く作業できます。
プレースholder画像を使うとSEOの評価に悪影響がありますか?
開発段階で仮の画像を使っても検索順位が下がることはありません。公開する前に実際の画像に差し替えるだけです。アップロード前にファイル名をわかりやすく変えるのがコツです。
プレースホルダー画像の作成方法
- 幅と高さを設定
- 背景色と文字色を選択
- テキストを追加(オプション)
- お好みの形式でダウンロード