こちらの記事では、ペイントで出来ることを主に記事にしたものをまとめています。
知っているようで知らないペイント機能をフル活用してみてくださいね。

ペイント関連記事

ペイントで出来る事の記事はこちらからご覧いただけます。
有料の画像ソフトを使わなくても、ペイントで基本的事は十分にこなせます。

ペイントの基本的操作をマスターしたい方のための記事となります。

Windows Paintで出来ることは？

Windows Paintでまっすぐな線や画像を描く方法を解説

Windows Paintで画像の大きさを変える方法を解説

Windows Paintで複数の画像を1枚の画像にする方法を解説

Windows Paintで画像の反転と吹き出し方法の詳細を解説

Widows Paint で余分な画像の消し方と切り取り方法を解説

Windows Paint でモザイクのかけ方を解説

Windows Paint パレットに無い色はどうやって見つける？

画像関連記事

ブログに使う画像サイズは一体どのくらいが良いの？　画像フォーマットはどうしたら良いの？と言った
あなたの疑問にお答えしています。

もう迷わない、画像サイズとフォーマットの記事はこちらからご覧いただけます。

ブログ画像のサイズ【初心者・シニア向】詳細解説

ブログの画像フォーマットって？【初心者・シニア向】詳細を解説

「ペイント」で線が真っすぐに描けない！

図形がうまく描けない・・・・

そんなあなたのお悩みを解決します。

♥こちらの記事内容は、

Windows Paint（ペイント）でできること

Paint（ペイント）で出来ることは沢山あります。今回は、まっすぐな線を描く・画像を描く方法を解説していきますので、是非最後までお付き合いください。ペイントではイラストを描く事も可能ですが、私は絵心がないので、その部分は省略します。

「ペイント」で直線をまっすぐに描く方法

ペイントで線を引こうとすると、デコボコになる確率がとても多いですよね？

これってどうにかならないの？と思ったことありませんか？

「Shift」キーを押しながら直線を描くと、下の画像のようにまっすぐな直線が描けます。

この直線を角度を付けて描く事もできますので、何かのデザインに使えるかもしれませんね。

ペイントで図形を描く

「ペイント」の図形を選ぶと、下の画像のような図形が簡単に描く事が出来ます。
この図形を重ねたり、中に文字を入れたりして、新しいデザインを楽しんでみてください。

横に描いた線（図柄）を縦向きにする方法

簡単なサンプルを作ってみました。下の画像は、～～（波線）を利用して枠組みを描いたものです。
キーボードで打ち込んだものを下の要領で縦に変更してみました。

アイディアが少しでもお伝え出来たら幸いです。

まとめ

Windows Paint（ペイント）を使って、基本的な線を引いたり、図形を描く事から段々と慣れてみてはいかがでしょうか？

まっすぐに直線が引けるコツ、つかめていただけましたか？
難しく考えず、初めて見て下さいね。慣れてくるとイラストも描けるようになります。

まっすぐに線を引くコツがつかめない！　星が書けない！そんな時は、一人で悩まず、
お問いあわせからどんどん質問してください！あなたの分からないを一緒に解決させてくださいね。

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

Windows Paint（ペイント）でできること

Paint（ペイント）で出来ることは沢山あります。今回は、余分な画像を消す方法と、画像を切り取る方法の2つをご紹介していきますので、是非最後までお付き合いください。ペイントではイラストを描く事も可能ですが、私は絵心がないので、その部分は省略します。

余分な画像を消す方法

こちらの画像からクルーザーを消していきたいと思います。

①：「ペイント」を開き「画像」を選択します。

②：「選択」「図形の選択」「四角形の選択」を選ぎます。

③：カーソルを選んだ場所へ持って行き、ドラックすると下の図にある四角（点線）が出来ます。

④：この四角（点線）の中で、右クリックし、コピーを選択します。

