タグ付けされた質問 「optimization」

ウェブサイトで使用している画像があります。SVGを使用して、任意のサイズでありながら鮮明に見えるようにします。 このドロップボックスには、SVGファイルと元のIllustratorファイルが含まれています。 これはJPEGエクスポートです。 SVGのファイルサイズはJPGよりもはるかに大きくなります。同様のファイルサイズになるようにSVGを最適化することは可能ですか？それが役立つ場合、品質の一部を失う可能性があります。このSVGオプティマイザーを試しましたが、それほど違いはありませんでした。 イラストレーターファイルをJPGとして保存し、結果をトレースしてSVGとして保存すると、ファイルサイズはかなり小さくなりますが、品質は多少低下します。これは、おそらく元のレイヤーが大きなサイズを引き起こしていると思いますか？私が使用している画像は、SVGに適さないほど複雑すぎませんか？

37 adobe-illustrator  svg  image-format  file-size  optimization 

現在、ウェブサイトの背景画像の画質の問題に取り組んでいます。 使用したい大きなぼやけた背景画像がありますが、ウェブサイトのサイズをできるだけ小さくしたいと思います。 最高品質（png）にするためには、約200kbです。 私はそれをJPGとして約100kbまで下げることができますが、予想される品質は低下しますが、線形の周りに恐ろしく見える線があり、それがひどく見えます。 このpngをjpgに変換する特別な方法はありますが、画像にこれらの欠陥がないようにする方法はありますか？ 画像は次のとおりです。 PNG： JPG（100％）品質：

15 background  compression  optimization 

時々、WebデザインのJPEGファイルを使用します。PNG形式が適切でない場合があります。 PNG形式にはいくつかの最適化手法がありますが、JPEG形式では、特にMacで作業している場合は可能性が限られていることに気付きました。 おそらくこれまでで最もエレガントなソリューションは、画像の特定の領域の圧縮を正確に制御できる選択的圧縮です。イメージをlibjpegのJpegOptimおよびjpegtranと組み合わせる（またはimageOptimを使用する）と、ファイルサイズをさらに小さくすることができます。 このオプションにはまだ満足していません。選択的なjpegのためだけに花火のライセンスを購入したくはありません。同様の機能を提供する他の画像最適化ソフトウェアがあるのではないかと思います。 WindowsにはJpeg Optimizerがあります。 ワークフローに使用できるツールはありますか？ ありがとうございました

13 website-design  optimization  compression 

IllustratorでWeb用にエクスポートする場合、これまでによく知られArt OptimizedているType Optimizedレンディションスキーマがあります（を除くNone）。 どちらのスキームにも、さまざまなタイプの要素に対する独自の特典があります。当然のことながら、Art Optimizedはテキスト以外に優れていますが、Type Optimizedは多くの場合、テキスト/フォントのレンダリングに優れています。（まあ、それは主観的なトピックかもしれないと思いますが、それは議論には無関係です–事実に忠実であり続けましょう。時にはどちらか一方を好むこともあり、そしてしばしば（全体の要点は）両方のスキームを好むこともあります意図された要素をそれぞれ扱いますよね？ 多くの場合、2つのバージョンをエクスポートする必要があります。ロゴタイプなどを作成する場合は、1つの* _art_opt.pngと1つの* _type_opt.png。次に、Photoshopの2つのレイヤーに両方のレンダリング画像を配置し、Type領域からArt Optimized部分を切り取り、その逆を行う必要があります。そもそも私が探していたものを手に入れるために：最適化されたアート…つまり、「アート」はアート最適化され、テキストはタイプ最適化されました。 私はしばしばさまざまな異なるサイズを作ることを考慮してください。透明バージョンと不透明バージョン。さまざまな形式で保存され、…SERIOUS™の時間の浪費があります。 そして、質問 ちょうど不思議に思います。Art要素をArt Optimizedレンディションで処理し、テキスト要素をType Optimizedとして処理する方法はありますか–すべて同じ方法で？ 以下は、1つの最適化（アート）でロゴマークが適切に表示され、他の最適化（タイプ）でロゴテキストが適切に表示される例です。2つのファイルを保存し、それらをPhotoshopに手動でミックスして一緒に良い部品：

11 adobe-illustrator  export  optimization  save 

私は通常、webとデバイスのフォトショップの保存を使用しますが、pngを圧縮するオプションがなく、優れた圧縮アルゴリズムが利用できるかどうかも疑問に思いますか？

10 image-format  file-size  optimization 

私はシネマグラフと呼ばれる手法を実験しています。この手法は、シーンのごく一部のみがアニメーション化されるアニメーションGIFを作成します。これが私が作った簡単なものです： これまでのところ、Photoshopはシーンの静的な部分を圧縮することでうまく機能しています。可動部分のみをマスクすることにより、数メガバイトを節約できます。 Photoshopがうまく最適化していないのは、複製されたフレームです。シームレスなループを得るために、すべてのフレームを複製して反転します。上記の例では、ニュースキャスターは左を向き、元の位置に戻る必要があります。これにより、GIFのサイズは常に2倍になります。静的領域を最適化するように、複製されたフレームを最適化するようPhotoshopに指示するにはどうすればよいですか？タイムラインパネルのメニューで、[アニメーションの最適化]オプションをすでに使用しましたが、何もしませんでした...

10 adobe-photoshop  gif  file-size  optimization 

PhotoshopでアニメーションGIF画像を最適化しようとしています。現在のサイズは2.2 MBです。オンラインで見つけたガイドに従って、「Webとして保存」して、色を256から128または64に減らします。 試しましたが、小さくしようとすると実際にサイズが大きくなります。 128色= 4.4 MB 64色= 5 MB なぜこれが起こっているのか誰か知っていますか？ オリジナル（256色）： 後（128色）：

8 adobe-photoshop  cs6  gif  file-size  optimization 

これはほぼStackOverflowの質問ですが、Photoshopやその他のツールに完全に関連しています。すべてのPagespeedテストをすべてのWebサイトに対して行うと、「ロスレス圧縮画像Xによる画像の最適化」というコメントが表示され、ページのランクが大幅に高くなることがよくあります。 Photoshopで「Web用に保存」ですべての画像を既に保存していますが、「ロスレス圧縮により画像を最適化」する方法をさらに疑問に思っていました。私の知る限り、できる限りのことはやっています。 画像を最適化してウェブページの読み込み速度を向上させるにはどうすればよいですか？

7 website-design  images  save  file-size  optimization 

次のようなマップ画像があります。 （クリックして拡大） 100％では、海は騒々しいため、pngに効果的に圧縮されません。 仕事のためのインテリジェントなツールの方向を教えてください。（GIMPを試しましたが失敗しました。）

7 optimization