照片尺寸可通过 Graph API / FQL 获得并显示在自定义查看器中

Question

我在 FB 画布应用程序中为 FB 照片创建了一个照片查看器。因此我关心照片的大小。似乎所有在 FB 中上传的照片似乎都有不同的尺寸。我在图形 API (http://developers.facebook.com/docs/reference/api/photo/) 中看到源属性中的术语：“最大宽度或高度为 720 像素”，以及宽度和高度属性。我在 fql 照片 (http://developers.facebook.com/docs/reference/fql/photo/) 中有几种照片尺寸。

1. 在一个类别（src_small、normal、src_big）中可用的照片尺寸总是相同还是可以不同？我想它们可能会有所不同。
2. FB 支持哪些格式？我想这是小正常和大
3. 如何从概念上处理查看器中的不同尺寸？我想您需要修复查看器区域，例如。 3（高度）：4（宽度）。现在通过最大化高度或宽度来调整查看器内的图像大小。

我的方向正确吗？

Answer 1

不确定您是否注意到，但 Graph API 中还有一个“图像”字段，其中包含类似于 FQL 的“照片的 4 种不同存储表示”。

"images": [
  {
     "width": 720,
     "height": 483,
     "source": "http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_n.jpg"
  },
  {
     "width": 180,
     "height": 120,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_a.jpg"
  },
  {
     "width": 130,
     "height": 87,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_s.jpg"
  },
  {
     "width": 75,
     "height": 50,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_t.jpg"
  }
],

• 请注意，原始图像并非每次都具有 720 像素的宽度。如果您上传较小的图片，它不会按比例放大。

从第一个视图来看，存储的图像似乎具有每个表示的固定宽度。 大号180px，中号130px，小号75px。还有一个最大宽度为 720px 的原始图像。

FB 只支持 JPEG 格式。

从概念上讲，您应该为要显示的图像大小设置一个固定宽度的窗口（假设您使用宽度为 180 像素的图像向用户显示最大的 [大] 图像。那么高度为

或者像 facebook 那样做。拍摄原始图像并尽可能大地放入窗口。他们使用弹出窗口，因此他们可以为图像使用最大的空间。 使用有效的 CSS 可以轻松处理不同大小的图像。

所以是的，您正朝着正确的方向前进，只需分析 Facebook API 并充分利用它们。

如果您在编写所需的 CSS 或组合 FQL 查询时遇到任何问题，请随时提出另一个问题 :)

Little reading about CSS image resize