EagleLand

2014.10.15

WEB+DB PRESS Vol.83 Webフロントエンド最前線「Webフロントエンドの画像形式と最適化」

「Webフロントエンド最前線」という連載を担当させてもらっているWEB+DB PRESS Vol.83が10月24日に発売されます! 連載の第3回目ということで「Webフロントエンドの画像形式と最適化」という、その名の通りWebにおける画像について執筆しました。

今回は@ahomu氏と共同で執筆しました。各章の担当分担については良いとして、執筆後の体裁をならす作業大変そうだなと心配していましたが、お互いの校正を繰り返しつつ@inaoさんの編集も頂きつつ(毎度ご迷惑をお掛けしておりますorz)で何とか見れる文章に収まったかなと思います。

記事サマリー

一口に画像と言ってもトピックとして色々あると思いますが、今回は パフォーマンスをゴールに見据えた画像の取り扱い を知るべく、JPEGやPNGといった各種画像形式の特徴や利用シーンに加えて、Googleが開発し新たな画像のフォーマットとして注目されるWebP・ベクター画像であるSVG各種画像の最適化やワークフローへの導入手法などなど、8ページに渡り画像について語っています。

たかが画像されど画像

圧縮されたjQueryが32KBだのなんだのと言っても、未減色の画像ならそのサイズの10倍とかを平気で突破するケースも多々ありますし、iPhone 6 Plusのdevice-pixel-ratio=3も各所で報告されましたし、画像ファイルのサイズは尚の事シビアな問題として今後挙げられていくでしょう。このあたりで画像の取り扱いについて再考しておくのもきっと今後のWeb開発に役立つはずです。

原田 騎郎 (著), 吉羽 龍太郎 (著), 山口 陽平 (著), 青木 雅弥 (著), 松下 誠太 (著), 三宅 英明 (著), 高橋 征義 (著), 南川 毅文 (著), 伊藤 直也 (著), 海野 弘成 (著), 高安 洋輝 (著), 佐藤 歩 (著), 泉水 翔吾 (著), 佐藤 太一 (著), 横江 直輔 (著), 舘野 祐一 (著), 橋本 翔 (著), 渡邊 恵太 (著), 中島 聡 (著), はまちや2 (著), 小沢 邦雄 (著), 長沢 智治 (著), WEB+DB PRESS編集部 (編集)

是非お買い求め下さい!