macos - Cocoa の解像度に依存しないボタンのグラフィック

Question

Sketch (ベクターベースのグラフィック デザイン アプリケーション) でグラフィックを作成しようとしています。PDF にエクスポートすると、元のグラフィックは次のようになります。

しかし、NSButton のイメージとして設定すると、次のように描画されます。

なぜこれが起こるのですか？特に右端と下端が大きく変更されています。これが Cocoa の描画の問題なのか、元のグラフィックの問題なのかはわかりません。

Answer 1

問題は、ピクセル グリッドとアンチエイリアシングとの (ミス) アライメントにあります。左、右、および下の境界線がおよそ 1 ピクセルの太さになるように画像をスケーリングしたように見えます。ただし、右と下の境界線がピクセル間の境界をまたいでいます。その結果、それらの「暗さ」の半分が境界の片側のピクセルに寄与し、残りの半分が境界の反対側のピクセルに寄与します。

その特定の配置を避けるために、画像の縦横比または描画するサイズのいずれかを調整する必要があります。およそ 10.5 ピクセル幅でレンダリングされているように見えます。幅を 10 ピクセルまたは 11 ピクセルにすると、右端がピクセル列により近くなります。