EWWW画像オプティマイザーはあなたのウェブサイトの画像を高速に保ちます

つまり、メガピクセルカメラとWi-Fi接続を備えた携帯電話があり、画像をWebサイトに直接アップロードしているのです。?! シェーンビショップ、EWWW画像オプティマイザーの創設者 無制限のストレージと帯域幅を備えた今日の高速インターネット接続とホスティング計画でも、画像を最適化するための追加の手順を実行することが重要である理由を説明します.


EWWW Image Optimizerを設立する前に、あなたの経歴について教えてください

大学卒業後、故郷のモンタナに戻り、地元コミュニティカレッジのITディレクターを務めました。一方で、友人や家族のためにWebサイトのコンサルティングを行っていて、WordPress Webサイトの読み込みを高速化するために画像を圧縮するソリューションを探していました。これはおそらく、約7年前のことで、画像の最適化のために、ほとんど機能していないYahoo smush APIとサーバーアクセスを必要とする他の1つのプラグインを除いて、実際には何もありませんでした。.

Bluehostで共有ホスティングを行っていたため、Webサーバーへのルート(完全な管理者権限)アクセスを必要としなかったため、CW Image Optimizerをフォークして、共有ホスティングで動作するように書き直しました。それがEWWW Image Optimizerの最初のリリースでした.

「EWWW」というイメージオプティマイザーの名前をなぜ私が尋ねなければならないか知っていますか?

(笑い)私がウェブコンサルティングをしているときに思いついたビジネス名は、完全にWWWでした–超オリジナルではありませんでした。しかし、「EWWW、あなたの画像は粗く、巨大で肥大化している」のようなEWWWはちょっとおかしいので、私はそれを実行した!

画像を最適化する理由?

私たちが目にしているのは、携帯電話やカメラからサイトに直接画像をアップロードしている人々です。つまり、新しいカメラでは、サイトにポスターサイズの12メガピクセルの画像が配置されます。この画像は、ほとんどの人が小さな電話スクリーンで見ることになるでしょう。素晴らしい1080ピクセルのコンピューター画面でも、ポスターサイズの画像は必要ありません。つまり、その最初の部分は、寸法がWebページには大きすぎるということです。.

他の部分は少しトリッキーです。ポスターサイズの画像ファイルは不必要に重いだけでなく、平均的なコンピューターモニターに表示できるものよりもはるかに詳細です。これにより、画質を著しく低下させることなく、JPEG形式で多くの圧縮を行う余裕が与えられます。たとえば、8 MBの画像(それ自体で平均的なWebサイトよりも約3倍大きい画像です)を1 MB未満に簡単に圧縮できます。.

これで、圧縮によって画像ファイルの重みが軽減されますが、画像サイズは変更されておらず、その1 MB画像のサイズは依然として大きすぎます。したがって、ページの適切な高さと幅にサイズ変更するという追加の手順を実行します.

したがって、これらは画像最適化の2つの主要な機能です。画面上で気付かれない少しの品質を取り除いてファイルサイズを圧縮し、サイズを変更する.

EWWW Image Optimizerは、Webサイトの画像を最新の状態に保ちます

私が使うのが好きな類推は旅行のための荷造りです。引き出しからすべての服をスーツケースに捨てるだけでは、必要のないものをたくさん取るので、効率がよくありません。しかし、衣服を通り抜け、不要なものを捨てて適切に再梱包すると、おそらくすべてをそのサイズの半分のスーツケースに収めることができ、航空会社ではそれほどお金をかけないでしょう!画像圧縮はそのようなものです–より効率的なコンテナーまたはスーツケースにデータを再パックします.

サイトで圧縮画像を使用する利点は何ですか?

画像が最適化されると、サイトの読み込みが速くなり、訪問者にとってWebサイトのエクスペリエンスが向上し、コンバージョン、販売、またはニュースレターのサインアップが増加します.

グーグルは速度が重要であると言っているので、それはSEOランキングにとっても有利になることができます.

EWWW Image Optimizerの仕組み?

それは大きな質問です!基本的に、サイト上のすべての画像をくまなく調べて圧縮し、サーバーに直接保存する従来の方法があります。これは、プラグインにバンドルされている無料のツールを使用するか、画像をサーバーに送信してすべてのマジックを実行し、圧縮されたバージョンを元のサーバーに返すプレミアム圧縮APIを使用して実行できます。最適化された画像はサーバー上の元の画像を置き換えるため、URLを更新したり、リンク切れを心配する必要はありません.

ここ数年、CDNを介して画像を送信して最適化する新しい方法への関心が高まっています。これはCloudFlareと他のいくつかのCDNがある程度行うことですが、Jetpackの統合を除いて、WordPressとの適切な統合はありませんでした。 CDNのExactDNは画像をサーバーにコピーし、サーバーで圧縮、サイズ変更、トリミング、スケーリングを行い、必要に応じてGoogleの次世代WebP形式に変換します。このようにして、最適化されたバージョンが当社のCDNサーバーに保存されている間、すべての元の画像はサーバーに安全に保管されます。コードが自動的に画像リンクのURLを変更して、CDNで最適化されたバージョンを指すようにするため、リンク切れについて心配する必要はありません。.

