次世代画像形式のAVIF。
今回は、AVIF形式に一括変換できる便利なWEBアプリを見つけましたので、ここにご紹介します。
これに変換できるソフトや使い勝手のいいアプリは今のところあまり多くは出回っていないです。
1つずつ変換できるものならGoogleが公開しているsquooshがありますが、1つずつ変換はめんどいです。
AVIF形式に一括変換できるオンラインサービス【avif.io】
無料で使えます。
こちらからサイトへ飛べます→avif.ioのページへ
-
【一括変換】WebP画像にまとめて変換できるアプリと使い方【フリーソフト】
2022年現在、WEB制作時に使われる画像にwebP形式のものが増加してきました。 これは最近になって、 Chrome Safari Micro Soft Edge Firefox これらの主要ブラウ ...
続きを見る
-
【遅い!重い!】サイトの読み込みが遅い時の原因と改善方法
サイトの表示おっそ・・・。 見るのやめよ。 WEBサイトを制作する上で、絶対に欠かせないのがサイト表示速度。 初学者だと特に、こういったサイトの表示速度についてはあまり気にせずに作っていることが多いで ...
続きを見る
このavif.ioのサイトの画像は日本語に翻訳していますが、本来は英語のサイトです。
ドラッグ&ドロップで一括変換が始まります。
しかも同時進行で変換してくれるので便利。
画質の調整や、変換が終了したら自動ダウンロードの設定もできる
設定方法を解説します。
歯車マークをクリックすると、各設定項目が出てきます。
ここでは無理やり翻訳しているので日本語がちょっとおかしくなっていますが、そのまま設定項目ごとに解説していきます。
努力
変換時の処理能力を決めます。
数字を大きくすると変換速度は低下するけど、圧縮率が高くなる。
特に急ぎではないのなら数字を大きくした方がいいかもしれません。
品質
画質のことです。
あまり低くしすぎると荒くなって使い物にならなくなるので、そのままの75%くらいでいいと思います。
無損失の
ここにチェックを入れると、上記の【品質】で100%にしたものと同じになります。
デフォルトの75%よりも容量がかなり大きくなるので、あまりやらない方がいいです。
透明性を保つ
画像の加工で透過処理がされているときにチェックします。
透過処理されていなければ、チェックを外しましょう。
若干軽くなります。
自動的にダウンロード
チェックを入れると、変換が終わったときに自動でダウンロードしてくれます。
便利なのでチェックを入れておきましょう。
さらっとまとめ
サイトスピードの改善方法も記事にしているのでぜひ。
-
【遅い!重い!】サイトの読み込みが遅い時の原因と改善方法
サイトの表示おっそ・・・。 見るのやめよ。 WEBサイトを制作する上で、絶対に欠かせないのがサイト表示速度。 初学者だと特に、こういったサイトの表示速度についてはあまり気にせずに作っていることが多いで ...
続きを見る
AVIF画像への一括変換できるものは自分も散々探しましたが、ググっても本当に無かったです。
たまたま見つけたので、これは皆さんに知ってほしいと思って記事にしました。
AVIF形式は軽いし画質の劣化も少ないので便利ですが、この記事を書いている現在はAVIF形式に対応していないブラウザもまだ多いので、うまく条件分岐で対応したりすることになると思います。
この記事の紹介が皆さんに役に立つと幸いです。