为移动设备准备图像

对移动的成像并不总是似乎

拍埃菲尔铁塔的旅游图片有巧妙的电话,个人透视图,巴黎,法国的

Alexander Spatari / Getty Images

现代的Web浏览器和内容管理系统优化图像以在任何设置中显示。但是,它是准备针对每个可能形式因子和图像可能出现的位置进行优化的图像的最佳做法。专注于三件事:大小以像素,图像尺寸和颜色空间。

图像中的颜色空间

图形设计师依赖于两个主要颜色空间。颜色空间是一种方法,原色组合形成复杂的颜色彩虹。

多彩色CMYK RGB大写字母
AntonioIacoBelli / Getty Images

对于打印,设计人员使用四个过程颜色,每个颜色蒸馏到青色,洋红色,黄色和黑色的组合。有时调用四个过程图像CMYK.图像为此原因。

计算机显示器和智能手机上的显示依赖于红色,蓝色和绿色像素的组合。这个RGB.优化图像以准确地再现屏幕上的预期颜色。

图片尺寸

图像,尤其是在移动平台上,应小化尽可能小,以平衡在移动网络上的下载速度和对移动数据盖的文件大小的质量。

大多数计划,包括Adobe Creative云应用程序,支持为Web工具的导出显示,以各种分辨率和压缩的组合显示图像。以最低总尺寸选择最佳质量形象。

矢量图像 - 设备计算和绘制的图像通常比光栅图像更高效,更高质量(一次绘制一个像素)。对于简单的徽标,线条艺术和图形,矢量版本是理想的。传染媒介格式不能与照片中的复杂图像一起使用,因为质量显着下降。

尺寸为像素

每个图像应为其预期目的而尺寸。以下是流行Web使用的一些示例图像大小:

  • 互联网横幅广告通常是468像素的60像素。
  • Facebook封面图像应为851像素315像素。
  • Twitter概况照片应为400像素400像素。
  • 共享链路的图像应为1200像素,到630像素。

当您为特定目的开发照片时,请检查照片将显示照片(例如社交媒体站点或博客)以验证最佳图像尺寸,然后避免避免拉伸或修剪图像。

为避免像素,瞄准实际显示尺寸。即使图像被正确尺寸,如果它不正确,则如果必须缩放图像以满足可用空间,则所得到的产品可能看起来像素。

此页面有用吗?