Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Web Design] Creating Retina Images for Your Website – サイト内の画像をRetina対応させる方法

  • Pocket
  • このエントリーをはてなブックマークに追加

サイト内の画像ファイルをRetina対応させる方法についての記事。まずはアイコンの高解像度版を用意して、さらにサイト内のイメージの対応の仕方についても解説されてます。高解像度版の画像には“@2x”を付けるというのはサイト制作でも通例となりそうですね。画像の振り分けについてはMediaQueriesで対応してるようです。ちなみにウチのブログではiPadからのアクセスが全体の4%弱あります。これって結構多いよなー。まぁ4%の中の何%がiPad 3rdなのかは調べてませんが、Retina対応できるもんならしたいところ。

One thought on “[Web Design] Creating Retina Images for Your Website – サイト内の画像をRetina対応させる方法”

  1. Andreas says:

    Hello there! Do you know if they make any plugins
    to help with Search Engine Optimization?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing
    very good results. If you know of any please share. Thanks!

コメントを残す

メールアドレスが公開されることはありません。