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>
    ビデオラベルには、mutedplaysInlineのプロパティが同時に含まれる必要があります.
  • moted:ミュート設定
  • playsInline:Inlineモードで再生します.