[B! 圧縮] amauttのブックマーク

WebPが次世代画像フォーマット天下統一！ Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし | アイデアマンズブログ

TOP > WebPが次世代画像フォーマット天下統一！ Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし WebPが次世代画像フォーマット天下統一！ Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし WebP Safari 14 で次世代画像フォーマットWebPへの対応が発表されました！ Safari 14 Beta Release Notes | Apple Developer Documentation かれこれ20年近く延々と続いた次世代画像フォーマット戦争に、WebPがついに終止符を打ちそうです。 WebPは、私の感覚としては現在のWeb画像のデータサイズを半分以下に削減できます。しかも主要なJpeg、PNG、GIF(アニメーション)をすべてカバー。Web画像のスタンダードは、一気にWebPに流れていくでしょう。実は2016年に

amautt 2020/10/04

webp
圧縮

リンク

次世代画像フォーマット「WebP（ウェッピー）」を実際に使ってみよう｜福岡のホームページ制作会社・メディア総研株式会社　マグネッツ事業部

今回は「jpg」や「png」「gif」などのいわゆる画像フォーマットの中でも次世代フォーマットと呼ばれている「WebP（ウェッピー）」についてのお話です。ことの発端はGoogle Speed Insightの「改善できる項目」でたびたび目にする下記の『次世代フォーマットでの画像の配信』という記述です。『「JPEG 2000」「JPEG XR」「WebP」などの次世代フォーマットを使えばPNGやJPEGより圧縮率が高くファイルサイズを抑えられるので、結果読み込み速度も上がるよ』というGoogle先生からのお達しです。普段から画像に圧縮をかけてからアップをしていますが、次世代フォーマットにすることでそれより更にファイルサイズを落とせる可能性があるということですね。フォーマットごとの対応ブラウザ状況じゃあ実際に次世代フォーマットを試すとなると、提示されている「JPEG 2000」「JP

amautt 2020/10/04

リンク

画像圧縮AC｜AI（人工知能）が無料で画像を圧縮します！

画像圧縮ACは、AI(人工知能)を用いた画像圧縮技術でJPG画像を圧縮します。 PNG画像はMedian Cut Algorithmsという技術を用いて画像を圧縮します。どちらも画質を保ったまま、瞬時にファイルサイズを縮小します。画質を維持し、高い圧縮率を実現しました! 画像(JPG/PNG)をドラッグ&ドロップするだけで、画質を保った状態で、画像サイズを可能な限り圧縮します。複雑な操作など一切なく、誰でも簡単に無料でお使いいただけます。画像データは10分で画像圧縮AC上から、完全に消去しますので、セキュリティもご安心ください。あなたも画像圧縮ACを使って、Webサイトの画像を圧縮して、サイトの表示速度を上げてみませんか? Deep Image Compressionによる最新の圧縮技術一般的に画質と圧縮率はトレードオフの関係にあります。画質を保持したまま圧縮を行うためにはこ

amautt 2020/03/14

リンク

.htaccessファイルでgzip圧縮させてサイト表示速度を向上させる方法 | Cloud 9 Works

最近ではウェブサイトの表示速度アップがSEO対策として重要視される傾向にありますが、比較的簡単に表示速度を向上させることのできる方法としてgzip圧縮があります。今回はWordPressなどのCMSでもプラグインなしで簡単にgzip圧縮できる.htaccessに記述する方法をご紹介します。 gzip圧縮とは？gzip圧縮とはファイルサイズを小さくする圧縮方法の1つで、ウェブサイトを構成しているhtml、JavaScript、css、xmlなどを圧縮することでデータ量が軽くなりサイトの表示速度を向上させる効果が期待できます。 .htaccessファイルでgzip圧縮するのが簡単一番簡単なgzip圧縮方法は、サーバー側で処理させる方法です。サーバー側でgzip圧縮させるには、Apacheサーバーのmod_deflateが有効になっている必要があり、.htaccessファイルを修正できる事が条件

amautt 2019/06/14

リンク

超簡単！imageminで画像圧縮のタスクを作ってみる【拡張子全部乗せ2018】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、フロントエンドエンジニアのザワです。この夏、いい思い出はつくれていますか？そうでもない？でも、嫌な思い出は全部圧縮しちゃえばいいじゃない！ということで、今回はフロントエンドのパフォーマンスを考える上で避けては通れない、画像圧縮のタスクを作ってみたいと思います。「作る」と言っても、公開されているnpmパッケージを組み合わせて画像圧縮タスクを作っていくかたちになります。出来合いの惣菜を組み合わせて、簡単にお弁当を作るイメージですね。記述量も短く、すぐにできてしまうためにちょっと不安になりますが（これで本当にうまく動いているのかな、ってね）、惣菜だってレンジでチンするだけで美味しく食べれるんだから、理屈としては充分でしょう。ちなみに「画像圧縮しよう」と心に決めた場合、npm scriptsだったり、ツールを使ったり、など選択肢はたくさんあります。我が社が誇るスーパーフル

amautt 2018/10/10

リンク

[保存版] PageSpeed InsightsでWebサイトを高速化するまでのすべて。0点→90点へ改善！ | SHINGO IRIE

[保存版] PageSpeed InsightsでWebサイトを高速化するまでのすべて。0点→90点へ改善！今日はGoogleが提供しているPageSpeed Insightsを使って、サイトの高速化・最適化を行うまでを紹介します。今回の、記事はめちゃ長いです。表示スピードは訪問者離脱につながりますし、検索エンジンにも影響がある要素。早いにこしたことはありません。PageSpeed Insightsを使えば、あなたのサイトについてアクセススピードという点からみたチェックを行うことができます。イリテクのサイトスピードは0点だった…PageSpeed Insightsでは、PCとスマホでページのパフォーマンスを測定してくれます。85点以上いけばパフォーマンス高の評価。ちなみにGTmetrixも有名です。 …ちょっとこれはマズすぎるでしょう。ありえません。早速バリバリ改善していきましょう。