Каковы разумные размеры эскизов для мобильных устройств и приложений HTML5?
Я создаю REST API, который будет использоваться родными приложениями для Android и iOS, а также HTML5 в браузерах.
У меня есть несколько изображений, которые будут отправлены в некоторых вызовах API. Я хочу создать несколько миниатюр, чтобы каждое устройство получало правильный размер изображения (меньшие устройства получат меньшие изображения и т. Д.). Я не смог найти никакой информации о том, какие размеры использует большинство людей.
Я хотел бы знать, какие наборы разрешений использовать (или обычно).
2 ответа
Вот отличная, связанная статья:
http://cloudinary.com/blog/top_10_mistakes_in_handling_website_images_and_how_to_solve_them
И мы реализуем эти стандартные размеры миниатюр для наших мобильных приложений:
75x75 - Миниатюра галереи (filename-small.jpg)
150x150 - Галерея миниатюр сетчатки (имя-файла-smallx2.jpg)
480x320 - полное изображение iPhone (filename-medium.jpg)
1024x768 - Полное изображение Retina (filename-large.jpg)
Наши оригинальные файлы представляют собой полноценные фотографии с цифровых камер HD.
Bootstrap очень маленький должен быть хорошим выбором. Он отлично работает как для браузеров, так и для телефонов.
Сверхмалое имеет авторазмер, ширина контейнера должна быть< 768 пикселей. Если вы не хотите использовать авторазмер, вы можете использовать загрузочную среду, минимальная ширина столбца составляет 60 пикселей.
Проверьте параметры сетки в ссылке ниже, это должно дать вам некоторое представление о том, как действовать.