ブッ君
今回は画像についての説明だよ！Webサイトには画像が使用されていることが多いけど、画像にはいろいろなファイル形式があるんだよ！知ってる？
マー君
jpgとかpngとか・・・あとはgifなんていうのもあったっけ？？
ブッ君
そうだね！じゃあその違いは理解しているかな？
マー君
・・・・・わからない。というか考えたこともなかったよ。
それって重要なの？
ブッ君
大切だよ！！！それぞれの違いを理解して使い分けないといけないんだ！
マー君
そうなんだ。。。いい加減に考えてたよ。教えて、ブッ君！！
ブッ君
分かった！！画像ファイルに関するブックマークをまとめたからしっかりと読んで、使い分けができるようにしていこうね！
画像のファイル形式を理解しよう
どのファイル形式が良い・悪いということではなく、それぞれにメリット/デメリットがあり、場所により適切に使い分ける必要があります。
JPG・GIF・PNGの違いと適切な使用箇所について
それぞれの特徴や違いが分かりやすく説明されており、具体的な使用箇所についても説明されています。
jpgとjpegの違い
GIFアニメーションの作り方
GIF画像の特徴の一つで、画像をコマ送りにしてアニメーション表示させることが出来ます。YouTubeのように画質は良くはないですが、その分容量は小さいです。
GIFアニメーションを作成できる無料ソフトなども色々と紹介されており、簡単に作成できるので是非試してみてください。
ビットマップ画像とベクター画像について
SVGファイルってなあに？
SVGアニメーションの作成方法
SVGでもアニメーションを作成することができます。GIFよりも画像は鮮明に表示され、CSSでアニメーションを行うので、細かな設定が可能です。
SVGを使用したCSSでのアニメーションの設定方法が詳しく説明されています。
ブッ君
画像のファイル形式を変換するツールはこちら！！
コメント