Web制作において一番使われると言っても過言ではないimgタグ。でも気を抜くとすぐに見た目が崩れたり、表示が遅くなったりして困りますよね・・・
しかも表示が遅いとそれだけでクライアントに指摘されて印象Down・・・

そんなimgタグを完全攻略します！この本を読めば、
  ✅ サイトの読み込み速度UP
  ✅ サイトのSEO評価UP
  ✅ クライアントからの印象UP
が狙えます！

imgタグを思い通りに操るために必要な、
  ・画像を高速で読み込む
  ・思った通りのサイズで表示する
  ・どんな画面幅でも完璧にレスポンシブ対応
といったテクニックを完全解説！！

imgタグのせいで失った時間を取り戻し、コーディングをスムーズにして案件効率を爆速化！そして他のコーダーと差別化して単価UPも狙いましょう！

また実用編にてimgタグに関連したテクニックについても解説！
フリーランス8年間で培ったテクニックを大公開します！

【LP案件単価UP】imgタグ解体新書【完全攻略】

基本編

imgタグの概要と正しい指定方法

src属性：基本中の基本

alt属性：アクセシビリティとSEO向上

width、height属性：パフォーマンス、UI/UX向上

loading属性：lazy loadingによる読み込み速度改善

decoding属性：画像処理を並列化しページの読み込みを高速に、と言われているが・・・

実用編

imgタグのサイズの決まり方と、おすすめのデフォルトCSS

imgタグとbackground-imageの完璧な使い分け

デバイスに合わせて適切に画像を出し分ける方法

たったの一行でサイトの読み込み速度を実質10倍以上にする

サイズを1/10にする画像圧縮テクニック

html

webp

hideki_climax