ロッドくんの自分でホームページ -22ページ目

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 20 | 21 | 22 | 23 | 24 | 最初次のページへ >>

投稿 - 画像サイズ（容量）！のお話

こんにちは！「ロッドくん」です。　アクセスどうもありがとー

今日もお昼はおひさま

が出てて暖かかった。みなさんのところはどーですか

猫ちゃん

ねぇ　もうすっかりぼくのおうちでくつろぐようになっちゃった。
ちゃんと寝る時間は帰ってるけどそれ以外はもうずうっとおうちに来てるんだ

今朝なんかぼくが起きる何時間も前から来ておうちの中にいたんだって

自分のおうちでは遊ばないのかなぁ。おうちの人お出かけしてるのかなぁ

今日は　「投稿 - 画像サイズ（容量）！のお話」をするね

無料のWordPress（ワードプレス）を使ってのサイト制作の、
『投稿』の『新規追加』でのお話を今続けてるけど、
今日は投稿に掲載する画像のサイズ（容量）のお話ね。

●掲載する画像のサイズ（容量）を確認しよう

昨日のお話で縮小した画像の、容量がどのくらいなのか見てみましょー。
容量＝ファイルの重さ、てゆうことね。

容量が重いと表示に時間がかかっちゃうから、なるべく軽い方が良いんだ。

確認の仕方は、そのファイルを右クリックして、
●Windowsの場合は『プロパティ』を選択
●Macintoshの場合は『情報を見る』を選択

そんで出てきたウィンドウの『サイズ』ってゆうところに出てるんだ。
↓
例
サイズ:　 123 KB (126,897 バイト)

ってゆうふうに、容量の確認が出来るんだ
後ろのカッコの中が正確なサイズね。
で、数字が大きいほど重いってゆうことね。
これは画像じゃなくてもどんなファイルでも確認の仕方は同じね。

上の例みたいに、単位がKB（キロバイト）で低い数値ならダイジョーブなんだけど
これが、何MB（メガバイト）とかだと WEBで表示するには重いから、

画像加工（編集）ソフトを利用して、サイズを軽くした方が良いよぉ。

大きい画像を見せることが目的だったりとかじゃなければ、

●画像の大きさを縮小して小さくするとか
●JPG（ジェイペグ）形式なら圧縮率を高くするとか
●GIF（ジフ）形式なら色数を少なくするとか

やってみてね。

ファイル形式のお話は前々回のを見てね。
ココね→　投稿 - 画像の種類（形式）！のお話

画像サイズ（大きさ）のお話は前回のを見てね。
ココね→　投稿 - 画像サイズ（大きさ）！のお話

容量は軽ければ軽いほど表示が速いから、見てる人は快適だよね

容量を軽くすることによって画像は低画質になってゆくんだけど
これはバランスだと思うんだぁ。

少し重くても綺麗に見せたい画像は、
低圧縮にしたり、フルカラーでいったり、調整してみてね。
最近は早い回線で見てる人が多いから、
そんなに神経質になることは無いと思うんだけど、

綺麗に見えてて軽ければその方が良いもんね。

遅い回線が一般的だった頃は
綺麗に見せたい画像を軽くするのが結構大変だったみたい

で、前回も前々回もお話をしてしつこいけど、
画像を加工するときは、元の画像はとっておいて、

複製したもので加工作業をして、それをアップロードした方が良いよ。
元の画像サイズを縮小して保存しちゃったりしたら、
小さくなった画像を、こんど元のサイズに戻そうとして拡大したりすると
画像は荒れ荒れになっちゃうから。
大事な画像が台無しになっちゃうともうほんとにショックだもんね

元画像は他にとっといてあれば安心だぁー

今日はココまでぇ

というわけで今日は
投稿 - 画像サイズ（容量）！のお話でしたー

つづく

━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─

それでは今日はこのへんで！　ページを見てくれてありがとー

今日もいろんなブログを見に行ってから帰ろーっと

