最近、ピクセル密度が非常に高い画面を備えたデバイスが増えています。AppleはRetinaを搭載したMacBookをリリースし、Googleは解像度2560x1600ピクセルのNexus 10を発表しました。 Webサイト開発者には、最新の技術と一緒に新しい問題が発生します。 たとえば、新しい画面では、ビットマップ画像の外観があまり良くないため、Retina用に最適化する必要があります。 このコレクションには、これを支援するいくつかのツールが含まれています。
画像をレスポンシブにし、画面の解像度に依存しません。
オンザフライで、グラフィックを最適化し、重量を数倍減らします。
PNGminiは.png形式のアナログです。
導入の必要はありません-ユーザーのブラウザの機能を判断できるツールで、開発者がブラウザ間の互換性を実現するのに役立ちます。
Retinaスクリーン用の画像をすばやく準備するのに役立つOS X用のアプリケーション。
Retinaスクリーンの要件を考慮して.psdテンプレートをカットできるOS Xの別のアプリケーション。
フォントのカーニングを最適化するjQueryプラグイン。これにより、テキストが読みやすくなります。
高解像度のファビコンを作成するためのWebアプリケーション。
記事 netmagazine.com
から