⑤：貼り付けをクリック　画像は、貼りたい場所から少し離れていますね。　コピーした画像を
ボートの上まで移動させます。キーボートの←↑↓→で移動もできます。

⑥：「名前を付けて保存」して終了です。

画像の切り取り方法（円に切り抜く方法）

①：「ペイント」を開き、「画像」を選択します。今回は、クルーザーを円で囲んで切り抜きたいと思います。

②：ペイントで画像の領域を広くします。

③:「図形」の「楕円形」をクリックし、切り抜きたい大きさの円を作成します。

④：円を塗りつぶします。（色はなんでもOK）「ツール」の「バケツ」を色を塗りたい部分にクリックします。

この青く塗りつぶした領域が次の透明化処理により、切り抜き効果が得られます。

⑤：透明化処理をします。④で色付けした円の周囲を四角で囲みます。「透明の選択」（Transparent selection)には、必ずチェックを忘れずに入れて下さい。

⑥：円の上にカーソルを当て、ドラックしながら、対象の画像まで移動します。

⑦：画像な余分な部分を□部分をドラッグしながら、好みのサイズまでカットします。　上の画像をご覧になると
小さな□が見えると思います。カーソルを当てると、この□が見えますので、動かしてみてください。
名前を付けて保存で終了となります。

追記：四角で囲む事も同じ要領で作成できますので、画像によって、円にしたり、四角にしたりして楽しんでみてくださいね。

以上でこちらの記事は終了となります。

最後までお付き合いいただきまして、ありがごうございました。

「切り取り方法がうまくいかない」「〇くできない」など、どんな事でもお知らせください。
お問いあわせよりメールをいただけたら、幸いです。

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

「ペイント」にあるパレットの色って限られていて、ちょっと物足りない

だけど、使いたい色をどうやって「ペイント」で使える様になるの？

やっぱり画像編集ソフトを入れないとだめなの？

そんなあなたの疑問にお答えします。

♥こちらの記事内容は、ブログ画像フォーマット

Windows Paint（ペイント）でできること

Paint（ペイント）で出来ることは沢山あります。今回は、パレットに無い色の見つけ方を解説していきますので、是非最後までお付き合いください。ペイントではイラストを描く事も可能ですが、私は絵心がないので、その部分は省略します。

ペイントの基本色は20色

「ペイント」を開くと、ヘッダー部分に出てくるパレット、これが「ペイント」の基本色である、20色となります。これだけでは、ちょっと物足りない・・・・ですよね＾＾

でも、大丈夫ですよ。「ペイント」には、まだ他の色を使える機能がついていますので、後程解説していきます。

「色1」「色2」ってなに？

「ペイント」の色パレットを選択する部分に、「色１」と「色２」があります。
これって一体なに？と思った事、あると思います。

意外と知られていない、「色1」と「色2」について解説していきますね。

「色1」は、線、図形の輪郭やツールを使って図形全体を塗りつぶす色を選択する時に使用します。
そうです、「色１」で全て完成します。

では、何故「色2」があるのでしょう？

「色2」は、「色1」と「色2」で選択した色を同時に使う時に活用します。

例えば、「色1」で赤を選択、「色2」で緑を選択すると、左クリックで「赤」右クリックで「緑」が使えるようになります。下の画像をご覧下さい。

もう一つユニークな使い方ができるのが、「消しゴム」です。「色1」と「色2」の設定は、同じ、赤と緑です。この場合、「消しゴム」がペンの役目を果たし、下の画像のように、四角い点や、線を引く事もできます。

「色の編集」グラデーションから選ぶ方法

それでは、次に「色の編集」グラデーションから選ぶ方法を解説していきます。

色の編集をクリックすると、基本色として48色のパレットが表示されます。

使い方その①：このパレットの中から色を選んで「OK」ボタンを押すと、ヘッダー部分に色が追加され、
画像編　集時に使う事が出来ます。