猫ちゃん

今日もおうちにいるかな

またこのページをのぞいてね

それじゃあまたね～。
（ペタペタしてね

早くホームページを作りたい人や、まかせちゃいたい人はお問い合わせしてね。

ロッドくんのいる会社より
※ロッドくんはイメージキャラクターです。
小さい子（の設定

なので難しい言葉はわかりません。
ひらがなが多すぎたり読みづらい箇所は大人が少し修正しています。と思ってください。

不明点等ございましたら『ロッドCMS』までお問合せ下さい。
（販売パートナーも募集中です）

ロッドくんのサイトはこちら→　WEB運営の最善策『ロッドCMS』

投稿 - 画像サイズ（大きさ）！のお話

こんにちは！「ロッドくん」です。　アクセスどうもありがとー

今日のお昼はおひさま

が出て少し暖かかった。みなさんのところはどーですか

お休みはねぇやっぱり猫ちゃん

とお部屋で遊んだんだぁ

そんで昨日の夜は遊びつかれてぼくの足の間で眠っちゃった

ぼくも眠っちゃって起きたらすごく遅い時間だった。　ぅわあああ

ちゃんとお布団で寝ないとカゼひいちゃうから気をつけないとね

今日は　「投稿 - 画像サイズ（大きさ）！のお話」をするね

無料のWordPress（ワードプレス）を使ってのサイト制作の、
『投稿』の『新規追加』でのお話を今続けてるけど、
今日は投稿に掲載する画像の大きさのお話ね。

●掲載する画像のサイズ（大きさ）に加工しよう

デジカメとかで撮影した画像は、高解像度のものほどサイズが大きいから
それをそのままサイトに載せちゃったりしたら
読み込みも遅くなるし、サーバにも負担がかかっちゃうし、
サーバの容量も無駄に使っちゃうことになるから、

必要な大きさまで縮小した方が良いよぉ。

大きい画像を見せることが目的だったら別だけど、
そうじゃないんだったら、表示が遅くならない適切な大きさに縮小しよー。

縮小するには画像加工（編集）ソフトが必要なんだけど、
Windowsだったらアクセサリに入ってる『ペイント』ってゆうソフトで縮小出来るし、
デジカメにオマケで付いてきたり、無料ソフトも色々あるし、
WEB上で無料で出来るサイトもあるみたい。

やりやすい方法を使ってね。

どの位の大きさにするかは、ホームページのデザインや、
クリックしたら拡大させたいとかによると思うから、画像ごとに決めていこー。
でも同じ見せ方をする所は統一感を持たせた方が良いよね。

ぼくのプロフィール画像の大きさは
145×145ピクセルの正方形なんだ。
この大きさね
↓

で、このぼくのお話をしてるエリアに画像を入れる時は
幅495ピクセルが最大ってゆう感じ。500ピクセルよりちょいちっちゃめ。

幅495ピクセルってゆうとこの大きさね。
↓

掲載するエリアより大きい画像でも、
WordPressの投稿エディターで縮小表示が出来るし、
決めておいた大きさを選んで掲載も出来るんだ。
だから　クリックで拡大させたい画像とかは、
見せる画像の大きさでアップロードしちゃうんだぁ。

アップロードの仕方はこんどお話をするんだけど、
例えば幅800ピクセルの画像をアップロードして
記事では小さめのサムネイル表示にして、クリックすると、
幅800ピクセル画像が見られるってことに出来るから、

見せたい大きさで作ればOKだよ。

サムネイルの大きさとかは昔お話をした『メディア設定』で決めておけるんだ。
ココね→ WordPressの管理-『メディア設定』のお話

大きい画像を縮小加工するときに注意することは、

モニター上で100％表示（等倍）になってるか確認してね。
25％表示になってたりしてOKだと思っちゃうと大きすぎるから。

あと縮小すると画像が多少ぼやけたような感じになったりするから
もし加工ソフトに『シャープ』にする機能とかが付いてたら
ちょっといじくってあげると綺麗に見えるんだ。
これは画像の絵柄にもよると思うけどね。

