PR
ラベル 画像 の投稿を表示しています。 すべての投稿を表示
ラベル 画像 の投稿を表示しています。 すべての投稿を表示

2009年2月25日水曜日

自分のブログページの容量が気になりました

 ブログに画像を埋め込んだり、サイドバーにガジェットを追加したりしていてページの容量、表示速度が気になりました。
 普段はFire fox3.05をメインのブラウザで使っているんですが、IE7で見てみると表示が少し遅い場合があります。Safari・Opera・Chrome 等はどうでしょう。バージョンが違うとまた変わります。

 「このブログは快適に閲覧してもらえてるのでしょうか?」

 その前に内容はどうなんだ?という声がチラホラ聞こえそうですが内容ペラペラ・表示激重なんてことになっていたら目も当てられません。

 調べてみたところ量ってくれるサイトを見つけました。 

 サイトの売買をしているところかな?まあ何をしているサイトにしろ今回調べたいのは自分のブログページの表示が快適かどうかなのでありがたく使わせていただきました。

 <結果>
 評価 D
 合計 132176bytes
 予想表示時間 18.88秒程度(56Kモデム単純換算。8秒が目安。)
 コメント:ファイルがちょっと重いようです。5KB以上のファイルはサイズ圧縮を考えましょう。

 ということでした。

 56kモデムの方だと表示されるのに約19秒ほどかかってしまうのでしょうか?もちろんPCの性能等も関係してくるとは思いますが私なら途中で読み込みキャンセルですね。
 サイト運営のヒントを教えてくれているホームページ等がありますが、さすがに教えるだけの事はあって量ってみると56kモデムでも5秒程で表示される所が多いようです。(このブログの1/4!)
 この結果をみて少しでも軽くするために画像ファイルだけでも小さくしておきました。
ほんの1秒ほどしか変わらなかったんですが少しでもダイエット出来たので良しとします。(いいのか?)

 サイトのサイズはどの位が適当なのかは日々変わっているとは思いますし写真ブログやホームページ全体が芸術的なサイト等は容量を抑える事が難しいですがネットを楽しむ方の環境はそれぞれ違うので、少しでも多くの人が快適に閲覧できるようにしておきたいですね。

サイトの体重測定がしたい方は
「買いパラ」ネット検索エンジン サイトのURLを入れて「チェックする」をクリックするだけです。

2009年2月21日土曜日

グラデーションの背景画像を作る

 キレイな背景画像を作れないかと探していたところ、見つけました。
今回も「WEBマーケティングブログ」さんの記事から勉強させていただいてます。

グラデーションの背景を作ってくれるジェネレータです。
 好きな色を何種類か組み合わせてグラデーションの方向を縦からか横からかを指定して基本になる画像をつくり、画像の繰り返し・スクロールに合わせるか固定にするか等を選べます。


 最初に選べるのは2色ですが「Add color」で3色・4色・・・と増やして複雑なグラデーションにすることもできます。
 ページ全体の背景にするための「HTMLコード」も同時に表示されるのでホームページの背景に使う時もコピペで楽々です。

 作成した画像でこんなのを作ってみました。


 文字は後から貼り付けています。(今回も自分のセンスの無さが・・・)

 ページの1部分に使ったりしてもアクセントになっていいんじゃないでしょうか?

グラデーション画像作成サイト
glad color

関連記事 Jamming倉庫 HTML, 画像,(カスタム検索)

2009年2月20日金曜日

ブログに画像を貼り付けてコメントをもらう

ブログに写真などの画像を貼り付けているのはよく見かけますが、今回見つけたのは貼り付けた画像が拡大できたり画像そのものにコメントをつけてもらえるもの。



 画像の上にポインタを移動すると左側にメニューが出てくる。クリックすると上から

●画像情報と投票。ハートマークをクリックして投票することができる
●コメントの投票と閲覧。「View Notes」で表示される「+」にポインタをのせるとコメントが表示される
 「Add New Note」でコメントの書き込み(要ログイン?)
●画像の縮小拡大・移動・フルスクリーン化
●メールで写真を送るのかな?(これはいらないかな?)
●埋め込みコード表示

 この画像埋め込みは無料で登録の必要もありません。
 作った本人はそのままコメントが書き込めるんですがどうやら他の人はログインが必要な様です。
 アイデア次第では面白いんじゃないでしょうか?

埋め込みコード作成サイト
Phlook(beta)

 1>「Up load」で画像を指定してアップ
 2>「Embed Interactive Photo:」のコードをサイトに貼り付ける

今回記事の情報元サイト


WEBマーケティングブログ

関連記事 Jamming倉庫 画像
<< 最近の記事 >>
  • 実技と講習はバランスですよね - ここしばらく気まぐれ更新になってしまってるんですが、音楽環境・pc環境など、手探りで整えつつあります。dtmと生音を使いながら楽しみたいのですが、私のまわりの方々は生音派で体育会でdtmの正確さもすばらしい事ですが一発録りに気合を入れる彼等にココロ動かされる事多き日々です。そんなこんなで最近は音楽理論をほったらか...
スポンサードリンク