ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

Yahoo!ブログの注意

[ リスト | 詳細 ]

記事検索
検索

全2ページ

[1] [2]

[ 次のページ ]

Yahooブログとジオログの違い


細かい所を除けばYahooブログとジオログは、このような違いが見られる

■ Yahooブログ ■■ ジオログ ■
Wiki文法の使用可能Wiki文法の使用不可
ほんの僅かだがHTMLが使えるJavaスクリプト以外のHTMLが殆ど使える
書庫が作れる書庫が作れない
リンク登録不可(代わりにお気に入りブログ)リンク登録可能
ゲストブック有りゲストブック無し
プレビュー機能無しプレビュー機能有り
一つの記事に複数の画像掲載可能一つの記事に複数の画像掲載不可
投票機能有り投票機能無し
トラックバック可能トラックバック不可
転載機能有り転載機能無し
アクセス数などの数値表示有りアクセス数などの数値表示無し
ページの表示速度が遅いページの表示速度は普通
壁紙を選べる壁紙を選べない
デザインを選べるデザインを選べない
テンプレートを選べないテンプレートを選べる
バグが非常に多いバグは殆ど見受けられない

ちなみにジオログはブログではなく、ブログ風の日記ホームページでしょう
画像の容量は軽く(体験ページ)

デジカメ元のサイズ

サイズ:720880バイト=720キロバイト
大きさ:2048×1536
イメージ 1

Yahooブログは最大で「560×420」まで表示できますが
この素の画像の大きさではあまりにも無謀、サイズ(容量)も大きすぎで表示速度もおそく
大容量の画像のため閲覧者のパソコンに負担がかかります。
古いパソコンならこけてしまうかも???

50%大きさを縮小

サイズ:71753バイト=71キロバイト
大きさ:1025×768
イメージ 2

先ほどの画像より半分縮小、その結果、サイズ(容量)も少なく出来ました
画像の大きさは、大きくてもこのくらいにしておきましょう


さらに50%大きさを縮小

サイズ:31009バイト=31キロバイト
大きさ:512×384
イメージ 3

先ほどの画像より、さらに半分縮小
最もオーソドックスの大きさかな?


もっと、さらに50%大きさを縮小

サイズ:19843バイト=19キロバイト
大きさ:256×192
イメージ 4

先ほどの画像より、もっとさらに半分縮小
画像の大きさ・サイズも小さいため瞬間的に表示されます。
人物、動物、建造物、などのみ焦点を合わせ、余計な背景を省くなどの工夫をすれば、
この画像の大きさでも、十分使える大きさです。


画像の容量は軽く

■画像の容量は軽く■

これはWEBサイトを作成するときも共通して、ブログでも画像の容量を抑える必要があります。

画像の容量が「大きい」=「重い!」と言う事になるので
それの画像をパソコンが読み込んで表示するのに、
あぶり出しのように時間がかかってしまいます。

また、このブログが表示できる大きさは、最大で横560×縦420までなので
これを超えた画像を貼り付けても横560×縦420までと言う事は、
それだけ無駄なサーバスペースを使ってる事になります。
(1ギガバイトの容量の画像保存が出来ますが)
さらに、そのページを上へ下へと移動すると
画像がカクカクしてしまう現象がおきることもあります。

http://blogs.yahoo.co.jp/kagemusyamk1/24997060.html ←サンプルページ


■閲覧者のパソコンのモニターサイズにも気を配りたい■


ちなみに一般のパソコンのモニターサイズ(画像度)は下記のように

広く利用されているモニターサイズ

11024x768最も利用されているサイズ
21280x1024横に長く人気のあるサイズ
31280x768
4800x600
51400x1050

その他のモニターサイズ

2560x16002048x15362560x10241920x12001680x10501600x1200
1440x9001366x7681360x7681280x9601280x8001280x600
1152x8701152x7681152x8641152x7201024x12801120x840
1024x600924x668924x668832x624640x480480x640
240x378240x252


■通信環境にも■

すべての人の通信環境がならよいですが、ISDNダイヤルアップ接続なら、さらに遅く
高速回線のADSLも様々な要因で通信速度がよくない人もいます。

この他に閲覧者のパソコンの性能によることもありますが
これが低いとフリーズすることもあるようです。

もし、その画像が約500Kバイト(500,000万バイト)を超えるようだったら
画像ファイルの容量を見直すほうがいいです。


■画像の容量の減らし方■

画像の容量に減らし方解説

1.横×縦の幅を小さくする

Windowsには付属のペイントソフトが付いており、これを使って小さくする事が出来ます。
オンラインで配布されているフォトレタッチやペイントソフトにも付いている機能

2.画質を落とす・減色する

フォトレタッチやペイントソフトの機能として付いている事があり
色解像度を使って256色に減色するなどしてみましょう
ただし、これは画材によっては画質が大きく落ちる事もあるので注意
思い切って白黒にするなども、ひとつの手段です。

3.余分な画像の部分を削る