で、前回もお話をしたけど、
画像を加工するときは、元の画像はとっておいて、

複製したもので加工作業をして、それをアップロードした方が良いよ。
元の画像サイズを縮小して保存しちゃったりしたら、
小さくなった画像を、こんど元のサイズに戻そうとして拡大したりすると
画像は荒れ荒れになっちゃうから。

そんで載せたい画像が出来上がったら、

JPG（ジェイペグ）とかのファイル形式で保存すればOKね。
ほんでパソコンのわかりやすい所に置いておこー。

ファイル形式のお話は前回のを見てね。
ココね→　投稿 - 画像の種類（形式）！のお話

今日はココまでぇ

というわけで今日は
投稿 - 画像サイズ（大きさ）！のお話でしたー

つづく

今日もいろんなブログを見に行ってから帰ろーっと

今日も猫ちゃん

と遊ぼうっと。

またこのページをのぞいてね

それじゃあまたね～。
（ペタペタしてね

なので難しい言葉はわかりません。
ひらがなが多すぎたり読みづらい箇所は大人が少し修正しています。と思ってください。

投稿 - 画像の種類（形式）！のお話

こんにちは！「ロッドくん」です。　アクセスどうもありがとー

今日も寒かったぁ。今も寒いー。みなさんのところはどーですか

昨日の夜も寒かったから、昨日は猫ちゃん

とお部屋で遊んだんだぁ。
いつもは少ししかお部屋で遊ばないんだけど　お外はもう寒いからね

猫ちゃんは寒いの苦手なんだもんね

　ぼくも苦手だし

今日は　「投稿 - 画像の種類（形式）！のお話」をするね

無料のWordPress（ワードプレス）を使ってのサイト制作の、
『投稿』の『新規追加』でのお話を今続けてるけど、
WordPressとかに限らず、
ホームページ（WEB）上で表示できる画像形式についてのお話ね。

●よく使われる画像形式の3種類はこれだぁー

●JPG、JPEG　（ジェイペグ）
この形式が一番多く使われてると思うよ。
デジカメとかで撮った画像は、大体この形式になってるんじゃないかな。
拡張子が『.jpg』のファイルね。
画像加工ソフトとかを使って圧縮率を指定したりして
容量を軽くしたり出来るんだ。
ただ、軽くするほど画像は荒れてくから
きれいに見せたい画像は低圧縮率にした方が良いね。
写真とかはこの形式にするのがWEBでは一般的だね。

いったん圧縮して画質が劣化した状態で保存しちゃうと、この形式の場合は、
非可逆圧縮（不可逆圧縮）っていって　もう元に戻せないから、
元の画像は残しておいて、複製したものを使いましょー。

●GIF　（ジフ、ギフ）
この形式はイラストとかアニメとか向きの形式。
拡張子が『.gif』のファイルね。
色の数が256色までしか使えないから、
単調な色使いのもの向きなんだ。
色を透過させたり、アニメーションも出来るんだ。

●PNG　（ピング）
画質の劣化がないフルカラー形式。
拡張子が『.png』のファイルね。
イラストとかをきれいに見せたい場合はこれが良いかも。
複数の色を透過させたり出来るんだ。
でも、フルカラーで見せたい写真とかの場合は
JPG（ジェイペグ）ほど圧縮は出来ないから容量が重くなっちゃう。

注意点は、古いブラウザとか携帯電話によっては表示されないんだ。
最近のは大体ダイジョーブみたいだけど。

こんな感じ。

で、どの形式でもそうなんだけど、
画像を加工するときは、元の画像はとっておいて、

複製したもので加工作業をして、それをアップロードした方が良いと思うよ。
元の画像サイズを縮小して保存しちゃったりしたら、
小さくなった画像を、こんど元のサイズに戻そうとして拡大したりすると
画像は荒れ荒れになっちゃうからね