(HTML,CSS,JavaScript)誤っていません?画像形式の正しい選択方法ページ上に画像を貼り付ける際、画像形式の選択を誤っていませんか?選択を誤ると、ファイルサイズが大きくなったり、画像が粗くなったり、デメリットだらけです。適切な選択方法をご紹介。文宏ホームページ作成ガイド画像形式を正しく選択できていますか?次の2つの画像をご覧下さい。同じ内容の絵ですが、何かが異なります。何が異なるかお分かりでしょうか。AB明らかに下側(B)の方がボケていて粗いですね。※かなり極端な例なのですが。Bの方は、画像形式の選択がおかしいのです。先ほどの2枚の画像の詳細は次の通りです。3.8KB両者の違いは画像形式です。上側(A)はGIF形式、下側(B)はJPEG形式です。この画像に関しては、JPEG形式よりもGIF形式の方が正しい選択だと言うことです。後で説明しますが、JPEG形式は圧縮率を選択することができます。近くなるよう圧縮率を高く設定しています。そのために、粗さが目立つわけです。GIF形式と同じように見えるように圧縮率を下げてみるとどうなるでしょうか。10.7KB今度は、JPEG形式の方でも粗さは目立ちませんが、その代わりにファイルサイズがずいぶんと大きくなってしまっています。この画像に関しては、JPEG形式よりもGIF形式の方が正しい選択だと言うことです。それでは、次の例を見てみて下さい。どちらも同じように見えますか?※なんとなく道路の傾きなどが両者で異なるように見えるかも知れませんが、それは目の錯覚です。どちらも(画像形式が異なるだけの)全く同じ写真です。About公式SNS日々の生活や仕事を楽しむための情報を毎日お届けします。