楽天の画像をいじるた

楽天広場HPに貼り込むためのおはなし その1


(画像)解像度
 画像には解像度という、精細さを表わすものがあります。
 プリントやモニターなど、画像を再現する場所によってその単位はちょっと変わるのですが、基本となるのは pixel ピクセル(画素) という単位になります。
 今回はパソコンのモニター表示においての話ですので、ここではppi ピーピーアイ(pixels per inch)という単位をつかいます。
sunrise_作品入口
 今一般に利用されているモニター上では、 72ppi の解像度でほぼ等倍の画面表示がされます。ですから、プリントにした写真などをスキャナーで取り込んでHP上に貼り付ける場合は、200とか300などの高い解像度にする必要はありません。もし 綺麗に見せたい のであれば、 144ppi(要するに約2倍)程度 でスキャンしてUPすればいいです。
 それから一度登録した画像の大きさの変え方ですが、 「画像の倉庫」 に登録して、登録した画像をクリックすると タグ (〈〉でくくられたコード)が出てますよね。とりあえずその部分を コピー (なぞって右ボタンを押して“コピー”で指はなして〈Windows〉、Macならコマンド+Cね)して 「ページの編集」 の本文欄に 貼り込み ます。このとき画像タグのおしりに〈br〉(break line)改行するってタグを追加しましょう。
sunrise_作品入口
 そして、たとえば上の画像のタグは何もしないと〈img src="http://plaza.rakuten.…/46.gif" width="60" height="116" alt="sunrise_作品入口"〉となっていて、この大きさですが、〈… width="111" height="215" …〉の部分の数値を〈… width="60" height="116" …〉と変えると下のようになります。
 わかりましたか?そうです、 width ウィドゥスというのが幅で、height ハイトが高さ です。単位は先に説明したpixelです。縦と横を変形しないように同じ比率で変更するときはちゃんと計算しましょうね。  
 ちなみにこの画像はリンクさせてないのでクリックしても何も起こりません。あしからず…


© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: