ファイル形式

ファイル形式

この記事は翻訳版です。英語版が参照用であり、疑義が生じた場合には英語版が適用されます。

Magnificでは、さまざまな用途やツールに適した複数のファイル形式でリソースを提供しています。この記事では、各形式の概要、用途、互換性のあるソフトウェアについて説明します。

ダウンロードしたファイルの開き方や編集方法については、「ファイルの編集」をご覧ください。ダウンロード制限や再ダウンロードについては、「コンテンツのダウンロード」をご覧ください。

この記事の内容

ベクター:SVG、EPS、AI

ベクターファイルはピクセルではなく数学的なパスで構成されているため、品質を落とすことなく任意のサイズに拡大・縮小できます。ロゴ、アイコン、イラスト、印刷物など、素材のサイズを変更する必要がある場合に最適です。

フォーマット

氏名

用途

対応ソフトウェア

SVG

Scalable Vector Graphics

Web、UI、アイコン、モダンなワークフロー

Illustrator、Inkscape、Figma、ブラウザ、VS Code

EPS

Encapsulated PostScript

印刷、印刷用データ、従来のワークフロー

Illustrator、CorelDRAW、Photoshop(制限あり)

AI

Adobe Illustrator

レイヤー化されたベクターの完全編集

Adobe Illustratorのみ

SVGはもっとも汎用性の高いフォーマットであり、Magnificでベクターをダウンロードする際のデフォルト形式です。ブラウザでネイティブに動作するため、Webプロジェクトに最適です。

EPSは、プロフェッショナルな印刷ワークフローの標準です。ほとんどの商業用プリンターやプリプレスツールで、問題なくEPSを受け入れられます。

AIファイルは、元のIllustratorファイルのすべてのレイヤーと効果を保持するため、もっとも高い編集の柔軟性を提供しますが、Adobe Illustratorのライセンス版が必要です。

ラスターファイルとベクターファイルの相違点

ラスター画像(またはビットマップ画像)は、ピクセルのグリッドで構成されています。その品質は解像度に依存するため、拡大するとぼやけたり、ディテールが失われたりすることがあります。写真にもっとも適しており、JPG、PNG、GIFなどの形式で一般的に使用されます。

ベクター画像は、一方で、点、線、曲線といった数学的な形状を使用して作成されます。これにより、品質を損なうことなく任意のサイズに拡大・縮小できるため、ロゴ、イラスト、グラフィックに最適です。一般的な形式にはSVG、AI、EPSがあります。

写真:JPG、PNG

フォーマット

氏名

用途

注記

JPG

Joint Photographic Experts Group

写真、複雑な画像、Web

非可逆圧縮 — ファイルサイズが小さく、透明度には非対応

PNG

Portable Network Graphics

透明な背景を持つ画像、UI素材、スクリーンショット

ロスレス — ファイルサイズは大きめですが、透明な背景に対応しています

JPGは写真の標準形式です。圧縮効率が高く、Webでの高速読み込みに適した小さなファイルサイズになります。透明な背景には対応していません。

PNGは、透明な背景が必要な場合に適した選択肢です。製品の切り抜き、色付き背景上のロゴ、UI要素などに使われます。ファイルサイズはJPGよりも大きくなります。

Magnificの画像をダウンロードした際に、透明であるはずの箇所が白背景になっている場合は、そのファイルはJPGです。リソースページでPNGバージョンを探すか、背景除去ツールを使用してください。

レイヤー付きファイル:PSD

PSD(Photoshopドキュメント)ファイルには、複数のレイヤー、マスク、スマートオブジェクト、編集可能なテキストが含まれています。写真の合成、モックアップ、テンプレート、複雑なデザインにおいて、もっとも編集しやすい形式です。

多くのMagnificリソースには、他の形式に加えてPSD形式が含まれています。PSDバージョンでは、レイヤー、テキスト、色を完全に制御できます

その他の形式:PDF、GIF、MP4

フォーマット

概要

Magnificでの提供タイミング

PDF

Portable Document Format

印刷可能なテンプレート、ドキュメント、インフォグラフィック

GIF

Graphics Interchange Format

アニメーション・ステッカーとアイコン(ループアニメーション)

MP4

MPEG-4 動画

動画テンプレート、アニメーション背景、モーショングラフィックス

MagnificのPDFファイルは通常、印刷可能な状態です。埋め込みフォントやCMYKカラープロファイルが含まれている場合があり、そのまま印刷所に送るのに適しています。

GIFファイルはシンプルなループアニメーションに対応しています。幅広いプラットフォームでサポートされていますが、カラーパレットが制限されています(256色)。高品質なアニメーションが必要な場合は、代わりにMP4バージョンを探してください。

MP4ファイルは動画コンテンツの標準です。主要なすべての動画編集ソフトで動作し、ブラウザでネイティブに再生できます。

アニメーション・アイコンのフォーマット

アニメーション・アイコンは、プランに応じて異なるフォーマットで利用できます。PremiumユーザーはAEP、JSON、SVGファイルをダウンロードできます。これらは高品質なアニメーション、Web統合、スケーラブルなデザインに最適です。一方、無料ユーザーはGIF、MP4、PNGフォーマットを利用でき、これらはシンプルなアニメーション、動画での使用、透過素材に適しています。

各フォーマットは異なるニーズに対応しているため、プロジェクトに最適なものを選べます。

利用可能なフォーマットを確認する方法

すべてのリソースですべてのフォーマットが利用できるわけではありません。ダウンロード前に利用可能なフォーマットを確認するには、以下の手順に従ってください。

  1. リソースページを開く

    ダウンロードしたいリソースを見つける

  2. 「ダウンロード」ボタン(またはその横の矢印)をクリックする

    ドロップダウンメニューに、そのリソースで利用可能なすべてのフォーマットが表示されます

  3. フォーマットを選択する

    プロジェクトに適したフォーマットを選択してください。一部のリソースには、1つのZIPダウンロードに複数のフォーマットが含まれています。これについてはリソースの説明に記載されています。

プラン別のフォーマット利用状況

Premiumフォーマット(EPS、AI、PSD)の利用には、有料プランが必要です。

フォーマット

無料

Premium

JPG

✅

✅

PNG

✅

✅

SVG

✅ クレジット表記必須ライセンス

✅

EPS

❌

✅

AI

❌

✅

PSD

❌

✅

PDF

✅

✅

この表は一般的な提供状況を反映しています。一部のリソースには、コントリビューターによって追加の制限が設けられている場合があります。必ず個別のリソースページを確認してください。

Magnific フォント

フォントとは、共通のデザイン、色、またはサイズを持つ文字のセットです。Magnific フォントをダウンロードし、利用規約に従ってプロジェクトで使用できます。

フォントをダウンロードすると、1日の画像ダウンロード制限数にカウントされます。ダウンロードするすべてのフォントのzipフォルダー内に、そのフォントのライセンスが同梱されています。

Windowsでダウンロード

  1. インストールしたいフォントファイルをダウンロードし、.zipフォルダーを解凍します(フォルダーを右クリックして「展開」を選択するか、エクスプローラーで「すべて展開」をクリックします)。

  2. フォントファイルを右クリックして「インストール」を選択するか、ファイルをダブルクリックして「インストール」をクリックします。

  3. プログラムがコンピューターに変更を加えることを許可するよう求められたら、「はい」をクリックします。

Macでダウンロード

  1. インストールしたいフォントファイルをダウンロードし、.zipフォルダーを解凍します(ファイルをダブルクリックするか、アーカイブユーティリティで開きます)。

  2. フォントファイルをダブルクリックします。

  3. 「フォントをインストール」をクリックします。

カラーフォントの互換性

カラーフォントは、Adobe Illustrator(CC 2018以降)、Photoshop(CC 2017以降)、およびInDesign(CC 2019以降)の新しいバージョンでサポートされています。古いバージョンには互換性がありません。PagesやKeynoteなどの一部のmacOSアプリでは正しく表示される場合がありますが、Windowsやほとんどのフォント管理ツールはカラーフォントに完全対応しておらず、代わりに黒いフォールバック版が表示されることがあります。