HTML/CSS基礎⑧
Web上の画像について
- GIF…256色・透過OK・パラパラ漫画ができる
- JPEG…1677色・圧縮率を指定できる（画像が劣化する）
- PNG-8…256色（色数はGIFと同じ）
- PNG-24…1677色・劣化しない（その分Dataが重い）
| PNG-24 | PNG-8 | GIF | Jpeg 高画質 | Jpeg 中画質 | Jpeg 低画質 | |
| イラスト | ◎ | ◎ | ◎ | 〇 | △ | × |
| グラデーション | ◎ | △ | △ | 〇 | △ | × |
| 写真 | ◎ | △ | △ | 〇 | △ | × |
◎：とても良い、○：良い、△：多少の劣化あり、×：大きい劣化あり
- WebP…JPEGやPNGと比べて圧縮率が高く、画質を保ったままファイルサイズを小さくできる
実践 chapterで の制作
「chapter-04」を作成。
感想
3つぐらいサイトを作ると覚える という事を聞いたが、この短期間に覚えることが多く、若干自信がないが、それを目標にしていきたいと話を聞いていておもった。