もちろん、これには時間がかかるため、すべてをキャッシュします。このようにして、それは一度だけ実行する必要があり、そのサイトのすべての画像は永遠に最適化されます。少し複雑に聞こえるかもしれませんが、実際には非常にシンプルです。ワンクリックで取引を開始できます。サイトのすべての画像が最適化されている.

EWWW Image Optimizerは、Webサイトの画像を高速に保ちます

どのバージョンのEWWW IOが自分に最適かを知る方法?

その決定を行う際に注意すべき主なことは、ホスティングプランに含まれるストレージの量が問題であるかどうかです。 10 GBのホスティングプランで、イメージが9 GBを消費している人は、領域が不足する可能性を懸念しています。 APIソリューションを使用すると、サーバー上で画像を直接圧縮し、それをたった3 GBに減らすことができるため、CDNではなくAPIを選択する理由はこれだけです。.

それ以外の場合は、ほとんど同じ圧縮になります。技術的には、単一の画像を圧縮するためにホスティング環境によっては最大30秒かかる場合があるため、APIの圧縮はわずかに高くなります。 CDNではそのような超高圧縮を使用していません。すべてがほぼ瞬時にオンザフライで実行される必要があるためです。 ExactDNの平均圧縮は、APIを使用した55%圧縮と比較して45%であるため、実際にはわずかな違いです.

EWWW Image Optimizerは、Webサイトの画像を最新の状態に保ちます

EWWWでサポートされているファイル形式?

最も一般的なWeb形式であるため、JPEGについて最もよく話しますが、PNGおよびGIFの他の2つの従来の形式もサポートしています。.

PDF圧縮は、サーバーで直接圧縮および置換する元のモードを使用するCompression APIでのみサポートされています。 ExactDNではこの機能を提供していません。PDFは非常に大きなファイルであり、その場でそれらを圧縮することは本当に、本当に遅く、非効率だからです。.

両方のバージョンでサポートされている大きな機能の1つは、JPEG、GIF、PNG画像をGoogleの新しいWebP形式に変換する機能です。ただし、画像をWebPに自動的に変換する組み込みのスイッチがあるため、ExactDNの方が簡単です。.

EWWW Image Optimizerは、Webサイトの画像を高速に保ちます

Googleの新しいWebP形式とその利点は何ですか?

もちろん、WebPはGoogleの次世代画像フォーマットであり、基本的には他のすべての画像フォーマットの本格的な代替品として意図されています。 JPEGや平均よりも平均的に優れた圧縮を提供しながら、アニメーションや透明度などのすべての魅力を備えています.

私はJPEG形式がピークに達しているように感じています。それでもまだできることはたくさんありますが、WebPは通常の不可逆圧縮に比べてさらに5〜10%節約できます。それはテクノロジーの自然な進化の一種であり、人々は賢くなり、画像を圧縮するためのより良い方法を見つけ出していると思います.

私たちのWebサイトが見栄えがよく、すばやく読み込まれるようにしたいので、これは大きな勝利です。スピードのために品質を犠牲にしないことは常に私のことです!

さまざまな種類の圧縮方法は、さまざまな種類の画像により適しています。 WebPのような単一のフォーマットがどのようにすべての画像タイプに最適なソリューションになることができるか?

WebPに組み込まれているさまざまな形式とほとんど同じですが、実際には形式ではなく、属性に似ています。だから、それは非可逆モード、写真に適したJPEGスタイルの圧縮を持っています そして ロスレスモード、シャープネスを維持する必要があるテキスト、イラスト、およびその他のフラットカラー画像により適したPNGスタイル圧縮。したがって、WebPはその領域で本当に優れています.

ただし、FirefoxやEdgeなどの一部の主要ブラウザは、昨年1年間でWebPのサポートを開始したばかりで、WebPアニメーションをサポートしていることはまだわかりません。それはまだ地平線にある領域の1つであり、アニメーションGIFもWebPに変換し始めると確信しています.

EWWW Image OptimizerはWebサイトの画像を高速に保ちます

遅延読み込みとは何ですか?最適化にどのように役立ちますか??

遅延読み込みは、画像が画面上(またはその近く)になるまで画像が読み込まれないようにする手法です。最初の利点は、ビジターが決して見ない画像の帯域幅の浪費を防ぐことです。これは、モバイルユーザーにとって特に重要です。第二に、画像はウェブサイトのサイズ/ペイロードの大部分を占めることが多いため、それらの画像を遅延読み込みすると、ページの読み込みがはるかに速くなります.

ExactDNを使用すると、レイジーローダーの追加の利点として、ビジターの画面サイズに合わせて画像を動的にスケーリングできます.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector