在20x20像素下正好有400个像素可供使用。这听起来几乎什么都没有，在细节方面确实如此。但某些界面上下文专门要求这个尺寸，弄错意味着图标在围绕精确尺寸构建的UI元素中看起来被拉伸、模糊或 просто 错误。一些移动框架中的导航栏图标、仪表板界面中的状态指示器以及Web应用中的小装饰元素偶尔会使用这个尺寸。只有简单、大胆的形状且没有精细细节才能在这里很好地转换。

如何将图像调整为20x20

在宽度和高度字段中都输入20，并关闭保持宽高比复选框。对于非方形原图且复选框保持开启时，一侧达到20而另一侧按原始形状缩放，因此输出不会是方形的。关闭它会强制两个尺寸精确为20。
在这个比例下最重要的是。

  • 使用可用的图形最简单版本，细线和小文本会完全消失
  • 从大的干净源开始并缩小，决不要放大
  • PNG是这里唯一值得使用的格式，20x20的JPEG看起来明显更差
  • 对于批处理，一起上传所有内容并下载为ZIP。

20x20图像的常见用途

移动应用框架中的导航图标有时在为不同屏幕密度缩放之前使用20x20作为基础大小。Web仪表板和管理面板中的状态指示器图标也使用这个大小。某些电子邮件模板设计使用此尺寸的小装饰图标来保持布局紧凑而不会增加视觉重量。

尚未更新以支持更大头像大小的旧CMS平台和论坛软件有时会在特定显示上下文（如内嵌评论线程）中将个人资料照片限制在此范围附近的尺寸。