はじめまして。 株式会社ヒトメディアでフロントエンドをしつつ、時々デザイン周りの監修をしている いとー です。 ヒトメディアでは毎月、有志が集まり勉強会を開いています。 今日はそこで発表した、画像形式とその内容における圧縮のしやすさについての資料を公開したいと思います。 この記事の内容 バナーやLP用の画像作成したものの、規定容量超えちゃった! どうしよう... 😅 ってよくあるよね ファイルの形式によって、圧縮されやすい画像とされにくい画像があります 圧縮されやすい構造を理解することで、質の高い軽い画像を作ろう✨ この記事を読んでほしい人 容量とにらめっこすることの多いデザイナー 少しでも軽いサイトを作りたいフロントエンドエンジニア はじめに 一般的に「画像を軽くする」というと、書き出し時のクオリティ選択や、 書き出し後にメタデータを撤去するなど、ツールで処理する印象があると思います。
![データ特性による圧縮されやすいJPEG/PNGファイルの作り方 - hitomedia Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/9839bc21038aa6c876bc88b5ff24d71978995137/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fc%2Fcucumisin%2F20180608%2F20180608184541.png)