使い方その②：この48色では、微妙に違うなぁ～と思う場合は、パレットの中のを上下左右に移動させ、
好きな色を見つけます。そして右端にある を上下させ明暗を決めて行きます。
色が決まったら、「色の追加」をクリックし、「OK」ボタンをクリックすると、ヘッダー部分の
基本色に追加されているので、画像編集時に使用します。

要注意：「ペイント」は一度閉じると、初期化されます。せっかく見つけたあなたの 色が消えてしまいます。

ですから、「赤（R）」「緑（G）」「青（Ｂ）」の数値と、「色合い」「鮮やかさ」「明るさ」の数値をメモしておくことをおすすめします。そうすれば、もう一度最初から色を探す事なく、同じ色を使う事が出来ます。

色見本から色を選ぶ方法

ウェブカラー見本で見つけた色を使いたい！そんな時の方法を解説していきます。

今回、WEB色見本 原色大辞典  　の見本色を使わせて頂きました。

「ライトピンク」の色の上でクリックすると、下の画像のように色の詳細を知る事が出来ます。

この数値を「ペイントの色編集」ボックスに記入する事で、同じ色を簡単に見つける事が出来ます。

「ライトピンク」の数値は、「赤：255」「緑：182」「青：193」ですので、これらの数値を記入します。

このようにして、あなたの使いたい色を見つけていく事が出来ます。

「ペイント」スポイント機能で色を抽出する方法

「ペイント」のスポイント機能を使って、画像から色を抽出する事が可能です。
マウスの左クリックで「色１」にマウスの右クリックで「色２」を抽出する事が出来ます。

下の画像をご覧下さい。
レストランの看板の黄色い部分で左クリック「色1」黄色
レストランの壁の部分で右クリック「色2」ベージュになっています。

まとめ

「ペイント」にある基本色では確かに物足りないですよね。

ウェブカラー見本から使いたい色を見つけたり、お気に入りのサイトから色を見つけて、あなたのサイトに使う事も出来ます。「ペイント」は、思った以上に使い勝手も良いので、初心者の方におすすめします。

お気に入りの「色」であなたも素敵なサイトを作成してくださいね。

最後までお付き合いいただき、ありがとうございました。お役に立てれば光栄です。

「お好きな色」見つけるが出来ない・・・そんな時は、ご一報ください。
お問いあわせよりメールをお願いしますね＾＾

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

Paint（ペイント）で出来ることは沢山あります。今回は、画像にモザイクをかける方法をご紹介していきますので、是非最後までお付き合いください。ペイントではイラストを描く事も可能ですが、私は絵心がないので、その部分は省略します。

お友達や会社の同僚の写真、お孫さんやお孫さんのお友達の写真（特に注意が必要です）をウェブに掲載する場合、プライバシーを考慮し、モザイクを掛ける必要がある場合があります。

そこでこの記事では、初心者でも簡単に画像にモザイクを掛ける方法を解説していきます。

画像にモザイクをかける方法

①：「ペイント」で画像を開きます。中央の男性にモザイクをかけて行きます

②：「選択」「四角形選択」をクリックし、男性の顔の周辺を囲みます。

③：右下コーナーにマウスを当てたまま、マウスを左上コーナーに向け移動させます。
すると画面はこうなります。（男性の顔の部分が小さくなりました）

④：左コーナー上に画像は、小さくなっています。
この画像の右下コーナーマウスを押したまま元の位置まで引き　延ばします。

④：男性の顔にモザイクがかかりました。

追記：場合によっては、モザイクでは完璧に隠れないので困る！そういった場合は、画像（顔）を切り取り、星印や円に色を付けたものを貼ってしまう手もありますね。プライバシーを守りながら、工夫してみてください。

こちらの記事はこれで終了となります。

モザイクのかけ方を覚えると、便利な事沢山ありますよね。この記事を読んで実践したけど、うまくいかなかった！と言う場合、是非その旨ご一報ください。必ずあなたのお役に立てる様に解決策を見つけ出します＾＾

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

