問題タブ [image-optimization]

symfony2 で開発したサイトがあります。画像満載です。しかし、今の問題は、画像の読み込みに時間がかかりすぎることです。単一のコマンドですべての画像を圧縮する簡単な方法はありますか? このドキュメントリンクを読み ましたが、小枝テンプレートのすべての画像に {% image %} タグを配置する必要があるようです。100を超えるファイルに画像タグがあるので、それをしたくありません。そこで、簡単で良い方法を教えてください。前もって感謝します。

SEO を改善するために alt タグを使用できることを知りましたが、私の画像に alt タグを使用することについて混乱しています。

つまり、facebook-tips-tricks のようなキーワードの間に - 記号を使用できますか、それとも facebook のヒントのトリックのみを使用する必要がありますか。

Google も画像をクロールすることを知りましたが、ブロガーの投稿の画像に効果的に実装するにはどうすればよいでしょうか。

HTTP/2 ではJS ファイルと CSS ファイルのバンドルは必要ありませんが、イメージ スプライトについてはどうでしょうか。

デモを見ると、すでに HTTP/1.1 よりも高速に動作しているように見えますが、画像をスプライトにバンドルするとさらに高速になるのではないでしょうか? つまり、すべてのデータが 1 つのファイルにある場合、PNG の最適化アルゴリズムはうまく機能しないのでしょうか?

refile でアップロードされた画像を最適化する方法はありますか? 私は CDN を使用しているため、ほとんどのファイルは 1 回だけ作成されますが、帯域幅を節約するためにファイルを最適化したいと考えています。

画像操作に Mini Magick を使用していますが、ファイル サイズの縮小 / 最適化にも使用できますか?

Web で使用したい放射状の背景で構成される .psd ドキュメントがあります (開始色と終了色はグレーの 2 階調です)。この背景をさまざまな形式 (gif、jpg (100% 品質)、png) で Web 用に保存してみました。ただし、結果はすべて見栄えが悪く、色間のスムーズな移行はなく、さまざまな円がはっきりと見えます。

元の高品質の .psd に似た方法で Web 用に保存する方法はありますか?

最適化して圧縮する必要がある数百の画像があります。github で次のスクリプトを見つけました: https://gist.github.com/ryansully/1720244これは問題なく動作します。ただし、jpg のファイルサイズは、圧縮後もそれほど小さくはありません。

たとえば、圧縮前の 1 つのファイルは870.24 KB、圧縮後は724.97 KB. しかし、compressjpg.comで同じ画像を実行すると、ファイルサイズが約290 KB.

jpegtran でこのレベルの圧縮を達成するにはどうすればよいですか? それは可能ですか？

パフォーマンスを向上させるために画像を最適化するソリューションを探していました。

いくつかの解決策 ( sharpやimageminなど、ファイルが決して小さくならず、時には大きくなる) を試した後、Google のページ速度を試してみることにしました。残念ながら、pagespeed は Apache と Nginx のみをサポートしているようです。これは、画像の最適化のためだけにスタックに追加したくありません (また、キャッシュされている場合でも、サーバー要求ではなく、アップロード時に最適化を行うことをお勧めします)。

これをネイティブ node.js に実装するのに役立つ情報や、その他の (機能する!) 画像最適化の推奨事項については、非常に感謝しています。