При 20x20 пикселях доступно ровно 400 пикселей для работы. Это звучит почти как ничего и по детализации так и есть. Но определенные контексты интерфейса специально требуют этого размера и ошибка означает иконку которая выглядит растянутой, размытой или просто неправильной внутри элемента UI построенного вокруг точных размеров. Иконки панели навигации в некоторых мобильных фреймворках, индикаторы статуса в интерфейсах дашбордов и маленькие декоративные элементы в веб приложениях иногда попадают на этот размер. Простые, жирные формы без мелких деталей - единственное что хорошо переводится здесь.
Как изменить размер изображения до 20x20
Введите 20 в поля ширины и высоты и отключите флажок Сохранить пропорции. При нес квадратном оригинале и оставленном включенным флажке одна сторона достигает 20 а другая масштабируется с исходной формой, поэтому результат не будет квадратным. Отключение заставляет обе размеры точно на 20.
На этом масштабе важнее всего.
- Используйте самую простую версию графики, тонкие линии и мелкий текст исчезают полностью
- Начинайте с большого чистого источника и уменьшайте масштаб, никогда не увеличивайте
- PNG - единственный формат который стоит использовать здесь, JPEG при 20x20 выглядит заметно хуже
- Для пакетов загружайте все вместе и скачивайте как ZIP.
Общие применения для изображений 20x20
Иконки навигации в фреймворках мобильных приложений иногда используют 20x20 как базовый размер перед масштабированием для разных плотностей экрана. Иконки индикаторов статуса в веб дашбордах и панелях администрирования также попадают на этот размер. Некоторые дизайны шаблонов email используют маленькие декоративные иконки в этом размере чтобы держать layouts компактными без добавления визуального веса.
Старые платформы CMS и форумное ПО которое не было обновлено для поддержки больших размеров аватаров иногда ограничивает фото профилей размерами в этом диапазоне в специфических контекстах отображения как встроенные ветки комментариев.