![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/6972A07B-9E1D-4B0A-8E55-2DC18C2FC432-150x150.png)
ブッ君
今回は画像についての説明だよ!Webサイトには画像が使用されていることが多いけど、画像にはいろいろなファイル形式があるんだよ!知ってる?
![マー君](http://webookmark.net/wp-content/uploads/2021/03/D9A8D3D4-C551-430F-85BC-65871A31977C-150x150.png)
マー君
jpgとかpngとか・・・あとはgifなんていうのもあったっけ??
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/10AD4DE2-7F91-4524-98BE-E739C73333BF-150x150.png)
ブッ君
そうだね!じゃあその違いは理解しているかな?
![マー君](http://webookmark.net/wp-content/uploads/2021/03/49B35121-971B-4826-8D9B-CF87C837DAB7-150x150.png)
マー君
・・・・・わからない。というか考えたこともなかったよ。
それって重要なの?
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/1CF71620-6DA8-4843-A104-D8287A2CF8B6-150x150.png)
ブッ君
大切だよ!!!それぞれの違いを理解して使い分けないといけないんだ!
![マー君](http://webookmark.net/wp-content/uploads/2021/03/49B35121-971B-4826-8D9B-CF87C837DAB7-150x150.png)
マー君
そうなんだ。。。いい加減に考えてたよ。教えて、ブッ君!!
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/10AD4DE2-7F91-4524-98BE-E739C73333BF-150x150.png)
ブッ君
分かった!!画像ファイルに関するブックマークをまとめたからしっかりと読んで、使い分けができるようにしていこうね!
画像のファイル形式を理解しよう
どのファイル形式が良い・悪いということではなく、それぞれにメリット/デメリットがあり、場所により適切に使い分ける必要があります。
JPG・GIF・PNGの違いと適切な使用箇所について
それぞれの特徴や違いが分かりやすく説明されており、具体的な使用箇所についても説明されています。
jpgとjpegの違い
GIFアニメーションの作り方
GIF画像の特徴の一つで、画像をコマ送りにしてアニメーション表示させることが出来ます。YouTubeのように画質は良くはないですが、その分容量は小さいです。
GIFアニメーションを作成できる無料ソフトなども色々と紹介されており、簡単に作成できるので是非試してみてください。
ビットマップ画像とベクター画像について
SVGファイルってなあに?
SVGアニメーションの作成方法
SVGでもアニメーションを作成することができます。GIFよりも画像は鮮明に表示され、CSSでアニメーションを行うので、細かな設定が可能です。
SVGを使用したCSSでのアニメーションの設定方法が詳しく説明されています。
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/10AD4DE2-7F91-4524-98BE-E739C73333BF-150x150.png)
ブッ君
画像のファイル形式を変換するツールはこちら!!
コメント