優れたソフトウェアと実用的なチュートリアル
TinyPNG 10 億を超える WebP、PNG、JPEG 画像が最適化されており、現在も増え続けています。
TinyPNGはウェブサイトを高速化し、帯域幅を節約します。TinyPNGはWebP、PNG、 JPEG 完全な透明性を維持しながら画像を最適化 50-80%!
ウェブサイトアドレス:https://tinypng.com/
TinyPNG は何をしますか?
TinyPNG はインテリジェントな非可逆圧縮技術を使用して、WEBP、JPEG、PNG ファイルのサイズを縮小します。ファイルサイズ。画像内の色数を選択的に減らすことで、データの保存に必要なバイト数が少なくなります。効果はほとんど目に見えませんが、ファイルサイズには大きな違いが生まれます。
なぜ TinyPNG を使うべきなのでしょうか?
PNGは、部分的な画像を保存できる唯一の広くサポートされている形式であるため便利です。透明な画像形式です。この形式は圧縮を使用しますが、ファイルサイズは依然として大きくなります。アプリケーションやウェブサイトで画像を縮小するには、TinyPNGを使用してください。帯域幅の消費量が少なく、読み込み速度が速い。
違いがわかる人はいますか?
いい質問ですね!並べて比較してみましょう。以下は私のいとこの写真2枚です。左の写真はAdobeから直接入手したものです。 フォトショップ 24ビットPNGとして保存しました。右は同じ画像をTinyPNGで処理したものです。何か違いに気づきましたか?
どのように機能しますか?
素晴らしい質問ですね!PNG(Portable Network Graphics)ファイルをアップロードすると、画像内の類似色が結合されます。この手法は「量子化」と呼ばれます。色数を減らすことで、24ビットのPNGファイルを、はるかに小さな8ビットのインデックスカラー画像に変換できます。不要なメタデータもすべて削除されます。その結果、はるかに高品質なPNGファイルが得られます。100% 透明性をサポートケーキを食べて、それをまた食べましょう!
上の画像ではファイルサイズが縮小されています70%以上視力は良いのですが、違いが分かりません!最適化された画像を使用すると、帯域幅と読み込み時間が節約でき、ウェブサイトの訪問者に感謝されるでしょう。
どこでもサポートされていますか?
素晴らしい質問ですね!TinyPNG は、すべての最新ブラウザで表示できるファイルを生成します。(モバイルデバイスを含む)まだサポートが必要です インターネット Explorer 6ですか?通常はPNGの透明度を無視して、単色の背景色で表示されます。TinyPNGを使うと、背景が再び透明になります。バイナリ透明、回避策はありません!
アニメーションPNGを使用するのは安全ですか?
素晴らしい質問ですね!クロム、ファイアフォックス、サファリそして今マイクロソフトエッジすべて APNG をサポートしています。Internet Explorer のみ、この形式をまだサポートしていません。
とともに iOS iOS 10のリリースに伴い、AppleはiMessageにアニメーションステッカーを追加しました。ステッカーを作成して500KB以下に圧縮したい場合は、こちらをご覧ください。ギットハブ の上iMessage パンダステッカーの例。
Photoshopはどうですか?
素晴らしい質問ですね!画像をアルファ透明度付きのインデックス付きPNGファイルとして保存できるのはPhotoshop CC 2015以降のみです。他のバージョンでは保存できず、Photoshop CS5では正しく表示することすらできません。
使用できますウェブ用に保存画像を24ビットの透過PNGファイルとしてエクスポートし、TinyPNGにアップロードしてください。TinyPNGはTiny Indexed PNGファイルに変換します。インストールすることもできます。TinyPNG PhotoshopプラグインPhotoshop から直接、圧縮された PNG および JPEG 画像を拡大縮小、プレビュー、保存できます。