問題タブ [image-optimization]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
performance - ウェブサイトのダウンロードを高速化するために、低品質の画像を最初にロードする方法は?
私は Asp.net MVC3 Web アプリケーションに取り組んでいます。appx に 1 つのページがあります。いくつかのサイズの 100 枚の画像が合計 appx で読み込まれています。サイズは1.5MB。
この 100 個のイメージを複数のホスト名に配布して、後でロードを高速化する作業を行います。しかし今、画像の読み込み速度を最適化するためにあなたの助けが必要です. そして、これらの画像にスプライトを使用することはできません。
最初の読み込みで劣化した画像を読み込み、ダウンロードされるバイト数が増えるにつれて画質を徐々に向上させるものを実装することに特に興味があります。したがって、基本的には最初に低品質の画像をロードし、次にダウンロードされるバイト数が増えるにつれて画像の品質が向上します。
更新: 画像が正常に読み込まれる Web サイトをいくつか見てきました。
どうやってやっているの？
ios - iOS アプリの画像に対して PngCrush を実行するにはどうすればよいですか?
重複の可能性:
iOS の PngCrush とは?
iOS アプリPngcrushの画像最適化手法について 疑問があります。pngcrush は xcode に組み込まれているのでしょうか、それとも pngcrush ツールを明示的にダウンロードして画像を最適化する必要があるのでしょうか? 明示的に行いたい場合、どうすればこれを達成できますか?
objective-c - iOSのPngCrushとは何ですか？
PngcrushがiOSの画像最適化手法であることは知っていますが、X-codeがビルドごとに内部的にこれを実行するのか、それともアプリをiTunesストアにデプロイする前にこの画像最適化を実行する必要があるのか疑問です。
python - 画像の最適化 (Python を使用した Google App Engine)
画像の最適化を探している同様の質問は見つかりませんでした。
アップロードされた画像を Facebook がどれだけ最適化できるかをテストしました。
980KB --> 77KB
846KB --> 62.1KB
私が発見したことによると、上記のテストのように、Facebook は画像を最大 10 倍まで最適化することができますが、それでもある程度の最小限の画質が維持されます。
では、ユーザーがアップロードした画像を最適化するために実装した最善の方法を誰か共有できますか?
インターネットで検索すると、画像最適化の有料サービスを提供しているウェブサイトがいくつか見られました。ただし、現段階では画像最適化の有料サービスには加入しないことをお勧めします。
Google App Engine 環境内で Python 言語を使用してプロジェクトを開発しています。そうするために、Python ライブラリや Google App Engine ライブラリから再利用できる部分はありますか?
objective-c - Cocoaを使用してPNG画像を圧縮する方法は？
だから、これは私が必要なものです：
- 取る
NSImage - 可能な限り圧縮します（圧縮が緩くなく、品質が明らかに低下することはありません）
- ディスクに保存し直します
過去に、私はOptiPNGをコンパイルされたバイナリとして（そして非同期で結果を取得するために）使用してみましたが、これは機能しました。
ただし、外部アプリを使用した端末のようなソリューションではなく、Cocoaネイティブのソリューションが必要な場合はどうなりますか？
何か案は？
macos - AppleScriptでpngquantを使用する
pngquarntを使用してフォルダ内の画像を最適化するAppleScriptを誰でも共有できますか。Appleのサービスでさえ役に立つかもしれません。
注：同じことを行うためのターミナルコマンドがありますが、私は初心者について話しています。初心者は、画像を含むフォルダーを右クリックして最適化することができます。
php - アップロードした画像をphp(jpeg)で最適化する
Google Chrome で Page Speed を実行すると、画像の最適化/圧縮が提案されます。これらの画像は主にユーザーによってアップロードされるため、アップロード中に最適化する必要があります。PHPでJPEG画像を最適化することについて私が見つけたのは、次のGD関数を使用するようなものです:
アップロード後に画像のサイズを変更しているので、すでにこれらの関数を使用して画像を取得しており、さらにimagecopyresampled()afterを使用しimagecreatefromjpeg()てサイズを変更しています。
しかし、Page Speed は、これらの画像を最適化できることを示しています。PHPスクリプトでこの最適化を達成するにはどうすればよいですか? imagejpeg() で品質を低く設定しても違いはありません。
php - PHP を使用して画像を YSlow 標準に最適化しますか?
この質問に対する明確な答えを見つけることができませんでした。
YSlow の画像最適化基準を満たすように、画像 (主に jpg) を無損失で最適化したいと考えています。これを行うために必要な手順を特定できませんでした。
smush.it のようなサービスは知っていますが、API やサービスに依存したくありません。
基本的に私が探しているのは、YSlow の基準に従って画像を最適化するための手順のリストです。
GD を使用して品質を変更するだけでは不十分です。他に何をする必要がありますか?
optimization - *ロスレス* PNG 最適化に ImageOptim を使用すると、異なるカラー画像が生成される
Google の PageSpeed ツールは、Photoshop で Web 用に保存された PNG 画像を最適化するように指示しました。ロスレス PNG 圧縮オプションを調査した後、ImageOptim をダウンロードして、いくつかの画像を挿入しました。結果の色は元のものとは大きく異なります。これは、この圧縮が実際には非可逆であることを示しているようです。助言がありますか？
元の画像:
ImageOptim の後:
