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

Question

我在 FB 画布应用程序中为 Facebook 照片创建一个照片查看器。因此我关心照片尺寸。 FB 里上传的照片似乎都有不同的尺寸。我在图形 API (http://developers.facebook.com/docs/reference/api/photo/) 中看到源属性中的术语：“最大宽度或高度为 720px”，还有宽度和高度属性。我在 fql photo (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"
  }
],

• 请注意，原始图像的宽度并非每次都是 720px。如果您上传较小的图像，它不会放大。

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

FB 仅支持 JPEG 格式。

从概念上讲，您应该有一个固定宽度的窗口来显示您想要显示的图像大小（假设您使用宽度为 180px 的图像向用户显示最大的 [large] 图像。那么高度 <= 180px。所以您可以使一个 180x180 的盒子，如果图像高度较小，则将背景填充为黑色，

或者像 facebook 那样，将原始图像设置为尽可能大的大小。弹出窗口，以便他们可以使用最大量的图像空间。
使用有效的 CSS，可以轻松处理不同尺寸的图像。

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

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

关于 CSS 图像调整大小的阅读很少