Які розміри найкраще використовувати для зображень: background.png, background@2x.png і background@3x.png, якщо ми хочемо використовувати це зображення, наприклад, для покриття повної ширини та половини висоти екрана для всіх роздільних можливостей для Додаток для портретів iPhone?
Ось що ми маємо зараз:
Device Points Pixels Scale Physical Pixels PPI Ratio Size
iPhone XS Max 896x414 2688x1242 3x 2688x1242 458 19.5:9 6.5"
iPhone XR 896x414 1792x828 2x 1792x828 326 19.5:9 6.1"
iPhone X 812x375 2436x1125 3x 2436x1125 458 19.5:9 5.8"
iPhone 6 Plus 736x414 2208x1242 3x 1920x1080 401 16:9 5.5"
iPhone 6 667x375 1334x750 2x 1334x750 326 16:9 4.7"
iPhone 5 568x320 1136x640 2x 1136x640 326 16:9 4.0"
iPhone 4 480x320 960x640 2x 960x640 326 3:2 3.5"
iPhone 3GS 480x320 480x320 1x 480x320 163 3:2 3.5"
Деякі люди кажуть, що для зображення від краю до краю (як банер внизу зліва на правий край екрану) для iPhone 6 Plus вони готували б назад@3x.png шириною 1242 та для iPhone 6 назад@2x.png з ширина 750, щоб відповідати розміру екрана iPhone 6, проте я не думаю, що це гарна ідея, тому що 1242/3 = 414 і 750/2 = 375, тому називати їх як @ 2x та @ 3x не має сенсу. І тоді якою шириною має бути back.png - 375 чи 414?
Імена графіки використовують суфікси @ 2x та @ 3x, тому якщо, наприклад, image@3x.png має роздільну здатність 30x30, то логічно мисляча image@2x.png повинна мати роздільну здатність 20x20, а image.png - 10x10. Це означає, що якщо ми хочемо мати різке зображення повної ширини для кожного екрана, тоді, ймовірно, нам слід створити back@3x.png шириною 414 3 = 1242px, back@2x.png шириною 414 2 = 828px і back.png шириною 414px . Однак це означає, що на кожному iPhone, окрім iPhone 6 Plus, вам потрібно буде налаштувати свої зображення для використання, наприклад, режиму вмісту, який відповідає розміру, і вони будуть зменшені, тому це знову не є досконалим рішенням і, ймовірно, дійсно сповільнить додаток, якщо ми використовуємо багато масштабування на старих пристроях.
Тож, на вашу думку, було б найкращим рішенням для вирішення цієї проблеми?