Windows Paint（ペイント）でできること

Paint（ペイント）で出来ることは沢山あります。今回は、基本的編集を解説していきますので、是非最後までお付き合いください。ペイントではイラストを描く事も可能ですが、私は絵心がないので、その部分は省略します。

画像を反転させる方法

①ペイントで編集したい画像を出します。 回転（Rotate）をクリック

②：右へ90度回転（R)　（Rotate right 90°）をクリックすると画像は、こうなります。

③：元の画像を左へ90度回転（L）（Rotate Left 90°）をクリックすると画像は、こうなります。

④：元の画像を180度回転　（Flip Vertical）させると、画像はこうなります。

⑤：元の画像を反転させると（Flip Holizontal）、画像はこうなります。 元の画像を並べてみました。

いかがでしょうか？簡単に画像を回転させることができましたね。

画像に吹き出しを付ける方法

こちらの画像に吹き出しを付けていきます。

①：ペイントでこの画像を呼び出し、左右に余白を付けます。

②：図形（Shape）から吹き出しに使える図形を選んで挿入

③：黒い吹き出しバブルと赤い吹き出しバブルをいれてみましょう。

黒の吹き出しバブルの手順を説明します。

手順　その１：黒の四角で囲ったバブルをクリック
マウスを任意の場所まで移動させます。
手順　その2：開始点が決まったら、その場所でクリックしたまま、マウスをドラッグします。
手順　その３：適当な大きさのところでマウスから手を放します。これで吹き出しはできました。

赤の吹き出しバブルの手順を説明します。

手順　その1：色１で赤を選びます
手順　その2：③の画像で赤い四角で囲ったバブルをクリック
マウスを任意の場所まで移動させます。
手順　その3：開始点が決まったら、その場所でクリックしたまま、マウスをドラッグします。
手順　その4：適当な大きさのところでマウスから手を放します。（これで吹き出しバブルの形が出来ました）
手順　その5：吹き出し口を女性側に向けるために回転させる
（③の画像を見ると吹き出し口が反対側に向いていますので、この画像を　左へ90度回転（L）
（Rotate Left）させます。）これで下の画像のように吹き出し口も位置が変わりました。

④：吹き出しバブルは完成しました。

吹き出しに文字を入れましょう

せっかく吹き出しバブルができても、文字が入っていないと、ちょっと寂しいですよね？

文字を入れるのは、とっても簡単ですので、いっきに進めて行きましょう。

①：テキストツールのAをクリックします。
②：テキストを挿入したい場所でクリックします。
③：点線で囲まれた□が現れますので、任意に大きさを変更します。
④：□に囲まれた中に、文字を入力していきます。

⑤：フォントの変更方法は、テキストの下にフォントの種類、大きさを▼で選んでください。
フォントの色は、カラー1の部分で変更できます。

補足：ペイントで文字を入力する時、縦書きにしたい時ってありますよね！？そんな時は、@付きのフォントを選
んでください。自動的に縦書きになります。（画像はほんの一部を抜粋しています）

以上で、こちらの記事は終了となります。

どうでしたか？反転させたり、吹き出しをいれたりできましたか？
吹き出しがうまくできない！こういう方法もあるよ！などのご意見も随時募集しています。
どうぞお問いあわせからあなたのご意見をお聞かせ下さい。

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

Windows Paint（ペイント）でできること

Paint（ペイント）で出来ることは沢山あります。今回は、画像の大きさを変える方法を解説していきますので、是非最後までお付き合いください。ペイントではイラストを描く事も可能ですが、私は絵心がないので、その部分は省略します。

画像の大きさを変える

①：ペイントで画像をあける（上記に説明していますので、ここでは省略します）

②：Resize(サイズ変更）をクリック

③：任意のサイズを入れる（今回は、水平方向（H）を640pxとしました）垂直方向（V)は、自動
設定になっているので、何も記入しません。「OK」ボタンをクリック

