ファイルの拡張子

ファイル名の末尾には、ファイルの種類を表す拡張子が存在します。Win/Mac共にデフォルトでは非表示となっていますが、Webページを制作する時には大切な情報なので、表示しておきましょう。

Windowsで拡張子を表示する

エクスプローラを開き、[表示]タブを選択し、[ファイル拡張子]のチェックボックスをONにする。

Finderを開き、[Finder]メニューの[環境設定]を選択し、[詳細]タブを選択し、[すべてのファイルの名拡張子を表示]のチェックボックスをONにする

Webページを制作する上でよく使用される拡張子と、よく見かけるが、Webページを構成するファイルとならない拡張子を紹介しておきます。

拡張子	ファイルの種類	特徴
.html	HTMLファイル	Webページの構造を記述したテキストベースのファイル
.css	CSSファイル	Webページの装飾やレイアウトなどを記述したテキストベースのファイル
.gif	GIFファイル	256色までの画像ファイル、背景を透明にできる、パラパラアニメーションも可能
.jpg	JPEGファイル	フルカラーの画像ファイル、写真やグラデーションに利用
.png	PNGファイル	PNG-8：256色までのイラストやボタンなど、背景透過 PNG-24：フルカラーで背景透過できるが、ファイルサイズ大きめ
.mp3	MP3ファイル	Web用にファイルサイズを抑えた音楽ファイル
.mov	MOVファイル	Web用にファイルサイズを抑えた動画ファイル
.pdf	PDFファイル	印刷された文書をそのままWeb上で表示できるファイル
.js	JavaScriptファイル	JavaScriptプログラムファイル
.php	PHPファイル	PHPプログラムファイル

Webページ制作をする上で、よく使用されるファイルの拡張子

拡張子	ファイルの種類	特徴
.txt	テキストファイル	ブラウザに表示できるが、文字サイズや文字色などの装飾はできない、プレーンテキスト
.docx	Wordファイル	Word文書ファイル
.xlsx	Excelファイル	Excelブックファイル
.pptx	PowerPointファイル	PowerPointスライドファイル
.psd	Photoshopファイル	Photoshopファイル、レイヤー情報保持、文字や図形の編集などが可能
.ai	Illustratorファイル	Illsutratorファイル、レイヤー情報保持、文字や図形の編集などが可能

よく見かけるが、Webページを構成するファイルとはならないファイルの拡張子