ペイントソフトによく付いている切り取りと言う機能があります。
必要な部分だけを残して、いらない部分を削っただけの容量を減らす事が出来ます。

4.ソフトを使って容量を減らす

画像ファイルのデータの容量を減らしてくれるソフトがあります。
データの容量を減らした分だけ、画質が落ちてしまいますが
好きなように調整できるソフトがありますので、お好みに合わしましょう

5.別の画像の拡張に変える

画像には幾つかの拡張子があり
その画像形式に、しかりと合わす必要があります。
このブログで使える画像形式は3つ
写真ならJPEG、それ以外の画像ならPNG(png)やGIF(gif)があります。


JPEG(jpg)は写真用ですので、これ以外の画像をこの拡張子すると、大きく画像が乱れます。
写真に対しては圧倒的なサイズの容量を少なくする事ができる


GIF(gif)256色に限られているので他の画像からこの拡張子すると、色化けします。
アニメ・透過出来るのが特徴
GIFアニメは、通常の静止画より重く、コマ数が増えれば増えるほど重くなります。
これを用いるときは、画像の大きさは小さめに・・・
透過GIFは使用している色を指定して透明化できるので透過した分だけ、サイズの容量が減らせます。


PNG(png)フルカラーで使える画像形式、JPEGやPNGと比べると容量は大きいですが
他の画像形式からこれに変えても、画像が乱れたり落ちる事もありません
最大の特徴は256色に減色するとGIFより容量が軽くなります。
GIFと同じく透過できるのも特徴
透過GIFと同様に透過した分だけ、サイズの容量が減らせます。

Wiki文法の落とし穴

■ 文字にリンクを設定 ■


下記のソースが基本の文中リンク
[http://blogs.yahoo.co.jp/ Yahoo!ブログ]
これを、少しいじって見る
アドレスのあとに半角のスペースを入れ文字を入れると(左側がリンク先のアドレス、右側が文章)
文中のリンクになるわけだから、以下のように入力してみる
[http://blogs.yahoo.co.jp/ http://www.yahoo.co.jp/]
こうなる

http://www.yahoo.co.jp/

アドレスを見るとYahoo!のトップページ
そしてクリックしてみるとYahoo!ブログのトップページ

これではアドレスを偽装してしまってる
Yahoo!よ、これをどうする?

■ 自己防衛策 ■


その他の閲覧者は、この方法で
変なサイトなどに誘導させられないようにする方法を知っておきましょう

IEのステータスバーにはリンク先にカーソルを合わせるとアドレスが出るので
それを確認してからクリックしましょう

ステータスバーはInternetExplorerの機能の一つ
ブラウザの画面の一番下にある白い帯のバーです。
これが表示されていないのなら下記の方法で
設定方法はブラウザの「表示」→「ステータスバー」をクリックしてチェックを入れます。

このYahoo!ブログは使用できるタグが、かなり限られているようですね
http://help.yahoo.co.jp/help/jp/blog/blog-62.html

例えば<BIG>文字を大きく</BIG>←これが使えない・・・

文字の大きさは他にFONTの要素を使って変更できます。
サイズ4 → サイズ変更の要素→<FONT SIZE="4">サイズ4</FONT>
1〜7までサイズ変更可、数値が大きくすると文字の大きさもアップ
※<>のかっこは半角ですること、さらに閉じるタグ(スラッシュ)を忘れずに

欲を言えば、Javaスクリプトも使えるようにしてほしいですね

ジオログの方がHTMLの自由度が高いです。
ジオログなら、さらに下記の要素がなどが使用可能でYahoo!ブログでは使用不可能

<BIG>文字を大きく</BIG>

<STRONG>文字を強調</STRONG>

<H>見出し</H>

<CENTER>中央寄せ</CENTER>

<TABLE><TR><TD>テーブル囲い</TD></TR></TABLE>

<HR>ライン(閉じるタグは必要なし)

<A HREF="http://blogs.yahoo.co.jp/kagemusyamk1/" TARGET="_blank">文中リンク</A>
Yahoo!のブログで、これが使えないのが一番痛い(YahooブログでWiki文法なら可能)

<IMG SRC=http://img.yahoo.co.jp/images/clear.gif WIDTH="88" HEIGHT="31" alt="画像" BORDER="0">
画像の貼り付け(YahooブログでWiki文法なら可能)
この画像の貼り付けは、殆ど問題は無いようですね

■ その他の問題点 ■

画像の著作権の保護ためか、Yahooブログでは「SRC=」これを使うとかならず
http://img.yahoo.co.jp/images/clear.gif」となるようです。
つまり、このブログではホームページの作り方を教える事は出来ないと言う事になります。

■ この問題点の利点 ■

弱点が利点とは、コメントなどにスパマーによる
エロ画像の貼り付けが出来ないと言う事です。

開く トラックバック(1)

全2ページ

[1] [2]

[ 次のページ ]


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

よしもとブログランキング

もっと見る

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事