これで大きさの修正は終了です。簡単ですよね＾＾

こちらの画像が大きさを修正したものとなります。
↓　↓　↓　↓　↓

ペイントで画像の大きさを変える方法を解説しましたが、実際にやってみて、困った事や、分からなかった事など、どんな些細な事でも大丈夫ですので、是非お問いあわせよりお便り下さいね！

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

Windows Paint（ペイント）でできること

Paint（ペイント）で出来ることは沢山あります。今回は、複数の画像を一つの画像にする方法を解説していきますので、是非最後までお付き合いください。ペイントではイラストを描く事も可能ですが、私は絵心がないので、その部分は省略します。

複数の画像を一枚の画像にする方法2枚

2枚の画像を横に並べる方法

①下記の手順で一枚目の画像を「cherry]を「ペイント」で開けます。

②：1枚目の画像の右側にある□を右に動かして余白を作ります。

③：余白部分に2枚目の画像を貼ります。
画面左上、「貼り付け」「ファイルから貼り付け」をクリックし、画像を選択

④：2枚目の画像の上にマウスを当て、横に移動させます。キーボートの←↑↓→で移動もできます。

余分な余白が出てしまったら、カーソルを□に当て、左方向へ移動（ドラッグ）します。

⑤：完成した画像がこちらになります。名前を付けて保存します。

別の方法で複数画像を1枚にする方法（横並び）

①：新規でペイントを開きます。
②：「サイズ変更」→「ピクセル」→「水平方向」を600と記入→「OK」ボタンをクリック
③：水平方向（H)600pxに収まるように2枚の画像を入れていきます。
一枚の画像は、水平方向（H)300pxに画像変更します。それぞれ「名前を付けて保存」します。

④：画面左上、「貼り付け」「ファイルから貼り付け」をクリックし、画像を選択

⑤：2枚目の画像も同様に、「貼り付け」「ファイルから貼り付け」をクリックし、画像を選択

⑥：完成した画像がこちらになります。　名前を付けて保存します。

以上が2枚の画像を1つにまとめる方法でした。

この方法で2枚以上の画像を一つにまとめる事が可能となりますので、あなたのサイトに
合わせたデザインで行って見て下さい。

こちらは、4枚の画像を一つにまとめたものです。（手順は全て同じです）
↓　↓　↓　↓　↓

2枚の画像を縦に並べる方法

①下記の手順で一枚目の画像を「cherry]を「ペイント」で開けます。

②：1枚目の画像の下にある□を下に動かして余白を作ります。

③：余白に2枚目の画像を貼り付けます。　画面左上、「貼り付け」「ファイルから貼り付け」をクリックし、
画像を選択します。　マウスを画像の上に当て、縦方向（下）に移動させます。

余白が出てしまったら、カーソルを□に合わせ、縦方向（上）に移動（ドラッグ）させます

③：完成した画像がこちらになります。名前を付けて保存します。

別の方法で複数画像を1枚にする方法（縦並び）

①：新規でペイントを開きます。
②：「サイズ変更」→「ピクセル」→「垂直方向」を300と記入→「OK」　ボタンをクリック

③：1枚目の画像を画面左上、「貼り付け」「ファイルから貼り付け」をクリックし、画像を選択

④：2枚目の画像も同様に貼り付け」「ファイルから貼り付け」をクリックし、画像を選択

⑤：2枚の画像を縦方向に並べた完成画像がこちらとなります。名前を付けて保存します。

以上が複数の画像を一枚にする方法の解説でした。

横並び、縦並びともに、あなたのお好きな手順でお試ください。

こちらのブログ記事を読まれて、実践したけど、「難しい！」「できなかった！」など
問題がありましたら、是非ご一報ください。せっかくこのブログを読んで頂いたあなたのお役にたちたいと思っていますので、お問いあわせよりお便りいただけたら、嬉しいです。

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

