Working with Images

选择合适的图像

在给你的网站添加图片时,记住以下几点是很重要的.

  • Is it a high-quality image?
    • Natural color
    • 图像大小和形状(宽高比)适合内容类型
    • 文件大小小于1MB(请参阅 优化图像的说明 below)
    • 图像主体的最佳文件类型(e.g. .JPG for photography, .PNG(线条图/图形)
  • Is it relevant and up-to-date?
    • 与页面内容相关
    • 增加视觉兴趣和额外的背景
    • “新鲜的”/不老、不过时
  • 法律允许我们使用这张照片吗?
    • Is it copyright protected? If so, do we have permission to use it?
    • 您是否获得图片主体的许可(如果需要)??
      • 我们有权使用所有教职员工和学生的图像,除非他们选择退出.
  • Does the image have an 'alt' description for accessibility?
  • Does the image have little to no text in it?
    • 如果图像中有文字, 文本需要包含在“alt”描述或页面上的其他地方,以满足法律的网络可访问性标准.

Image Editors

在上传到CMS之前,你需要裁剪、调整大小和优化你的图片. Though, TerminalFour确实有一些内置的裁剪和调整大小的功能.

你可以使用电脑上的图像编辑软件(如Adobe Photoshop)或基于网络的编辑器为网络准备图像. 下面是一些免费的照片编辑程序.

为Web优化图像

在您的网站上提供最高质量的图像内容需要在图像质量和文件大小之间取得良好的平衡. 大的图像文件会增加页面的加载时间.

我们的目标是以最小的文件大小获得最高质量的图像(这将更快地加载), 为用户提供更好的用户体验, 并对你的搜索引擎优化产生积极的影响).

你网站上的图片必须是 less than 1 MB in size.

因此,为网页优化图片是非常重要的一步. 这里有一些资源可以帮助你:

  • 优化Web图像:实用指南:这篇博文由Richard Lazazzera撰写,A Better Lemonade Stand, 2016年7月18日
    这一步一步的教程如何优化你的jpeg, PNGs, 和Adobe Photoshop中的动图(尽管这个博客在使用其他照片编辑软件时仍然很有用).

Adobe Photoshop

如果您的大学拥有的机器上还没有Adobe Photoshop,并希望使用它进行照片编辑和优化, 你的院系/项目可以通过网站为你的大学拥有的工作站获取副本 Service Desk.

Also, 在校园的一些计算机实验室(如艺术实验室)可以使用Adobe Photoshop, 在行政大楼的Mac实验室, 及图书馆媒体制作中心).

Additionally, 如果您想购买Photoshop供个人使用, Adobe为Photoshop和Adobe Creative Suite中的所有其他软件提供了显著的教育折扣 Adobe Creative Cloud.

免费的在线图像优化器

Photoshop图像优化的一些可能的免费替代品包括: