画像のエクスポートについて【figma】

figmaについて

ここではfigmaのアプリを使用した説明になります。

figmaとは？をまとめています↓

画像を保存したい場合は、右側のサイドバーの「エクスポート」から可能です。

figmaでは、レイヤー・グループ・フレームなどを画像として保存することができます。

画像のフォーマットとは、画像の種類のことです。用途に合わせて使用していくことになります。

PNG・・・透過が必要な写真・イラストに使用されます。

JPEG・・・写真に使用されます。

SVG・・・ロゴ・アイコンに使用されます。

PDF・・・プレゼンテーション資料に使用されます。

1x・・・等倍の画像の解像度

2x・・・２倍の画像の解像度

スマホ用の画像は、画像密度が2倍以上になるような解像度が望ましいです。

私は画像をエクスポートして、「squoosh」で「WebP」というWordpressでおすすめと言われているフォーマットに変換して使用しています。

WebP

「WebP」に変換する方法は、figmaのプラグインからでも可能です。