テキストを画像の一部として貼り付ける方法

質問

いつもお世話になっております。
現在CSSでサイトを作っているのですが、とある疑問があります。
見た目は完全にテキストなのですが、コピーもできず、かつ一枚絵のように画像などとセットで張り付けられているサイトを見かけます。

たとえば、以下のサイトのVISIONやMODELの部分のテキストなどが例です。
http://www.fullspeed.co.jp/about/vision.html

このようなテキストはどのような仕組みで作られているのでしょうか？

まだまだ初心者なため疑問が多くいつもお世話になってばかりですが、どうかよろしくお願いいたします。

回答No.4

k-pix · ベストアンサー

文字ツールで画像にテキストを入れればよいだけです。フォントはお気に入りのもので結構です。
ただし、Web用（JPEG、GIF）として保存する際にラスタライズされてしまうため、文字が美しく見えなくなってしまうことがあります。
そういう場合は、アンチエイリアスをかけたりはずしたりするなど、調整してください。

お礼

ありがとうございます。
早速試してみます！

本当にありがとうございました！

回答No.3

k-pix

ソースをご覧になられるとわかりやすいと思います。

Vision の部分は、39行目に
<img src="img/vision_img_new01.jpg" alt="Vision" />
とありますので、画像ファイルです。

ブラウザで、
http://www.fullspeed.co.jp/about/img/vision_img_new01.jpg
を見られるとよいと思います。

お礼

ありがとうございます。
返信が遅れてもうしわけありません。

photoshopでテキストと同じように作成するにはどうすればいいのでしょうか？
なにか特別なフォントでしょうか？

ご存知でしたらどうかよろしくお願いいたします。

回答No.2

noname#39970

これはサイトの表示をどのブラウザでも確実に同じにするために用いられる手法で

簡単に言うと
　「　全　部　画　像　」

お礼

ありがとうございます。
返信が遅れてもうしわけありません。

photoshopでテキストと同じように作成するにはどうすればいいのでしょうか？
なにか特別なフォントでしょうか？

ご存知でしたらどうかよろしくお願いいたします。

回答No.1

narunaru23

画像として扱っています。
画像編集ソフト（PHOTOSHOP等)で画像とテキストと同じように作成し、
それを画像として貼付けてあります。
なのでテキストに見えてもこれは画像なのです。
だからコピーはできませんが、
VISIONなどのテキストの上で右クリック画像の保存でパソコンに保存すると
下の写真とテキスト文字が保存されます。

お礼

ありがとうございます。
返信が遅れてもうしわけありません。

photoshopでテキストと同じように作成するにはどうすればいいのでしょうか？
なにか特別なフォントでしょうか？

ご存知でしたらどうかよろしくお願いいたします。