JPG、PNG、PDF…結局どれがいいの?「拡張子」の使い分け超入門
こんにちは!伴走型デザイナーのしるべデザイン・ひかるです。デザインが完成したとき、最後にお渡しするデータの名前の後ろについている「.jpg」や「.png」などの文字。これを拡張子(拡張子、データの形式)と呼びます。「とりあえず何でもいいです」と受け取ってしまうと、後で「ロゴの後ろに謎の白い四角が出る!」「画像が重すぎてサイトが開かない!」といったトラブルに繋がります。今日は、初心者の方がこれだけ知っておけば100点の「使い分けガイド」をお届けします!1. よく使う「3大形式」の特徴と使い分け
▼JPG(ジェイペグ)
・おすすめの場面:写真、SNS投稿
・メリット:写真が綺麗で、データが軽い(スマホに優しい)。
・デメリット:重ねると画質が落ちる。背景を透明にできない。
▼PNG(ピーエヌジー)
・おすすめの場面:ロゴ、イラスト、図解
・メリット:背景を透明(透過)にできる。 文字がクッキリ見える。
・デメリット:JPGよりデータが重くなりがち。
▼PDF(ピーディーエフ)
・おすすめの場面:印刷物、資料配布
・メリット:どんな端末でも同じ見た目で見れる。拡大しても綺麗。
・デメリット:SNSの投稿画面にはそのまま貼れない。2. 「背景が透明にできない」と、ここで困るロゴなどをPNG(背景透明)ではなく、JPG(背景が必ず白や色で埋まる)でもらってしまうと、こんな時に困ります。▼例)SNS投稿写真の上にロゴを置こうとしたら、ロゴの周りに「白い四角」がついてしまい、下の写真が隠れてしまう。▼例)Webサイト 背景がオシャレなニュアンスカラーなのに、ロゴの周りだけパキッとした白が
0