タグ

pngとperformanceに関するdonnie28064212のブックマーク (2)

  • 画像最適化戦略 PNG/JEPG 編 | blog.jxck.io

    Intro サイトで使用している PNG/JPEG 画像に対し、メタデータ削除、減色、リサイズなど基的な最適化処理の適用戦略と、その方法および結果について。 画像最適化シリーズ第 1 回目のエントリである。 > 画像最適化戦略 PNG/JPEG 編 画像最適化戦略 Picture 編 画像最適化戦略 WebP 編 画像最適化戦略 SVG/Font 編 画像最適化戦略 Lazy Loading 編 サイズ最適化 画像において最も無駄なのは、サイズの大きい画像を小さく表示している場合である。 これはネットワークでの転送上も、ブラウザのレンダリング上もオーバーヘッドになる。 逆に小さい画像を拡大して描画すると、細部が荒れてしまう。 したがって、表示するサイズぴったりにリサイズすれば、データ量も最適となる。 また、見た目上の変化/劣化が生じなければ、減色や余計なメタ情報の削除などによって、サイ

    画像最適化戦略 PNG/JEPG 編 | blog.jxck.io
  • あなたのPNGとJPEG画像をまとめて最適化してくれるオンラインサービス -Kraken

    PNGとJPEG画像の画質をほとんど損なわずにファイルサイズを軽減してくれるオンラインサービスを紹介します。 Kraken -Online Image Optimization Tool [ad#ad-2] Krakenの使い方は簡単です。 サイトにアクセスし、 Kraken ページ中央のグレーのエリアに、画像ファイルをドラッグします。 ※ドラッグ非対応ブラウザは「Select files from disk」ボタンでファイルを選択します。 ファイルのアップロードが完了すると、すぐに最適化が完了します。

  • 1