Figmaの画像書き出し方法。PNGとJPG、WebPの違いと、画質やサイズの目安。 2025.02.07 Figmaのエクスポートによる書き出しは4種類の画像形式。 PNGのメリット。 どうしてPNGなのか? Figmaのエクスポート(画像書き出し)は、デフォルトではPNGとなっている。 PNGはUI/UXデザインを行うときに便利で、アイコンやボタン、ロゴなどを書き出しやすい。 イラストやトリミングされた画像も、PNGが向いている。 PNGは透過が可能。 ... FigmaFireflymemosWebデザインデザイン
iPhoneで撮った写真を、HEICからJPG(JPEG)にする方法。 2023.09.13 HEICからJPGへ。 iPhoneのカメラで撮った写真が、HEICという画像形式になることがある。 HEICという画像の形式は、容量が軽くかつ画質が良いというメリットがあるが、まだ普及していない。そのため一部のサービスなどでは使用ができない。 もしiPhoneで撮影した写真を、十分に普及している「JPG(JPEG)」で保存されるようにしたい場合は、「設定」からJPGにで... iPhonememos
WebP対応。JPGやPNGからの変換も簡単。SEOにも効果的に。 2022.06.21 WebPの壁、IEが公式にサポート終了。 Internet Explorerがサポート終了に。 IEの終了とWebPの台頭。 いよいよというか、ついにというか、2022.06.16にIEのサポートが終了。 そこで、改めて画像形式、WebPについて考察。 WebPの開発元であるGoogle社のChromeはもちろん、Apple社のSafariも202... FigmamemosSEOWebデザイン
WebPとは?JPGからWebPへ。HTMLへの実装・検証結果。 2021.10.22 WebPってどうなのだろう? メリットは? 画像はWebP形式の時代へ。 WebPはGoogleが作った画像ファイル形式。 Webサイトで使用されている画像をJPGからWebPにしよう、という流れがある。 Googleの推しが凄いが、実際に軽くなる。 JPGやPNGからWebPへ。 WebPのメリット。 画像自体の見た目のクオリティはJPG... HTMLmemosWebデザイン