Google Developers で画像最適化を学んだメモ

今日はウェブの画像最適化について学んだ。

参考文献

developers.google.com

メモ

googleが主張するところによると、

• 不要な画像は使うな
• 画像はたしかに多くのことを語るが、不要な画像はユーザーのためにならない
• 画像にする前に出来るだけCSS3を使うのもオススメ

画像化されたテキストは良くない

• テキストを画像化するのは避けよう
• ブランディングの意図とかもあると思うが、特に必要性がなければユーザーのためにならない

ベクター形式を優先せよ

画像はベクター画像とラスター画像に分かれる。

単純な幾何学図形によって構成される画像には、ベクター画像がオススメ

• SVGを使うのが良い
• SVGの最適化ツールはSVGO https://github.com/svg/svgo

ラスター形式の選択肢

そうでないものについてはラスター画像を使う。ラスターには普及してる形式が3つある。

• GIF→アニメーション
• JPEG→写真やスクリーンショットの類
• PNG→ロスのない高精細な画像

ラスター画像の最適化ツールはこれ

• GIF→Gifsicle https://www.lcdf.org/gifsicle/
• JPEG
  • ロスなしならjpegtran http://jpegclub.org/jpegtran/
  • ロスありならImageMagick http://www.imagemagick.org/script/index.php [*1]
• PNG
  • ロスなしならoptipng http://optipng.sourceforge.net
  • ロスありならpngquant https://pngquant.org

自動化を徹底せよ

あとは、とにかく自動化をおしすすめることで、ウェブにアップロードする画像はすべて最適化されているようにしろ、とのこと。

*1:ImageMagick は筆者が付け加えた情報で、Google Developers には記載されていない。

iPhone のマイミュージックから KUMAMIKO DANCING を削除してしまった

リリースをずっと楽しみにしていたのに、買って早々、操作をミスって削除してしまった。

KUMAMIKO DANCING (feat. 熊出村のみなさん)

• 雨宿まち(CV:日岡なつみ)&ナツ(CV:安元洋貴) feat.熊出村のみなさん
• アニメ
• ¥255
• 

• provided courtesy of iTunes

iPhoneのミュージックアプリには2通りある。

• マイミュージックから削除
• ダウンロードを削除

これの前者を選ぶと大変なことになってしまうのである。

解決方法

下記の方法で解決できます。

https://discussionsjapan.apple.com/message/100934074#100934074

これは思いつかなかったのでありがたい情報でした。

【告知】5月22日SUNDAY、代々木公園で、くまみこ PAINTING を、やろうよ

天気のいい野外で絵を描いたら楽しいのではないでしょうか。

そこで5月22日SUNDAY 13時から17時まで、代々木公園にて「くまみこ PAINTING」を行います。

キャンバスや紙を貼ったパネルなどに「くまみこ」の絵を描きます。

一緒に描きたい方は自分に必要な紙や絵の具や資料等を持ってきてください。

注意：ライブペインティングではなくお絵描きオフです。

注意：代々木公園は「JR 原宿駅」の近くです。「JR 代々木駅」ではありません。

楽しいことを、やろうよ：開催の動機

先日お誘いを受けて「第一回　まんぼ祭り」に参加し、代々木公園で弾き語りをしたのですが、とても楽しかったからです。

https://www.facebook.com/events/490890387702308/

連絡先

[twitter:@yaoki_dokidoki]

その他

く〜まみ〜こ Dancing, Dancing

お〜どら〜にゃ 損さ 村民〜

“KUMAMIKO DANCING” は5月25日発売です。 kmmk.tv