自分力ブログ

糖質制限で加齢の食い止め、睡眠の短時間化、ビジネススキルの向上を目指します٩( ᐛ )و

ブログに画像を入れたい人は押さえておきたい基本知識

   



初めてブログに画像を入れられた時はそれだけで感動でした。

 

文字と画像があれば一丁前のブログです。見出しがあればもう完璧。

 

ブログ初心者が知っておくと安心な画像の基礎知識

 

初めは画像を入れれただけで満足だったけど、しばらくしてそれじゃあダメだってことに気づきました。

 

何がダメかというと大きく分けてふたつの意味があります。

①画像の大きさ

②画像の画素数

 

それぞれについて簡単に説明します。

 

画像の大きさ

スマホやデジカメで写真を撮って、そのままブログに画像を載せてる人がいます。ってそれ過去の私です 汗

 

そのままだと、写真のサイズがめっちゃデカイんです。ブログの幅が600pxなのに1200pxの写真を載せると表示に時間がかかります。

 

表示に時間がかかる=訪問者がイライラして去ってしまう可能性大ってことです(´Д` )

 

pxは画像の大きさの単位でcmみたいなものです。

 

なので、1200pxの画像を600pxに縮小したいのです。これでブログがサクサク表示されます。

 

もっといい方法もあるかと思いますが、初心者には「ペイント」が使いやすいです。Windowsの標準アプリです。

 

ペイントの基本操作

 

画像の画素数

 

画像を圧縮って言葉聞いたことありますか? 私はこれを理解するのに随分時間がかかりました。

 

スマホのカメラが1000万画素、300万画素。というアレです。

 

画像はキレイに越したことはないですが、普通のブログならそんなに画素数要りません。ぱっと見違いに気付かないです。

 

画素数が大きいと表示が遅くなるので、画素数を下げます。

 

画素数を下げる=画像の圧縮です。

 

ワードプレスを使っている今はプラグインで対応してます。

 

EWWW Image Optimizer の設定方法と使い方

 

PNG? JPEG? GIF? って何ですか?

ビジュアル

写真を入れると、ビジュアル画面には画像が入り、テキスト画面には

img 〜png  や、img  〜jpeg  といった文字列が出てきます。

 

imgは画像のこと、pngやjpegは画像の種類のことです。このふたつを押さえておけば十分です。

 

PNG=イラスト

JPEG=写真

 

で、JPEGはPNGの倍の容量が要ります。写真ですから。イラストを保存する時は必ずPNGになってることを確認しましょう。⬅︎私はこれで表示速度がだいぶ早くなりました(^O^)

 

GIFは基本使いません。

 

この程度の認識で初めはオッケーです(^O^)

 

ワードプレス初心者は基本的な操作方法も知っておきましょう。

 - ブログ運営

グーグルアドセンス 記事下

スポンサーリンク

グーグルアドセンス 記事下

スポンサーリンク

Comment

  1. 隊長 より:

    結構サイズ変更とか面倒ですからねw
    自動で変更するプラグインとか入れておくと便利ですけど、自分で修正するのが一番ですね。

Message

メールアドレスが公開されることはありません。

  関連記事

お知らせ。新しいビジネスブログを立ち上げました\(^o^)/

新しくビジネスに関するブログを立ち上げました。まだブログの名前も決まっていない、 …

ブロガーとアフィリエイターの違いって何??を教えてもらう

アフィリエイトのことを知ったのはもう10年くらい前。そんな夢のような稼ぎ方がある …

このブログを始めて9ヶ月で10000PVになりました(^O^)

やっとひとつの区切りを迎えました。   ひとつの目標としていた1000 …

セルフブランディングを冷めた目で見ていた私に衝撃走る((((;゚Д゚))))))

  セルフブランディングって人気ブログならともかく、あまり読まれてない …

【Linux初心者へ贈る】Ubuntuの日本語入力設定方法

WindowsOSが壊れてLinuxOSを使わざるを得なくなった私です。 こちら …

ブログを書く時間がない(´Д` )を解決した私の方法

ブログを書く時間がないと思っている人。それはこの前までの私の事です。 &nbsp …

本気で感動した!!ブログで月に5000円稼ぐまで。

月に5000円ブログで稼げた実感に浸っているひーさんです。   猛烈に …

あなたの失敗談や強烈な体験談をブログで公開してしまおう

あまりブログネタにしたくないことが人の興味を惹く   ブログネタに困っ …

ブログの表示速度が遅くなっているですと!?原因は画像の重さ?『EWWW Image Optimizer』を設定

グーグルさんが表示速度遅いですよ!!と教えてくれた   いつものように …

ネタの宝庫!!自分の過去記事が一番得るものが多いという話

あなたはどうやってネタ集めてますか??   便利アプリネタはやっぱり需 …