スマートフォン時代のWebサイト制作 第4回 画像の扱いと最適化 | デベロッパーセンター
スマートフォン向けサイトでは、デスクトップに及ばないスペックや接続回線を考慮し、いかに「軽い、表示が速い」サイトを作るかが重要です。一方で、様々な画面解像度の端末があり、高解像度の画面を搭載した端末向けには、そのサイズに対応した大きな画像が必要となる場合もあります。画像の扱いひとつをとっても、「パフォーマンス」と「見栄え」の双方を考慮しなければいけない難しさがあります。そこで今回は、前回のサンプルサイトを元に、画像関係の扱いや最適化などを解説します。 スマートフォンブラウザーはPNGに対応しています。デスクトップブラウザーでPNGを使う場合、Internet Explorer 6などの古いブラウザーに気をつける必要がありますが、スマートフォンブラウザーの場合は気にする必要がありません。 PNGは圧縮率が高く、容量を抑えることができます。また、アルファチャンネル（透過機能）を持つので、半透明
Adobeアカデミックストア
Get 20+ Creative Cloud apps and Adobe Firefly creative AI. Get Photoshop, Acrobat Pro, {{premiere}}, and more apps plus Adobe Firefly standard and premium creative AI features for images, video, and audio – all in Creative Cloud Pro. Includes: https://main--cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/acrobat-pro-40.svg Acrobat https://main--cc--adobecom.aem.page/cc-shared/assets/i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Brackets - Web デザインを認識する最新のオープンソースコードエディター
http://cuaoar.jp/2011/08/-html5-adobe-edge.html
