GIF to MP 4画像の最適化

gifは想像以上に容量の大きいリソースであるため,gifは性能を最適化するためによく考慮される要因である.
しかし、ダイナミック画像を放棄したくない場合は、mp 4に変更しましょう.
GIF to MP 4、MP 4 to GIFサイト

convert

ezgif

convertio

容量比較

GIFは圧縮されているがMP 4よりもほぼ10倍高い.
(700 KB=0.7 MBなので、最初のファイルだけ見て、GIFはちょうど10倍大きいです.)

GIF

MP4

ビデオタグの適用

ビデオタグを使用してmp 4ファイルを適用する場合は注意が必要です.Autoplayプロパティはオペレーティングシステムポリシーに従って設定する必要があります.特にSafariが一番文句を言う
📎 New video Policies for iOS
ずっと止まっている画面に直面したくない場合は、次の設定を試してみてください.🧘

<video 
  autoPlay
  loop
  muted 
  playsInline
  width="100%" 
  height="100%"
  >
  <source src={mp4파일경로} type="video/mp4" />
</video>

ビデオラベルには、mutedとplaysInlineのプロパティが同時に含まれる必要があります.

moted:ミュート設定

playsInline:Inlineモードで再生します.