画像を綺麗に加工したい、

文字いれしたり、サイズを変えたり・・・・

それから、切り取って、他の画像と合成したい・・・

これって画像ソフトを買わないと出来ないの？

でも・・・パソコン初心者には宝の持ち腐れになりそうで、

そんなあなたの不安を解消します。

♥こちらの記事内容は、

画像ソフトを買う必要はあるの？

画像ソフトを購入する必要はありませんよ！これ本音です。

私も画像が大好きで、サイトに何枚か使っています。でも、私は画像ソフトは購入していません。

例えば、ウェブデザイナーの方であれば、お仕事上高度な技術が必要だと推測されます。ですが、私は、アフィリエイターなので、画像編集の専門的知識は、必要としていません。

基本的知識と技術を学べば、それで大丈夫では？どうしてもできない事は、プロにお任せ！これが私流です。

それに無料で使える画像編集ソフトがかなり優秀だから、それで十分間に合っています。

無料の画像編集ソフトでおすすめは？

GIMP

GIMPはプロが使用しているAdobe Photo  Shop と同様の機能を備えていて、無料！これを使わない手はないですよね。私も使っていますが、未だに使う機能は限られたものになってしまっています。機能が充実しているのは、とても嬉しいのですが、慣れるまでの間、練習が必要になります。

ですから、アフィリエイトを始めた頃、記事作成を優先するかGIMPの習得を優先するか？
当然始めた頃は、アフィリエイトの記事作成を最優先としていました＾＾

私の経験を言うと、使い勝手は良いです。但し、慣れるまでは苦労した事もあります。

GIMPを使うメリットの一つに日本語ユーザーの方も大勢いるので、使い方が解らない時や、忘れてしまった時は、検索すれば必ず解答を得る事が出来ると言う事です。

ですが、同じ画像編集であっても、ある人は、とても簡単な手順だったり、またある人は、どうしてこうも複雑な手順を追ってるの？と不思議に思ってしまう時があります。

また使い方の本も出版されているので、本格的に学ぼうと思われる方は、本の購入もありかと思います。

GIMP2．10独習ナビ改訂版 Windows＆macOS　対応 （できるクリエイター） [ ドルバッキーヨウコ ]

本を読んだだけでは、身に付きませんが、この本は、練習問題を実際に試す事ができるのがおすすめです。

GIMP（ギンプ）ダウンロード先サイトは、英語となっていますが、日本語を選ぶ事ができます。

万が一英語版のままで、日本語に変えたい場合は、下記をご参照になり、日本語へ変えてください。

GIMP（ギンプ）を日本語化する方法

お使いのパソコンによっては、GIMPをダウンロードした時、日本語にならない場合もあります。私の場合は、英語になっています。今回このブログ記事を書くに際し、日本語に変更してみました。
その手順を簡単に書いておきますね。

