PNGファイルの適切なサイズ設定が重要な理由
- サイズが間違っているPNGファイルは、Retinaディスプレイでぼやけたレンダリングを引き起こします。
- サイズの大きい透明PNGは帯域幅とメモリを浪費する
- 一貫したサイズ設定により、UIコンポーネントのレイアウトずれを防ぎます。
- デザインシステムのPNGアセットは、トークンで定義された寸法と完全に一致する必要があります。
PNGは透明度フォーマットであり、サイズ変更時にはアルファエッジの鮮明さを維持する必要があります。Lanczosのリサンプリング機能は、角丸、柔らかな影、切り抜き写真などをアーティファクトなしで処理します。
または、ここに画像をドラッグアンドドロップしてください。
JPG, JPEG, PNG, WEBP, SVG, GIF, HEIC, HEIF, BMP, TIFF, HDR, JP2, RAF, PSDをサポートします
透明または不透明なPNGファイル(8ビットまたは16ビット深度)は破棄してください。インデックスカラーPNGファイルは処理中にトゥルーカラーに拡張されます。
正確なピクセル値またはパーセンテージを入力してください。Lanczosは縮小処理をきれいに処理します。アルファエッジは滑らかに保たれ、透明な境界線の周囲にリンギングやハローは発生しません。
出力にはzlib DEFLATE圧縮が使用されています。サイズ変更自体以外に画質の劣化はありません。アルファチャンネルは保持され、ICCプロファイルも維持されます。
これらの関連コンバーター間で画像を変換します
単純なPNGリサイズでは、透明なエッジの周囲に暗いハローが発生します。これは、アルファ値の乗算処理における典型的なバグです。当社のリサイズツールはアルファ値を正しく処理し、丸みを帯びたUI要素や切り抜き写真のエッジをきれいに仕上げます。
デザインシステムでは、ブレークポイント、密度、プラットフォームを問わず、PNGのサイズが一貫していることが求められます。PNGアセットのサイズを正確に調整することで、デザイン引き渡しファイルが本番環境の仕様と一致するようになります。開発者が推測したり、ピクセル単位で調整したり、ビルド時に場当たり的なサイズ変更を行う必要はありません。
アルファ値の処理、品質、密度、および設計システムパターン。