AI時代だからこそ、ホンモノの技術を。 プログラミング&デザインスクール「prepro(プリプロ)」のロゴ

〜現場で通用するフルスタックな解決力を手に入れる、
プログラミング&デザインスクール〜


Warning: foreach() argument must be of type array|object, false given in /home/xs610620/prepro.jp/public_html/wp/wp-content/themes/prepro/single-movie.php on line 12

12.5|JPG? WebP?? 画像形式の完全ガイド

⚠️ preproからのお願い

このチャンネルは「修行の場」です。「コピペは原則禁止」。

自分の指でコードを打ち込み、エラーと向き合い、身体で技術を身につけていく。

一見タイパが悪いように見えて、それがジェネラリストへの一番の近道です!

〜デザインからプログラミングまで一人で開発できるジェネラリストへ〜

ICTの技術をトータルで学ぶYouTubeチャンネル「prepro -プリプロ-」へようこそ!

講師の東郷です。

たくさんある画像ファイル。ちゃんと選んで使えていますか?
今回の0.5回シリーズは、そんなWeb制作現場で使われている画像ファイル「JPG」、「PNG」、「SVG」、「WebP」の違いと使いどころを説明します。

正しいファイル形式を選択しないと、Webページが重くなり、なかなか表示されないという事象になり、SEOの評価も低下する原因になります。

表示速度も意識したWebサイトが構築できるように目指していきましょう!

【この動画で学べること】

  • Emmet(エメット)とSnippets(スニペット)の違い
  • スニペットの登録と使い方
  • \(バックスラッシュ)とエスケープ処理

【preproのカリキュラム方針】

preproでは、特定の言語に特化せず、Webアプリ開発の全体像を学びたい方をターゲットにしています。

本編: 15分でサクサク進むメイン講義

0.5回シリーズ: 習熟度の格差を埋め、しっかり学びたい人のための深掘り講義

この「レベル別階層構造」で、初心者から経験者まで自分のペースで学習を進めることができます。