①：GIMP(ギンプ）を開く　「編集」→「設定」をクリック

②：「ユーザーインターフェース」「日本語」を選び「OK」をクリック

③：GIMPの再起動

一度GIMPを閉じ、再度GIMPを起動させると日本語に変わっています。
英語から日本語に変えるのにかかった時間は、ほんの数分程度でしたので、是非お試し下さい。

Windows Paint（ペイント）ってなに？

Windows Paint（ペイント）は、Windowsに標準装備されている画像編集ソフトです。

この画像編集ソフトは、初心者の方の画像編集であれば、十分だと思います。
ペイントで出来る画像編集って結構優秀で、使い勝手も良いので初心者向けです。

Paint(ペイント）はどこにあるの？

こちらの項目は、ペイントって聞いた事はあるけど、パソコンの知らない方への記事です。
既にお使いの方は、スキップしてくださいね。

ペイントを起動させる方法は2つあります。

1：Windows Search ボックスから探す

①：パソコン画面左下にある、検索ボックスに「Paint」と入力
②：「Paint App」(デスクトップアプリ）下の「Open」（開ける）をクリック
③：下の画像（右側）のようにペイントアプリが開きます。

Tips：「ペイント」をタスクバーに表示させると次回から時短になって便利ですよ。

①：上記の要領でペイントを検索
②：「Paint」を右クリック
③：「タスクバーにピン留めする」をクリック

画像ファイルから「ペイント」を開ける方法

Windows Mark を右クリックし「File Explorer」をクリック

①：「Pictures」クリック→ ②「File 」の「 Flower」 クリック→③「Cherry」右クリック
④：「プログラから開く」「Open with」の上にカーソルを当てる
⑤：「Paint」をクリック

「GIMP 」のダウンロードが分からない！「PAINT」の場所がわからない！など分からない事は、すぐにお問いあわせからお訊ね下さい！あなたのわからないを一緒に解決するお手伝いをさせていただけたら、最高です！

Windows Paint（ペイント)シリーズの記事です。よろしければ、こちらもご覧ください。

画像のフォーマットって何を使えば良いの？

JPG、GIF、PNG

それから次世代フォーマットって？？？？？

そんなあなたのお悩みにお答えします。

♥こちらの記事内容は、ブログ画像フォーマット

JPG・GIF・PNG・BMPそれぞれの特長について

画像をデータ化したものが、画像拡張子と呼ばれるフォーマットで、一般的に良く知られている、上記4つを解説していきたいと思います。

簡単に説明しますので、どのフォーマットがあなたのサイトに向いているか？

プロのウェブデザイナーの方々は、その用途によって使い分けでいるようです。

JPG・JPEG (ジェイペグ）

デジタルカメラの大半がこのフォーマットを採用しています。

GIF（ジフ）

PNG（ピング）

ＢＭＰ(ビットマップ）

BMPは、ファイルが大きいため、メールに添付して送る事は避けた方が良いでしょう。

新世代フォーマットとは？

つい先日、「Google PageSpeed Insights」でこれとは別に運営しているサイトのスピードを計測しました。

「改善できる項目」に「次世代フォーマットでの画像の配信」と表示され、気になったので、「次世代フォーマットでの画像」とは一体なんなのか？調べてみました。

Google PageSpeed Insightsでは、この「次世代フォーマット画像」は、ページの表示速度を改善すると推奨しています。

確かに、Webサイトがサクサクと快適に表示されれば、離脱率も下がるだろうし、Google が推奨しているのだったら、変えた方が良さそうだけど、実際のところはどうなの？と半信半疑でした。

ここからは、具体的に「次世代フォーマット画像」がどういうものか？まとめていきますね。

WebP（ウェッピ―）

Google が開発している静止画フォーマット

JPEG2000

JPEGXR

マイクロソフトが開発した画像フォーマット

まとめ

いろいろと調べて、確かに「次世代フォーマット」って画像の圧縮率も上がるし、魅力的だとは思いました。

残念な事に、どのフォーマットもまだ全てのブラウザーへの対応が出来ていないのが現実です。

このような状態では、いくらサイトのスピードアップにつながっても、画像が見れなくなるリスクを考慮し、
使う時期ではない！と言うのが私の結論です。

確かに最近、画像が見れないサイトがポチポチ増えて来ています。最初は、リンク切れかな？と思っていましたが、きっと画像を次世代フォーマットに変えた結果なのでしょう。

サイトのスピードも大切です。ですが、画像は、大切な情報源です。

今現在、私は次世代フォーマットを使っていません。全てのブラウザーで使えるようになるまでは、今のままでと思っています。

次世代フォーマット、画像フォーマットってちょっと専門用語が多いので、大丈夫でしたか？
何か、これって何？よくわからない・・・の疑問があったら、迷わずお問いあわせ！からお便り下さい。

この記事が少しでもお役に立てれば光栄です。