webpをFigmaとPhotoshopのどちらで書き出すのがいいのか

Tweet

Pocket

webpをFigmaとPhotoshopのどちらで書き出すのがいいのかをやってみました。

Figma: 2.9mb (WebP Exporterを使用し、Optimized Sizeのチェックを外して書き出し)
Photoshop: 2.7mb（command + shift + s で劣化なしで書き出し）

という結果になり、Photoshopの方が容量を削減できました。

画質は、ほぼ同じです。わずかに、Photoshopの方が綺麗（鮮明）です。Photoshopの方が、特にフォントの淵周りにホワイトのアンチエイリアスがかかり、それがあることで鮮明に見えます。逆に、Figmaはホワイトのアンチエイリアスがないことで綺麗なんですがわずかにぼやけて見えます。