ホームページ用写真を準備するコツで、写真データは「JPEG」もしくは「PNG」形式で保存してください!とお伝えしました。
このようにインターネット上でやり取りされるすべてのデータファイル名の末尾には、「.jpg」や「.png」といった拡張子が付けられています。
今回はこの拡張子について種類や特徴を分かりやすく紹介したいと思います。
※パソコンの設定によっては拡張子が表示されていないケースもあります。
表示されていない場合はこちらの方法をご確認ください。
https://support.hp.com/jp-ja/document/c01967336
目次
拡張子とは
拡張子とはデータファイル名の末尾.(ドット)の右側に付けられている文字列のことで、ファイルの種類を識別するためのものです。
例えば、Excelで作成したファイルなら「.xlsx」、Wordで作成したファイルなら「.docx」などがあります。
コンピュータは拡張子を通じて、どのアプリケーションでそのファイルを開くかを判断しています。
※ただし、ファイルの種類によってはお手持ちのパソコンで開けない場合もございます。
拡張子の種類と特徴
Microsoft Officeに使われる拡張子
.xlsx/.xls
種類 | 表計算ソフト |
特徴 | 表計算ソフトの「Microsoft Excel」(マイクロソフト・エクセル)で作成されたワークシートファイル。 値や計算式、グラフなどが記載された表が格納されています。 |
必要なソフト | Excel |
.docx/.doc
種類 | 文書作成ソフト |
特徴 | 文書編集ソフトの「Microsoft Word」(マイクロソフト・ワード)で作成された文書ファイル。 見出しや文章、図版などがページ単位にレイアウトされて記録されています。 |
必要なソフト | Word |
イラストや資料に使われる拡張子
種類 | PDFファイルで使われる拡張子 |
特徴 | データを紙に印刷したときの状態をそのまま表示できるのが特徴で、パソコン、タブレット、スマホなどの端末を問わず、同じように表示できる点で重宝されます。 |
必要なソフト | Acrobat Reader ※無料ソフトをダウンロードすれば誰でも使用可能。 |
.ai
種類 | Illustratorで作成したファイル形式 |
特徴 | Illustratorがインストールされていないパソコンでも、「Acrobat Reader」を使えば、aiデータの内容を確認することができます。 |
必要なソフト | Illustrator |
.psd
種類 | Photoshopで作成したファイル形式 |
特徴 | 画像情報だけでなく、レイヤー、解像度などの編集情報が保存されています。基本的に、PSDファイルを開くには、Photoshopが必要ですが、中身だけを確認したい場合はGoogleドライブを活用することも可能です。 |
必要なソフト | Photoshop |
画像ファイルに使われる拡張子
.jpg/.jpeg
種類 | スマホやデジカメなどの写真ファイルに使われる拡張子 |
特徴 | フルカラーなど色数の多い表現に強く、ホームページや印刷物の写真に向いています。高画質なのに、ファイルサイズが小さいのも特徴です。ただし、pngやgifと違って、背景を透明にすることはできません。 ※基本、ホームページ上で使用する画像は横幅1920px以上をご準備ください。 |
必要なソフト | Photoshop |
.png
種類 | 写真ファイルに使われる拡張子 |
特徴 | フルカラーなど色数の多い表現に強いです。透過にも対応していますが、ファイルサイズは大きくなります。 |
必要なソフト | Photoshop |
.gif
種類 | 画像ファイルを圧縮して記録するファイル形式 |
特徴 | データ容量が小さく、背景を透明にすることができ、色数が256色と少ないのでロゴや簡単なイラストに向いています。 |
必要なソフト | VideoProc Converter/GIMP等 |
.svg
種類 | 伸縮自在な画像ファイル形式 |
特徴 | PNGやJPEG、GIFなどは画像を拡大するとギザギザに画質が荒くなりますが、SVGでは拡大縮小による画像の劣化もなく、容量も小さいです。背景を透過にするので、ロゴやアイコンに最適ですが、グラデーションや高画質な画像など色数が多いものには不向きです。 |
必要なソフト | Illustrator |
テキストファイルに使われる拡張子
.txt
種類 | テキスト文書を保存するためのファイル形式 |
特徴 | 文字データだけで構成されたテキスト形式を指し、文字が使えるすべての環境で使用可能です。 |
必要なソフト | メモ帳 |
.csv
種類 | ひとつひとつのデータを「,(カンマ)」で区切ったテキストファイル |
特徴 | カンマで区切ることで汎用性が高くなるため、表計算ソフトやアプリケーションソフト間のデータ交換に用いられます。 |
必要なソフト | Excel ※ただし、Excelに取り込む際、いくつか注意すべき点があります。 |
.htm/.html
種類 | Webページを記述する形式として用いられる拡張子 |
特徴 | 「.htm」と「.html」は表記以外に違いはなく、どちらもハイパーテキストというWebページ用のファイル形式「HTML」を示す拡張子。HTMLのルールに従って書かれたテキストファイルです。 |
必要なソフト | Visual Studio Code/Dreamweaver等 |
拡張子を変更するときの注意点
注意したいのは、ファイル名の拡張子を変更してもファイル形式は変わらないという点です。
拡張子はあくまでそのファイルがどのような形式であるかを示すヒントであって、ファイル形式を決めているわけではありません。このため、拡張子とファイル形式が合っていない場合、正しくファイルが開かない可能性があります。
ファイル形式を変更したい場合は拡張子だけでなく、専用ソフトなどを用いてファイル形式そのものを変換するようにしましょう。
開かない場合は、どうすればよいか?次回のブログでお伝えしますね!
【まとめ】
今回は拡張子の種類と特徴について説明しました。ホームページや印刷物を制作する際に使用する画像は、画像ファイルに使われる拡張子で説明した「jpg」「png」「gif」「svg」の4種類になります。掲載する箇所に合わせてそれぞれの特徴を活かしたデータを差し込んでいきます。
弊社にご依頼いただく際、欲しいデータをお願いすることがありますが、どれを準備すればいいかわからない場合はお気軽にご相談ください。
また、同じ画像なのに使えない?印刷とWebで使う画像の違いでは印刷用の画像サイズについても詳しく説明しています。ぜひ合わせて読んでみてくださいね。