楽天ホームページ作成 サムネイルの作り方
サムネイルの作り方と言うページはあるのだが、なにぶんずいぶん昔に作ったので
すごーくわかり難い。そこで少し簡単に説明いたします。
この前の日記に使ったもので説明します。
サムネイル自体は単に元画像にリンクを貼るだけのものです。
オレンジの部分が表示されてる画像で<a>(aタグ)で始まってるのが元画像です。
普通このように2枚用意します。
<a href="http://blog.livedoor.jp/hanatomidori.21/8a152119.jpg"
target="_blank"><img src="http://blog.livedoor.jp/hanatomidori.21/8a152119-s.jpg"
width="160" height="120" border="0" alt="花1"></a> |
おもしろサイトの楽しい国語や手品、ダイす占いのようにウインドウの大きさや出る場所を指定するにはjavaスクリプトは
楽天ホームページでは使用出来ませんので、別ウィンドウで表示くらいになります。
別ウィンドウ表示タグはtarget="_blank" これは良く質問がありますね。
うちではこんな感じで使っています
ミュウがやってきた
あとよく質問があるのがバナー等のリンクに枠線がついてしまうというのですが border="0" として下さい。
付けたい人は逆に1とか2とか入れて下さい。
| コレオプシス
大キンケイギク
これも繁殖力旺盛。
じゃまくさいくらい生えて来ます。
|
| ダリアです。
以前は冬は掘り戻していたが最近は放置状態です。
いくつか種類があるが、上から土を入れたりしているので
出て咲いてみないとわからない。
|
|
コレはなんと言う花でしょう?
誰が植えたのか?
勝手にどんどん繁殖中です。
でも綺麗な花です。
だれか教えて下さいね
カンパヌラ・ラプンクロイデス
だそうです。
情報提供者 ミクミンさん |
|
アキレアです。
最近まったくガーデニングなどやっていないので
記憶がさだかではありませんが
ハーブに一種だと思います。
|
オレンジの部分がサムネイル画像です
楽天ホームページ流サムネイル
しかし楽天ホームページの場合、画像の倉庫の制限があり1枚のフォトに2枚の画像を使用するなんて贅沢はできません。
この場合は元画像の表示サイズだけ変えます。
<A href="http://blog.livedoor.jp/hanatomidori.21/8a152119.jpg"
target="_blank"><IMG src="http://blog.livedoor.jp/hanatomidori.21/8a152119.jpg"
width="160" height="120" border="0" alt="花1"></A> |
サムネイル画像と元画像が同じものですね。
| コレオプシス
大キンケイギク
これも繁殖力旺盛。
じゃまくさいくらい生えて来ます。
|
| ダリアです。
以前は冬は掘り戻していたが最近は放置状態です。
いくつか種類があるが、上から土を入れたりしているので
出て咲いてみないとわからない。
|
| コレはなんと言う花でしょう?
誰が植えたのか?
勝手にどんどん繁殖中です。
でも綺麗な花です。
だれか教えて下さいね
カンパヌラ・ラプンクロイデス
だそうです。
情報提供者 ミクミンさん |
また、サムネイルの大きさも自由に変えられます。
あんまり興味がなかったアフィリエイターの皆さんもこれはアフィリエイトのも応用できますよ。
一番上の大キンケイギクのサムネイルはwidth="128" height="96"に変更しました。
width="160" height="120"の80%です。計算が得意な人は暗算で、
そうでない人は100円ショップの電卓で計算すればOKです。
ただし、オリジナル画像のたて横比率を変えるとピンボケになります。
小さいのを大きくするのもボケますので
ほどほどにしましょう。
ではなぜ他のホームページでは2枚用意するのでしょう?
それは、サムネイル自体ページを軽くするものでもあるからです。小さい軽い画像を表示して興味のあるのだけ
大きい画像を見るのが本来の目的だと思います。
表示サイズを変えても画像自体の重さはかわりません。
(ここで使用しているものはLIVEDOORの自動生成なので重さは同じです。)
注意:重さ=サイズです。
理解できない人、もう一度みゅうちゃんフォトに行ってください。
どこでもいいですが一番下の左写真にカーソルを置いて右クリックしプロパティを開いて下さい。
サイズ3404バイト大きさ103×128ピクセルとありますね。こんどはクリックして元画像を見ると
サイズ22530バイト大きさ345×426ピクセルとなっています。
オレの場合相当画質をおとしていますがそれでもこれだけ違います。
ここでまた画像のサイズを変えるには?なんて質問が沢山きそうなので
無料画像編集ソフト の紹介はこちらです。
字数が足りず大幅カットしました。